:root{font-family:Segoe UI,Arial,sans-serif;color:#182b32;background:#f4f7f6;font-synthesis:none}*{box-sizing:border-box}body{margin:0}header{padding:26px max(24px,calc((100vw - 1120px)/2));display:flex;align-items:center;justify-content:space-between;background:white;border-bottom:1px solid #e0e8e5}.brand{text-decoration:none;color:#126454;font-size:24px;font-weight:800;letter-spacing:1px}.brand span{display:block;font-size:12px;font-weight:400;letter-spacing:0;color:#63766f;margin-top:4px}.badge{font-size:12px;color:#526b62;background:#edf5f1;padding:9px 12px;border-radius:30px}main{max-width:1120px;margin:auto;padding:54px 24px}.eyebrow{font-size:12px;letter-spacing:2px;color:#26715e;font-weight:700}h1{font-size:clamp(30px,4vw,44px);letter-spacing:-1.5px;margin:12px 0}p{line-height:1.6;color:#63746d}.intro p{margin-bottom:32px}.layout{display:grid;grid-template-columns:360px 1fr;gap:24px;align-items:start}.card{background:#fff;border:1px solid #e0e8e4;border-radius:20px;padding:26px;box-shadow:0 6px 24px #173e2710}h2{font-size:20px;margin:0 0 24px}label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:600;margin-bottom:20px}input{font:inherit;padding:12px;border:1px solid #b7c8c0;border-radius:9px;background:#fff;color:#182b32;width:100%;min-width:0}input:focus,button:focus-visible{outline:3px solid #a0d8c6;outline-offset:2px}.pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hint,.privacy{font-size:12px}.hint{margin-top:-4px}button{background:#146752;border:0;border-radius:10px;color:#fff;padding:14px 16px;font:inherit;font-weight:600;cursor:pointer}form button{width:100%}button:hover{background:#0c5140}button:disabled{opacity:.5;cursor:not-allowed}#form-message{font-size:13px;color:#145c48}.history-heading{display:flex;justify-content:space-between;gap:20px;align-items:start}.history-heading label{max-width:180px}.summary{padding:20px;background:#edf6f1;border-radius:12px;display:flex;justify-content:space-between;align-items:center;gap:12px;color:#326050}.summary span{font-size:13px}.summary strong{font-size:26px;white-space:nowrap}.empty{text-align:center;padding:30px 15px;font-size:14px}.shift{padding:20px 0;border-bottom:1px solid #e4ebe7;display:flex;gap:16px;align-items:center;font-size:14px}.shift div{flex:1}.shift span{display:block;font-size:12px;color:#64746d;margin-top:6px}.shift>strong{white-space:nowrap}.remove{background:#f3f5f4;color:#5b6862;font-size:12px;padding:9px}.remove:hover{background:#e8eeeb}.privacy{max-width:800px;margin-top:24px}@media(max-width:850px){.layout{grid-template-columns:1fr}main{padding-top:32px}.badge{display:none}}@media(max-width:480px){.card{padding:20px}.history-heading{flex-direction:column}.history-heading label{max-width:none;width:100%}.shift{flex-wrap:wrap}.shift div{flex-basis:65%}.summary strong{font-size:22px}}

:root select{font:inherit;padding:12px;border:1px solid #b7c8c0;border-radius:9px;background:#fff;color:#182b32;width:100%;min-width:0}select:focus{outline:3px solid #a0d8c6;outline-offset:2px}[hidden]{display:none!important}.navigation{display:flex;gap:8px;margin-bottom:32px}.navigation button{background:#e6ede9;color:#456157}.navigation button[aria-pressed=true]{background:#146752;color:white}.contract-card{max-width:620px}#contract-message{font-size:13px;color:#145c48}
.navigation{flex-wrap:wrap}.pay-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.pay-metric p{margin:0 0 14px;font-size:14px}.pay-metric strong{font-size:clamp(22px,3vw,30px);color:#146752}.pay-assumptions{margin-top:24px}.pay-assumptions p{font-size:14px}.pay-assumptions a{color:#146752;font-size:13px}@media(max-width:700px){.pay-metrics{grid-template-columns:1fr}}
.seniority-fields{border:1px solid #dce7e0;border-radius:12px;padding:18px;margin:8px 0 22px;min-width:0}.seniority-fields legend{font-weight:600;font-size:15px;padding:0 6px}.seniority-fields .hint{margin-bottom:0}@media(max-width:480px){.seniority-fields .pair{grid-template-columns:1fr}}
.premium-row{border-bottom:1px solid #dce7e0;padding:16px 0;margin-bottom:16px}.premium-row .remove{width:auto}.secondary{background:#edf5f1;color:#146752}.secondary:hover{background:#dcebe3}.pay-assumptions strong{overflow-wrap:anywhere}
.guide-card{max-width:620px;margin:0 auto}.guide-card h1{font-size:30px;letter-spacing:-.7px}.guide-options{border:0;padding:0;margin:24px 0}.guide-choice{display:flex;flex-direction:row;align-items:center;padding:14px;border:1px solid #dce7e0;border-radius:10px;margin:10px 0;cursor:pointer;line-height:1.5}.guide-choice:has(input:checked){border-color:#146752;background:#edf6f1}.guide-choice input{width:18px;flex-shrink:0;accent-color:#146752}.guide-actions{display:flex;gap:12px}.guide-actions button{width:auto}.guide-link{display:flex;justify-content:flex-end;margin-bottom:16px}.guide-link button{font-size:12px;padding:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.cycle-post{border:1px solid #dce7e0;border-radius:12px;padding:18px;margin:20px 0;min-width:0}.cycle-post legend{font-weight:600;padding:0 8px}.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 16px}.post-controls{display:flex;gap:8px;flex-wrap:wrap}.post-controls button{width:auto;font-size:12px;padding:10px}.cycle-calendar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:20px 0}.calendar-day{padding:14px;border:1px solid #dce7e0;border-radius:10px;background:#edf6f1;display:flex;flex-direction:column;gap:8px;font-size:13px}.calendar-day small{font-size:11px;color:#526b62;line-height:1.5}.rest-day{background:#f5f6f5}#save-cycle{width:100%}@media(max-width:700px){.post-grid{grid-template-columns:1fr 1fr}.cycle-calendar{grid-template-columns:1fr 1fr}}@media(max-width:420px){.post-grid{grid-template-columns:1fr}.cycle-calendar{grid-template-columns:1fr}}
.post-choices{display:flex;flex-wrap:wrap;gap:12px 24px;margin:4px 0 20px}.post-choices label{flex-direction:row;align-items:center;margin:0;cursor:pointer;line-height:1.5}.post-choices input{width:20px;height:20px;flex-shrink:0;accent-color:#146752}
.calendar-day.custom-color small{color:inherit}input[type=color]{width:80px;height:44px;padding:4px;cursor:pointer}
/* Keep native Safari date/time controls inside their grid or flex column. */
.card,.layout>*,.pair>*,.post-grid>*,.history-heading>*{min-width:0}
.pair{grid-template-columns:repeat(2,minmax(0,1fr))}
label{min-width:0}
input,select{max-width:100%;box-sizing:border-box}
input[type=date],input[type=time],input[type=month]{display:block;-webkit-appearance:none;appearance:none;min-width:0;width:100%;max-width:100%;min-height:44px}
input::-webkit-date-and-time-value{min-width:0;text-align:left}
@media(max-width:480px){
  main{padding-left:16px;padding-right:16px}
  .pair,.post-grid{grid-template-columns:minmax(0,1fr);gap:0}
  input,select{font-size:16px}
  .summary{flex-wrap:wrap}
}
button.calendar-day{font-weight:400;text-align:left;width:100%;min-width:0;overflow-wrap:anywhere;color:#182b32}
button.calendar-day:hover{filter:brightness(.96)}button.calendar-day:disabled{opacity:1;cursor:default}
#day-editor{width:calc(100% - 32px);max-width:540px;max-height:calc(100dvh - 32px);padding:24px;border:1px solid #dce7e0;border-radius:16px;color:#182b32;overflow:auto}
#day-editor::backdrop{background:#182b3280}#day-editor h2{text-transform:capitalize;line-height:1.4}
.day-fields{border:0;padding:0;margin:0;min-width:0}.day-actions{display:flex;flex-direction:column;gap:10px}
.calendar-card h1{font-size:28px;letter-spacing:-.6px;margin:0}.calendar-month-actions{display:flex;gap:8px;align-items:center;margin-bottom:18px}.calendar-month-actions button{min-width:44px}.calendar-card .cycle-calendar{margin-bottom:0}
.calendar-markers{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.calendar-marker{font-size:11px;line-height:1.4;border-radius:6px;padding:4px 7px;font-weight:600}.replacement-marker{background:transparent;color:inherit;border:1px solid currentColor}.comment-marker{font-size:17px;line-height:1.4}#day-editor .check-label{flex-direction:row;align-items:center;line-height:1.5}#day-editor .check-label input{width:20px;height:20px;flex-shrink:0;accent-color:#146752}textarea:focus-visible{outline:3px solid #a0d8c6;outline-offset:2px}
#pay-month{max-width:240px}

.premium-comparison{padding:16px 0;border-bottom:1px solid #e0e8e4}.premium-comparison h3{font-size:16px;margin:0 0 10px}.premium-comparison p{margin:6px 0;overflow-wrap:anywhere}

.overtime-tier{border-bottom:1px solid #e0e8e4;padding:16px 0;margin-bottom:16px}.overtime-tier button{width:auto}#overtime-fields>label{margin-top:16px}

textarea{font:inherit;width:100%;max-width:100%;min-width:0;padding:12px;border:1px solid #b7c8c0;border-radius:9px;resize:vertical}#settings-form details{margin:20px 0}#settings-form summary{cursor:pointer;margin-bottom:18px;font-size:14px}
.calendar-day.replacement-blink{animation:replacement-pulse 3s ease-in-out infinite}@keyframes replacement-pulse{0%,100%{filter:brightness(1)}50%{filter:brightness(.82)}}@media(prefers-reduced-motion:reduce){.calendar-day.replacement-blink{animation:none}}#settings-form .check-label{flex-direction:row;align-items:center;line-height:1.5}#settings-form .check-label input{width:20px;height:20px;flex-shrink:0;accent-color:#146752}

#on-call-view{max-width:760px;margin:auto}#on-call-view summary{font-weight:600;cursor:pointer;font-size:18px;padding:4px 0}#on-call-view details[open]>summary{margin-bottom:24px}#on-call-view .check-label{flex-direction:row;align-items:center;font-weight:400;line-height:1.5}#on-call-view .check-label input{width:20px;height:20px;flex-shrink:0;accent-color:#146752}#on-call-view fieldset legend{font-size:14px;font-weight:600;margin-bottom:14px}#on-call-view .premium-comparison button{margin:8px 8px 0 0;padding:10px;font-size:13px}#on-call-view form>.secondary{margin-top:10px}#on-call-message{color:#145c48}

/* Monday-first calendar: keep all seven columns at every viewport width. */
#cycle-preview .calendar-day strong{white-space:nowrap;font-size:14px}
@media(max-width:700px){#cycle-preview .calendar-day strong{font-size:11px}#cycle-preview .calendar-detail{display:block;font-size:9px;line-height:1.4}}
.cycle-calendar{grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.calendar-weekday{text-align:center;font-size:12px;font-weight:700;padding:8px 0}.calendar-weekend{color:#146752;background:#edf5f1;border-radius:6px}.calendar-spacer{min-width:0}.calendar-post-code,.marker-short,.calendar-compact-legend{display:none}.calendar-day{padding:10px;gap:6px}.calendar-day strong{font-size:16px}.calendar-marker{max-width:100%;overflow-wrap:anywhere}
@media(max-width:700px){.cycle-calendar{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.calendar-day{padding:5px 3px;gap:5px;min-height:84px;border-radius:7px;align-items:center;text-align:center}.calendar-weekday{font-size:10px;padding:6px 0}.calendar-post-name,.calendar-detail,.marker-full{display:none}.calendar-post-code,.marker-short{display:block}.calendar-post-code{font-size:10px;line-height:1.3;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.calendar-marker{font-size:9px;padding:2px;line-height:1.3}.calendar-markers{justify-content:center;gap:3px}.comment-marker{font-size:12px}.calendar-compact-legend{display:block;margin:18px 0 0;line-height:1.8}#calendar-view .calendar-card{padding:12px}}

/* A narrow week-number gutter keeps the seven day columns together. */
#counters-view{max-width:760px;margin:auto}.counter-list{margin:0}.counter-list>div{display:flex;justify-content:space-between;align-items:baseline;gap:16px;border-bottom:1px solid #e4ebe7;padding:12px 0}.counter-list dt{font-size:14px}.counter-list dd{margin:0;text-align:right;font-weight:600;color:#146752;font-size:14px;flex-shrink:0;max-width:55%;overflow-wrap:anywhere}@media(max-width:480px){.counter-list>div{gap:12px}.counter-list dd{flex-shrink:1}}
.settings-date-group{min-width:0;border:1px solid #dce7e0;border-radius:10px;padding:16px;margin:18px 0}.settings-date-group legend{font-size:14px;font-weight:600;padding:0 6px}.settings-date-controls{display:flex;gap:10px;align-items:flex-end}.settings-date-controls label{flex:1;margin:0}.settings-date-controls button,.settings-date-row button{width:auto}.settings-date-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:12px;font-size:14px}.settings-date-list .hint{margin:14px 0 0}
.cycle-calendar{grid-template-columns:28px repeat(7,minmax(0,1fr))}
.calendar-week-number{align-self:start;text-align:center;padding-top:12px;font-size:12px;color:#63746d;font-weight:600}
.calendar-holiday-symbol{font-size:12px;line-height:1.3;color:inherit;white-space:nowrap}
@media(max-width:700px){.cycle-calendar{grid-template-columns:20px repeat(7,minmax(0,1fr));gap:3px}.calendar-week-number,.calendar-week-label{font-size:9px}.calendar-holiday-symbol{font-size:9px}#cycle-preview{padding:12px}}


#help-view{max-width:760px;margin:auto}.help-chapters{display:grid;gap:12px}.help-chapters summary{cursor:pointer;font-weight:600;line-height:1.5}.help-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.help-dialog{width:calc(100% - 32px);max-width:620px;max-height:calc(100dvh - 32px);overflow:auto;border:1px solid #dce7e0;border-radius:18px;padding:24px;color:#182b32}.help-dialog::backdrop{background:#182b3280}.help-dialog>button{margin-top:18px}.help-log{max-height:32dvh;overflow:auto;overflow-wrap:anywhere}.help-answer{background:#edf6f1;border-radius:12px;padding:16px;margin:12px 0}.help-answer p{margin:10px 0}.help-question{text-align:right;color:#182b32}.help-floating{position:fixed;right:16px;bottom:max(16px,env(safe-area-inset-bottom));box-shadow:0 4px 18px #182b3233;z-index:5}body{padding-bottom:70px}@media(max-width:480px){.help-dialog{padding:20px}.help-dialog h2{line-height:1.4}.help-actions button{max-width:100%;font-size:14px}.help-dialog form input{font-size:16px}}
/* EARNBACK: a calmer workspace with a clear daily starting point. */
:root{--ink:#202332;--muted:#737889;--accent:#6355dc;--line:#e6e8ef;--canvas:#f7f8fc;font-family:Inter,"Segoe UI",sans-serif;color:var(--ink);background:var(--canvas)}
body{padding-bottom:40px}header{position:fixed;inset:0 auto 0 0;width:228px;padding:32px 24px;display:block;background:#fff;border-right:1px solid var(--line);border-bottom:0;z-index:4}.brand{font-size:23px;letter-spacing:-1px;color:var(--ink)}.brand:before{content:'e';display:inline-grid;place-items:center;background:var(--accent);color:white;width:32px;height:32px;border-radius:11px;margin-right:8px;font-size:27px;letter-spacing:-2px}.brand span{margin-top:12px;font-size:11px;color:var(--muted);letter-spacing:.1px}.badge{position:absolute;bottom:28px;left:24px;background:#f4f5fa;color:var(--muted);font-size:11px;padding:12px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#30a686;margin-right:6px}
main{margin:0 0 0 228px;max-width:none;padding:64px clamp(24px,4vw,72px);min-height:100vh}#workspace{max-width:1100px;margin:auto}.navigation{position:fixed;top:142px;left:16px;width:196px;display:flex;flex-direction:column;gap:5px;z-index:5}.navigation button{display:flex;align-items:center;gap:13px;text-align:left;padding:12px 14px;background:transparent;color:#717587;font-size:13px;border-radius:12px;font-weight:500;min-height:44px}.navigation button:hover{background:#f4f3fc;color:var(--accent)}.navigation button[aria-pressed=true]{background:#efedff;color:#5546cf;font-weight:650}.nav-icon{width:23px;font-size:21px;text-align:center;line-height:1}.navigation [data-view=cycle]{margin-top:22px}.navigation [data-view=settings]{margin-top:22px}#more-navigation{display:none}.guide-link{position:absolute;right:clamp(24px,4vw,72px);top:20px;margin:0}.guide-link button{font-size:12px;background:white;border:1px solid var(--line);color:var(--muted);padding:9px 14px;border-radius:24px}.guide-link p:empty{display:none}
h1{font-size:clamp(28px,3.6vw,42px);letter-spacing:-1.6px;line-height:1.15;font-weight:700;margin:12px 0}h2{letter-spacing:-.5px;font-weight:650}p{color:var(--muted)}.eyebrow{color:var(--accent);letter-spacing:1.4px;font-size:10px}.intro{margin-bottom:30px}.intro p{font-size:14px;margin:12px 0 0}.card{border:1px solid var(--line);border-radius:20px;box-shadow:0 4px 18px #25254003;padding:28px}.card+.card{margin-top:20px}button{background:var(--accent);border-radius:12px;min-height:44px;font-size:14px;transition:background .15s,box-shadow .15s}button:hover{background:#5143c6}button.secondary{background:#f0eff8;color:#534ba1}button.secondary:hover{background:#e7e4fa}input,:root select,textarea{border-color:#e0e2ec;border-radius:10px;background:#fafbfe;color:var(--ink);min-height:46px}input:focus,select:focus,textarea:focus,button:focus-visible{outline:3px solid #b9b1fa;outline-offset:3px}label{color:#565c70;font-size:12px}.hint{line-height:1.7;color:#777d8e}.summary{background:#f1efff;color:#574c9b}.summary strong{color:#5546cf}.counter-list dd{color:#6355dc}.counter-list>div{border-color:#eeeff5}.calendar-card .history-heading{align-items:center}.calendar-card .history-heading h1{margin:0}.calendar-month-actions{gap:8px}.calendar-day{border-radius:12px;min-height:100px}.calendar-weekday{color:#9195a3;font-weight:500}.calendar-weekend{background:#efedfa;color:#6b60a4}.calendar-day:hover{box-shadow:0 0 0 2px #b7aef1;filter:brightness(.98)}.calendar-week-number{color:#aaaebc}.help-floating{border-radius:30px;background:var(--ink);font-size:12px;padding:12px 18px}.help-dialog{border-color:var(--line);box-shadow:0 30px 100px #171c3433}.help-answer{background:#f3f1ff}.privacy{font-size:11px;line-height:1.7;border-top:1px solid var(--line);padding-top:20px;margin-top:36px;max-width:none;color:#9599a6}.layout{grid-template-columns:minmax(300px, .85fr) minmax(0,1.15fr);gap:22px}#counters-view,#help-view,#on-call-view{max-width:900px}
.home-intro .eyebrow{text-transform:uppercase}.home-hero{background:#242438;color:white;padding:32px 36px;border-radius:24px;position:relative;overflow:hidden}.home-hero:after{content:'';position:absolute;width:270px;height:270px;right:-50px;top:-80px;border:48px solid #ffffff06;border-radius:50%;pointer-events:none}.home-hero .eyebrow{color:#bbb2ff}.home-hero h2{font-size:20px;margin:20px 0 8px;font-weight:500}.home-hero .hero-time{font-size:clamp(32px,4vw,48px);letter-spacing:-1.8px;color:#fff;line-height:1.2;font-weight:650;margin:6px 0}.home-hero p{color:#b7b7cd;font-size:13px;margin:12px 0 24px}.hero-action{background:#b9adff;color:#25233c;font-size:12px;padding:12px 18px;position:relative;z-index:1}.hero-action:hover{background:#c9bfff}.home-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0 36px}.home-metric{background:white;border:1px solid var(--line);padding:24px;text-align:left;color:var(--ink);display:flex;flex-direction:column;gap:14px;border-radius:18px}.home-metric:hover{background:#f0edff}.home-metric span{color:var(--muted);font-size:12px;font-weight:400}.home-metric strong{font-size:28px;letter-spacing:-1px;font-weight:650}.home-actions h2{font-size:18px;margin-bottom:18px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quick-action{background:white;border:1px solid var(--line);color:var(--ink);text-align:left;display:flex;gap:16px;align-items:center;padding:20px;border-radius:16px}.quick-action:hover{background:#f0edff}.quick-action strong{display:block;font-size:13px;font-weight:600}.quick-action small{display:block;color:var(--muted);font-size:11px;font-weight:400;margin-top:6px}.quick-icon{color:var(--accent);background:#f1efff;border-radius:12px;width:42px;height:42px;display:grid;place-items:center;font-size:24px;flex-shrink:0}.home-footnote{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:11px;margin-top:28px}.home-footnote button{background:transparent;color:var(--accent);font-size:11px;padding:8px}
@media(min-width:1300px){.home-hero{padding:40px}.home-metrics{gap:20px}}
@media(max-width:1050px){header{width:190px;padding-left:20px}.navigation{width:162px;left:14px}.navigation button{font-size:12px;gap:8px;padding:12px 10px}main{margin-left:190px;padding:64px 24px}.layout{grid-template-columns:1fr}.home-metric{padding:18px}.home-metric strong{font-size:24px}}
@media(max-width:700px){header{position:relative;width:auto;height:80px;padding:22px 20px;border:0;background:var(--canvas);display:flex}.brand{font-size:19px}.brand:before{width:27px;height:27px;border-radius:9px;font-size:24px}.brand span,.badge{display:none}main{margin:0;padding:12px 18px 100px}body{padding-bottom:0}.guide-link{top:24px;right:18px}.navigation{position:fixed;top:auto;bottom:0;left:0;width:100%;background:#fffffff5;border-top:1px solid var(--line);padding:10px 8px calc(10px + env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;backdrop-filter:blur(16px);margin:0;z-index:8}.navigation button{flex-direction:column;justify-content:center;gap:6px;padding:8px 2px;font-size:10px;border-radius:12px;min-height:54px}.navigation .nav-icon{font-size:22px}.navigation [data-view=cycle],.navigation [data-view=settings]{margin-top:0}.navigation .nav-extra{display:none}#more-navigation{display:flex}.navigation.expanded .nav-extra{display:flex}.navigation.expanded{box-shadow:0 -12px 40px #27244012}.home-hero{padding:26px;border-radius:22px}.home-hero h2{font-size:18px}.home-metrics{gap:8px;margin:14px 0 28px}.home-metric{padding:16px 12px;border-radius:14px;gap:12px}.home-metric span{font-size:10px;line-height:1.5;min-height:30px}.home-metric strong{font-size:22px}.quick-grid{grid-template-columns:1fr}.quick-action{padding:17px}.quick-action strong{font-size:14px}.quick-action small{font-size:12px}.home-footnote{flex-wrap:wrap;line-height:1.6}.help-floating{bottom:calc(94px + env(safe-area-inset-bottom));right:14px;min-height:40px;padding:10px 14px}.card{padding:20px}.calendar-day{min-height:84px;border-radius:8px}.intro{margin-bottom:24px}h1{font-size:32px}.history-heading{flex-direction:row;align-items:center}.history-heading label{max-width:160px;width:auto}.privacy{font-size:10px}.counter-list dt{font-size:13px}.help-dialog{max-height:calc(100dvh - 32px)}}
@media(prefers-reduced-motion:reduce){button{transition:none}}
.context-help{margin:12px 0 22px;border-top:1px solid var(--line);padding-top:16px}.context-help summary{font-size:12px;color:var(--accent);cursor:pointer}.context-help[open] summary{margin-bottom:16px}.context-help .hint{margin:12px 0}.home-intro{padding-top:6px}
@media(min-width:701px){.navigation{max-height:calc(100dvh - 220px);overflow-y:auto;scrollbar-width:thin}}
/* Compact counters: overview first, complete accounting on demand. */
#counters-view{max-width:1100px}#counters-view>.card{padding:18px 22px;margin-bottom:20px}#counters-view>.card label{margin-bottom:10px}#counters-range{margin:0;font-size:11px}.counter-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.counter-metric{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;display:flex;flex-direction:column;gap:10px}.counter-metric>span{font-size:12px;color:var(--muted)}.counter-metric strong{font-size:28px;letter-spacing:-1px;color:var(--ink)}.counter-metric small{color:var(--muted);font-size:10px;line-height:1.5}.counter-charts{display:grid;grid-template-columns:1fr 1fr;gap:18px}.counter-charts .card{margin:0;padding:24px;min-width:0}.counter-chart h2{font-size:18px;margin:10px 0 20px}.donut-layout{display:flex;align-items:center;gap:14px;min-height:190px}.donut-wrap{position:relative;width:180px;flex-shrink:0}.counter-donut{width:100%;display:block;overflow:visible}.donut-center{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;pointer-events:none;gap:6px}.donut-center strong{font-size:32px;letter-spacing:-1px}.donut-center span{color:var(--muted);font-size:10px;text-align:center;max-width:100px}.donut-segment{animation:draw-segment .85s cubic-bezier(.2,.7,.2,1) both;transition:opacity .2s}.donut-legend{flex:1;min-width:0}.donut-key{display:flex;align-items:center;width:100%;gap:8px;background:transparent;color:var(--ink);padding:8px 5px;font-size:11px;font-weight:400;min-height:40px;text-align:left}.donut-key:hover,.donut-key[aria-pressed=true]{background:#f4f2ff}.donut-key>span:not(.chart-dot){flex:1}.donut-key strong{white-space:nowrap;font-size:11px}.chart-dot{width:8px;height:8px;flex-shrink:0;border-radius:50%}.chart-note{font-size:10px;line-height:1.6;color:var(--muted);margin:14px 0 0;min-height:16px}.bar-key{display:flex;gap:14px;font-size:10px;margin-bottom:16px;flex-wrap:wrap}.planned-key{color:#7565e8}.actual-key{color:#48b5a4}.counter-bars{display:flex;gap:6px;align-items:stretch;height:180px}.bar-column{background:transparent;color:var(--muted);display:flex;flex:1;min-width:0;flex-direction:column;align-items:center;justify-content:flex-end;padding:0 2px;border-radius:6px}.bar-column:hover,.bar-column:focus-visible{background:#f6f5fe}.bar-track{display:flex;align-items:flex-end;justify-content:center;gap:4px;height:140px;width:100%;border-bottom:1px solid var(--line)}.chart-bar{width:clamp(7px,1.7vw,18px);position:relative;display:block;border-radius:5px 5px 0 0;transform-origin:bottom;animation:grow-bar .75s cubic-bezier(.2,.7,.2,1) both}.planned-bar{background:#7565e8}.actual-bar{background:#48b5a4}.bar-value{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);font-size:9px;color:#72758a;padding-bottom:5px;font-weight:500}.bar-label{font-size:9px;line-height:1.4;min-height:30px;padding-top:8px;font-weight:400;overflow-wrap:anywhere}.counter-context{font-size:10px;line-height:1.6;margin:12px 0 18px}.counter-details-toggle{display:block;width:100%;border:1px solid #e1ddfa;margin-bottom:18px;min-height:46px}#counter-details .card{margin:0 0 16px}.chart-empty{margin:auto;text-align:center;font-size:12px}
@keyframes draw-segment{from{stroke-dasharray:0 var(--circumference)}to{stroke-dasharray:var(--segment-length) calc(var(--circumference) - var(--segment-length))}}
@keyframes grow-bar{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@media(max-width:1150px){.donut-layout{flex-direction:column;gap:0}.donut-legend{width:100%}.donut-wrap{width:150px}.donut-key{min-height:34px}.counter-metric{padding:16px}.counter-metric strong{font-size:24px}}
@media(max-width:700px){.counter-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.counter-charts{grid-template-columns:1fr;gap:14px}.counter-charts .card{padding:20px}.donut-layout{flex-direction:row;gap:12px;min-height:150px}.donut-wrap{width:145px}.donut-key{font-size:10px}.donut-key strong{font-size:10px}.counter-chart h2{font-size:17px;margin-bottom:16px}.counter-bars{height:165px}.bar-track{height:130px}.chart-bar{width:14px}.counter-metric strong{font-size:25px}.counter-context{margin-top:14px}#counters-view>.card{padding:16px}#counters-view .intro{margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){.donut-segment,.chart-bar{animation:none;transition:none}}
/* Appearance follows an explicit preference or the device's color scheme. */
:root{color-scheme:light}.appearance-card{max-width:620px;margin-bottom:22px}.theme-picker{border:0;padding:0;margin:20px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.theme-picker label{position:relative;margin:0;cursor:pointer;align-items:center;padding:12px 10px;border:1px solid var(--line);border-radius:14px;gap:12px;color:var(--ink)}.theme-picker input{position:absolute;opacity:0;width:1px;height:1px;min-height:0}.theme-picker label:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 2px #7565e81c}.theme-picker label:has(input:focus-visible){outline:3px solid #b9b1fa;outline-offset:3px}.theme-preview{display:block;width:100%;height:68px;border-radius:8px;border:1px solid #9b9eaf33;padding:10px;position:relative;overflow:hidden}.preview-light{background:#f7f8fc}.preview-dark{background:#181b29}.preview-auto{background:linear-gradient(90deg,#f7f8fc 50%,#181b29 50%)}.theme-preview i{display:block;width:40%;height:7px;background:#7565e8;border-radius:4px}.theme-preview b{display:block;height:25px;background:#9394b526;margin-top:9px;border-radius:4px}
:root[data-theme=dark]{color-scheme:dark;--ink:#e9eaf3;--muted:#a1a7bb;--accent:#a99bff;--line:#303449;--canvas:#141723;background:var(--canvas);color:var(--ink)}
[data-theme=dark] header,[data-theme=dark] .card,[data-theme=dark] .home-metric,[data-theme=dark] .quick-action,[data-theme=dark] .counter-metric{background:#1d2131;border-color:var(--line)}[data-theme=dark] .brand,[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3{color:var(--ink)}[data-theme=dark] .brand:before{background:#7565e8}[data-theme=dark] .badge{background:#24283c;color:var(--muted)}[data-theme=dark] .navigation button{color:#b1b5ca}[data-theme=dark] .navigation button:hover,[data-theme=dark] .navigation button[aria-pressed=true]{background:#332d50;color:#c3b9ff}[data-theme=dark] .guide-link button{background:#24283c;border-color:var(--line);color:var(--muted)}[data-theme=dark] button:not(.secondary):not(.remove):not(.donut-key):not(.bar-column):not(.home-metric):not(.quick-action):not(.hero-action){color:#171426}[data-theme=dark] .navigation button,[data-theme=dark] .help-floating{color:var(--ink)!important}[data-theme=dark] button.secondary,[data-theme=dark] .remove{background:#302c46;color:#c3b9ff}[data-theme=dark] button.secondary:hover,[data-theme=dark] .remove:hover{background:#3b3456}[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:#171b29;border-color:#3b4057;color:var(--ink)}[data-theme=dark] label{color:#bcc1d4}[data-theme=dark] .hint,[data-theme=dark] .chart-note,[data-theme=dark] .privacy{color:var(--muted)}[data-theme=dark] fieldset{border-color:var(--line)}[data-theme=dark] .summary,[data-theme=dark] .help-answer,[data-theme=dark] .quick-icon{background:#2c2845;color:#c3b9ff}[data-theme=dark] .summary strong,[data-theme=dark] .counter-list dd{color:#bbaeFF}[data-theme=dark] .shift,[data-theme=dark] .counter-list>div,[data-theme=dark] .premium-comparison{border-color:var(--line)}[data-theme=dark] .shift span{color:var(--muted)}[data-theme=dark] .home-hero{background:#29283e}[data-theme=dark] .home-hero h2{color:#fff}[data-theme=dark] .home-metric:hover,[data-theme=dark] .quick-action:hover,[data-theme=dark] .donut-key:hover,[data-theme=dark] .donut-key[aria-pressed=true],[data-theme=dark] .bar-column:hover{background:#2d2943}[data-theme=dark] .counter-donut>circle:first-child{stroke:#303449}[data-theme=dark] .bar-value{color:#c2c6d7}[data-theme=dark] .planned-key{color:#b0a1ff}[data-theme=dark] .actual-key{color:#69cebd}[data-theme=dark] .help-dialog,[data-theme=dark] #day-editor{background:#1d2131;color:var(--ink);border-color:var(--line)}[data-theme=dark] .help-question{color:var(--ink)}[data-theme=dark] .calendar-weekday,[data-theme=dark] .calendar-week-number{color:#b2b7cc}[data-theme=dark] .calendar-weekend{background:#302c46;color:#c3b9ff}[data-theme=dark] .calendar-day:not(.custom-color){color:#182b32}[data-theme=dark] #theme-message{margin-bottom:0}[data-theme=dark] .theme-picker label{color:var(--ink)}
@media(max-width:700px){[data-theme=dark] header{background:var(--canvas)}[data-theme=dark] .navigation{background:#1d2131f5}.theme-picker{gap:8px}.theme-picker label{padding:10px 6px;font-size:11px}.theme-preview{height:60px;padding:8px}}
[data-theme=dark] .help-floating{background:#30344a;color:#e9eaf3!important}[data-theme=dark] .help-floating:hover{background:#414661}[data-theme=dark] .home-footnote button{color:var(--accent)!important}
.visual-tutorial{max-width:880px;padding:26px}.visual-tutorial h2{margin:18px 0 12px;font-size:24px}.visual-tutorial>p:not(.eyebrow){font-size:13px;line-height:1.7}.tutorial-chapters{display:flex;gap:6px;overflow-x:auto;padding:3px 3px 10px;scrollbar-width:thin}.tutorial-chapters button{white-space:nowrap;min-height:32px;padding:7px 10px;font-size:10px}.tutorial-chapters button[aria-current=step]{background:var(--accent);color:#fff}.tutorial-visual{position:relative;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:white;margin:18px 0 14px;aspect-ratio:900/420}.tutorial-visual img{display:block;width:100%;height:auto}.tutorial-cursor{position:absolute;width:28px;height:35px;filter:drop-shadow(0 2px 4px #24164544);animation:guide-pointer 2.4s ease-in-out infinite;transform-origin:top left}.tutorial-cursor:before{content:'';position:absolute;left:-12px;top:-12px;width:26px;height:26px;border:2px solid #7565e8;border-radius:50%;animation:guide-click 2.4s ease-out infinite}.tutorial-cursor svg{position:relative;width:100%;height:100%}.tutorial-visual.paused .tutorial-cursor,.tutorial-visual.paused .tutorial-cursor:before{animation-play-state:paused}.tutorial-example{border-left:3px solid var(--accent);border-radius:0 12px 12px 0;background:#f3f1ff;padding:14px 18px}.tutorial-example strong{font-size:11px;color:var(--accent)}.tutorial-example p{font-size:12px;line-height:1.6;margin:6px 0 0;color:#5f5b7a}.tutorial-rotation{display:flex;gap:6px;margin-top:12px}.tutorial-rotation span{display:grid;place-items:center;background:#ddd7ff;color:#5140a7;border-radius:6px;width:30px;height:26px;font-size:10px;font-weight:600}.visual-tutorial>button{font-size:11px;min-height:34px;padding:8px 12px;margin:12px 8px 0 0}.visual-tutorial .help-actions{justify-content:space-between;margin:18px 0 0}.visual-tutorial .help-actions button{font-size:12px}.visual-tutorial .help-actions button:last-child{background:var(--accent);color:#fff}.visual-tutorial .help-actions button:first-child{margin-right:auto}
@keyframes guide-pointer{0%,20%{transform:translate(-20px,-12px);opacity:.4}45%,75%{transform:translate(0,0);opacity:1}85%{transform:translate(0,0) scale(.92)}100%{transform:translate(0,0);opacity:1}}
@keyframes guide-click{0%,45%{opacity:0;transform:scale(.4)}60%{opacity:.8;transform:scale(1)}85%,100%{opacity:0;transform:scale(1.7)}}
[data-theme=dark] .tutorial-example{background:#302c46}[data-theme=dark] .tutorial-example p{color:#c1bdd6}[data-theme=dark] .tutorial-chapters button[aria-current=step]{color:#171426}[data-theme=dark] .visual-tutorial .help-actions button:last-child{color:#171426}
@media(max-width:700px){.visual-tutorial{padding:18px;width:calc(100% - 20px)}.visual-tutorial h2{font-size:21px}.tutorial-cursor{width:20px;height:26px}.tutorial-visual{margin:14px 0}.tutorial-example{padding:12px}.visual-tutorial>p:not(.eyebrow){font-size:12px}.visual-tutorial .help-actions{gap:8px}.visual-tutorial .help-actions button{font-size:11px;padding:12px}}
@media(prefers-reduced-motion:reduce){.tutorial-cursor,.tutorial-cursor:before{animation:none}.tutorial-cursor:before{opacity:.5}}
.tutorial-zoom-button{position:absolute;right:8px;bottom:8px;font-size:10px;min-height:30px;padding:7px 10px;background:#29283f;color:white;box-shadow:0 2px 8px #0002}.tutorial-zoom{max-width:1000px}.tutorial-zoom-scroll{overflow:auto;max-height:65dvh;border-radius:12px;background:white}.tutorial-zoom img{display:block;width:100%;min-width:700px;height:auto}.tutorial-zoom>button{margin-top:16px}[data-theme=dark] .tutorial-zoom-button{background:#29283f;color:#fff!important}
.cycle-models{margin-bottom:22px}.cycle-models h2{margin:10px 0 12px}.cycle-template-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:20px}.cycle-template{background:var(--canvas);border:1px solid var(--line);color:var(--ink);display:flex;flex-direction:column;gap:10px;text-align:left;padding:16px;min-width:0}.cycle-template:hover,.cycle-template[aria-pressed=true]{background:#efedff;border-color:var(--accent)}.cycle-template strong{font-size:20px}.cycle-template>span:not(.template-colors){font-size:10px;line-height:1.6;font-weight:400;min-height:48px}.template-colors{display:flex;gap:4px;margin-top:auto}.template-colors i{width:14px;height:14px;border-radius:4px;border:1px solid #7772}.cycle-post{position:relative;margin:12px 0;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:14px;background:var(--canvas)}.cycle-post>legend{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.cycle-row-header{display:flex;gap:10px;align-items:center;padding:14px 12px;background:var(--canvas);touch-action:pan-y;transition:transform .12s}.cycle-drag{background:transparent!important;color:var(--muted)!important;padding:8px;width:40px!important;min-height:44px;font-size:27px;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}.cycle-row-summary{flex:1;min-width:0;border-left:5px solid;padding-left:12px;pointer-events:none}.cycle-row-summary strong{display:block;color:var(--ink);font-size:14px}.cycle-row-summary span{display:block;font-size:11px;color:var(--muted);margin-top:6px}.cycle-edit{width:auto!important;font-size:11px;padding:10px}.cycle-post>.post-grid,.cycle-post>.post-choices,.cycle-post>.post-controls{margin:16px;padding:0}.cycle-post.is-dragging{box-shadow:0 8px 28px #6355dc33;border-color:var(--accent);z-index:2}.cycle-post.swipe-ready{background:#f5c2c7;border-color:#c55263}.cycle-undo{padding:12px 14px;background:#efedff;border-radius:12px;margin:16px 0;font-size:12px;color:var(--ink);display:flex;justify-content:space-between;align-items:center;gap:12px}.cycle-undo button{width:auto;font-size:11px}.cycle-rules-help{margin:22px 0;font-size:12px}.cycle-rules-help summary{color:var(--accent);cursor:pointer}.cycle-rules-help[open] summary{margin-bottom:18px}[data-theme=dark] .cycle-template{background:#24283c;color:var(--ink)!important}[data-theme=dark] .cycle-template:hover,[data-theme=dark] .cycle-template[aria-pressed=true],[data-theme=dark] .cycle-undo{background:#332d50}[data-theme=dark] .cycle-row-header{background:#24283c}[data-theme=dark] .cycle-post.swipe-ready{background:#703547}
@media(max-width:900px){.cycle-template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.cycle-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cycle-template{padding:14px}.cycle-template strong{font-size:18px}.cycle-template>span:not(.template-colors){min-height:40px}.cycle-row-header{padding:10px 8px;gap:6px}.cycle-row-summary{padding-left:9px}.cycle-post>.post-grid{margin:16px}.cycle-row-summary span{font-size:10px}.cycle-undo{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.cycle-row-header{transition:none}}
/* The card follows the finger while its destination stays visible in the list. */
.cycle-floating-card{position:fixed;z-index:1000;pointer-events:none;border:1px solid #9a8ceb;border-radius:16px;background:var(--canvas);box-shadow:0 18px 40px #25203e40,0 5px 12px #6355dc24;will-change:transform;transform-origin:center;overflow:hidden;opacity:.98}.cycle-floating-card .cycle-row-header{background:var(--canvas);padding:14px 12px}.cycle-floating-card .cycle-drag{cursor:grabbing}.cycle-post.drag-placeholder{background:#eeeaff;border:2px dashed #aa9cea;box-shadow:none!important}.cycle-post.drag-placeholder>*{visibility:hidden}.cycle-floating-card.is-landing{transition:transform .18s ease-out,box-shadow .18s ease-out;box-shadow:0 3px 10px #25203e15}[data-theme=dark] .cycle-floating-card{background:#24283c;box-shadow:0 20px 44px #0008}[data-theme=dark] .cycle-floating-card .cycle-row-header{background:#24283c}[data-theme=dark] .cycle-post.drag-placeholder{background:#302a49;border-color:#8c7acc}
@media(max-width:700px){.cycle-floating-card .cycle-row-header{padding:10px 8px}}
@media(prefers-reduced-motion:reduce){.cycle-floating-card.is-landing{transition:none}}
.cycle-template-custom{border-style:dashed;justify-content:center}.cycle-template-custom strong{font-size:15px}.cycle-template-custom strong>span{display:block;font-size:30px;color:var(--accent);margin-bottom:5px}.cycle-template-custom>span{min-height:0!important}@media(min-width:901px){.cycle-template-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}
#planning-calendar{touch-action:pan-y pinch-zoom}#calendar-view .calendar-card{overflow:hidden}.calendar-swiping{user-select:none;-webkit-user-select:none;cursor:grabbing}
.colleague-config select, #calendar-owner { width: 100%; }
.calendar-colleague-action { display: block; margin: 8px 0 20px; }
.calendar-month-actions { flex-wrap: wrap; margin: 16px 0 12px; }
.calendar-month-actions label { flex: 1; min-width: 130px; margin: 0; }
.calendar-month-actions input { min-height: 44px; }
.calendar-month-actions #planning-today { order: 2; }
.calendar-swipe-viewport { position: relative; overflow: hidden; isolation: isolate; border-radius: 12px; perspective: 1100px; }
.calendar-swipe-viewport > .cycle-calendar { backface-visibility: hidden; }
.calendar-swipe-viewport > .cycle-calendar { margin-top: 0; }
.calendar-swipe-copy { position: absolute; inset: 0 0 auto; width: 100%; pointer-events: none; z-index: 1; }
.calendar-swiping { will-change: transform, filter, opacity; }
@media(prefers-reduced-motion:reduce){.calendar-swiping{will-change:auto}}
#cycle-view > .intro { margin-bottom: 16px; }
#cycle-view .card { padding: 18px; }
#cycle-view .card h2 { margin: 0 0 12px; font-size: 18px; }
.cycle-secondary { margin-top: 14px; font-size: 12px; }
.cycle-secondary > summary { cursor: pointer; color: var(--accent); padding: 8px 0; }
.cycle-secondary[open] > summary { margin-bottom: 8px; }
.cycle-models > .eyebrow, .cycle-models > p.hint { display: none; }
.cycle-template-grid { margin-top: 12px; }
.cycle-template { padding: 12px; gap: 8px; }
.cycle-template > span:not(.template-colors) { display: none; }
.cycle-template strong { font-size: 15px; }
.cycle-template-custom strong > span { display: inline; font-size: 20px; margin-right: 4px; }
.cycle-preview-nav { margin: 14px 0; }
.cycle-preview-nav select { width: 100%; }
.cycle-rotation-panel { border: 1px solid var(--line); border-radius: 12px; padding: 4px 12px; margin-bottom: 16px; }
.cycle-rotation-panel > summary { font-weight: 600; }
#cycle-preview > .hint { display: none; }
#cycle-preview #save-cycle { margin: 8px 0; }
@media(min-width:901px){.cycle-template-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
.colleague-add { display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px;margin-top:16px; }
.colleague-add label { min-width:0;margin-bottom:0; }
.colleague-add button { width:auto;min-height:48px; }
.colleague-add input { min-height:48px;font-size:16px; }
.colleague-details { max-width: 420px; width: calc(100% - 40px); }
.colleague-details p { line-height: 1.7; }
@media (max-width: 550px) { .colleague-add { grid-template-columns:1fr; } .colleague-add button { width:100%; } }

.pay-details{margin-top:24px}.pay-details>summary{cursor:pointer;font-weight:700;padding:8px 0}.pay-details .pay-assumptions{box-shadow:none;margin-top:16px}

.monthly-comparison{margin-top:20px}.monthly-premium-table{width:100%;border-collapse:collapse;font-size:14px}.monthly-premium-table th,.monthly-premium-table td{padding:14px 6px;border-bottom:1px solid var(--border,#d8e3df);text-align:right;vertical-align:top}.monthly-premium-table th:first-child{text-align:left}.monthly-premium-table small{display:block;font-weight:400;font-size:11px;margin-top:5px;opacity:.7}.monthly-premium-table thead{font-size:12px}.monthly-premium-table tbody th{font-weight:600}@media(max-width:500px){.monthly-premium-table{font-size:12px}.monthly-premium-table th,.monthly-premium-table td{padding:12px 4px}}

.premium-chart{margin:20px 0}.premium-chart-legend{display:flex;gap:22px;font-size:13px}.premium-chart-legend span:before{content:'';display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:7px}.premium-chart-legend .planned:before,.premium-chart-bar.planned{background:#8b7ae6}.premium-chart-legend .actual:before,.premium-chart-bar.actual{background:#279c8b}.premium-chart-group{padding:13px 0;border-bottom:1px solid var(--line)}.premium-chart-group h4{margin:0 0 10px;font-size:14px}.premium-chart-line{display:grid;grid-template-columns:48px minmax(0,1fr) 95px;gap:10px;align-items:center;margin:8px 0;font-size:12px}.premium-chart-line strong{text-align:right;font-variant-numeric:tabular-nums}.premium-chart-track{height:18px;background:var(--canvas,#f1f3f8);border-radius:6px;overflow:hidden}.premium-chart-bar{height:100%;border-radius:6px;transform-origin:left;animation:premiumBarGrow 850ms cubic-bezier(.16,1,.3,1) both}.premium-table-details>summary{cursor:pointer;font-size:13px;padding:10px 0;color:var(--accent)}@keyframes premiumBarGrow{from{transform:scaleX(0);opacity:.3}to{transform:scaleX(1);opacity:1}}@media(prefers-reduced-motion:reduce){.premium-chart-bar{animation:none}}@media(max-width:500px){.premium-chart-line{grid-template-columns:40px minmax(0,1fr) 85px;gap:6px;font-size:11px}}

#contract-view .contract-card{max-width:850px}#premium-list{display:grid;gap:20px;margin:20px 0}.premium-row.day-fields{border:1px solid var(--line);border-radius:18px;padding:18px;background:var(--canvas);margin:0}.premium-row>legend{font-size:16px;font-weight:750;padding:0 8px;color:var(--ink)}.premium-essentials{display:grid;grid-template-columns:1.2fr 1.4fr .9fr;gap:12px;order:0}.premium-essentials label{font-size:12px}.premium-row{display:flex;flex-direction:column;gap:12px}.premium-row>label{order:1;margin:0}.premium-row>.seniority-fields{order:2;border:0;padding:0;margin:0}.premium-row>.seniority-fields>legend{font-size:12px;color:var(--muted)}.premium-row .post-choices{gap:8px;margin:8px 0}.premium-row .post-choices label{border:1px solid var(--line);border-radius:9px;padding:7px 10px;font-size:12px;background:var(--canvas)}.premium-row .post-choices label:has(input:checked){border-color:var(--accent);background:#8b7ae61a}.premium-row .post-choices input{width:17px;height:17px;accent-color:var(--accent)}.premium-row .premium-advanced{order:3}.premium-row>.remove{order:4;align-self:flex-end;padding:8px 12px;font-size:11px}.premium-day-details summary,.premium-advanced summary,.contract-extra>summary,.premium-examples>summary{cursor:pointer;color:var(--accent);font-size:12px;padding:8px 0}.premium-advanced .hint{margin:8px 0}.contract-extra{margin:20px 0}.premium-day-details .post-choices{margin-top:10px}@media(max-width:600px){.premium-essentials{grid-template-columns:1fr 1fr}.premium-essentials label:first-child{grid-column:1/-1}.premium-row.day-fields{padding:14px}.premium-essentials select{font-size:12px}}

/* Keep headings inside premium cards instead of floating fieldset legends. */
.premium-row>h3{order:-1;margin:0 0 4px;font-size:16px;line-height:1.4;color:var(--ink);overflow-wrap:anywhere}.premium-essentials{align-items:end}.premium-essentials label{margin:0;line-height:1.4;min-width:0}.premium-essentials input,.premium-essentials select{min-height:46px}.premium-post-section{order:2;margin:0;padding:12px 0 0;border-top:1px solid var(--line)}.premium-post-section h4{margin:0 0 12px;font-size:12px;font-weight:600;color:var(--muted)}.premium-row .post-choices label{display:flex;flex-direction:row;align-items:center;gap:7px;min-height:40px;line-height:1.3}.premium-row .post-choices input{padding:0;margin:0;min-height:0}.premium-row .premium-advanced{border-top:1px solid var(--line);padding-top:3px}.premium-row>label{line-height:1.4}.premium-row>label input,.premium-row>label select{margin:0}@media(max-width:420px){.premium-essentials{grid-template-columns:minmax(0,1fr)}.premium-essentials label:first-child{grid-column:auto}.premium-row .post-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.premium-row .post-choices label{padding:8px;min-width:0}}

#premium-list .premium-row{background:#eef0f7;border-color:#d6dbea}#premium-list .premium-row input:not([type=checkbox]),#premium-list .premium-row select{background:#fff}[data-theme=dark] #premium-list .premium-row{background:#272c40;border-color:#404760}[data-theme=dark] #premium-list .premium-row input:not([type=checkbox]),[data-theme=dark] #premium-list .premium-row select{background:#1d2131}


#premium-list{overflow:hidden;padding:4px}.premium-row{touch-action:pan-y;transition:transform .22s ease,opacity .22s ease,border-color .2s}.premium-row.premium-swiping{transition:none;user-select:none;box-shadow:0 12px 30px #30235425}.premium-row.premium-swipe-ready{border-color:#cb6177!important;background:#f6e2e7!important}.premium-undo{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;border-radius:12px;background:var(--canvas);border:1px solid var(--line);font-size:13px}.premium-undo button{width:auto;padding:10px 14px}@media(prefers-reduced-motion:reduce){.premium-row{transition:none}}

.prime-save-dialog{width:min(460px,calc(100% - 32px));border:1px solid var(--line);border-radius:22px;padding:26px;background:#fff;color:var(--ink);box-shadow:0 24px 80px #14172340}.prime-save-dialog::backdrop{background:#14172377;backdrop-filter:blur(5px)}.prime-save-dialog h2{margin-bottom:12px}.prime-save-actions{display:grid;gap:10px;margin-top:20px}[data-theme=dark] .prime-save-dialog{background:#1d2131}

#on-call-view>.card{max-width:850px;margin-top:18px}#on-call-view>.card>summary{cursor:pointer;font-size:16px;font-weight:700;color:var(--ink);padding:4px 0}#on-call-view>.card[open]>summary{margin-bottom:22px}#on-call-view .history-heading{align-items:center}#on-call-view .history-heading h2{margin:0}#on-call-view .history-heading label{margin:0}.on-call-form{padding:18px;border-radius:14px;background:#eef0f7}.on-call-form .pair{gap:14px}.on-call-form label{font-size:12px;line-height:1.4}.on-call-form .pair label{margin-bottom:16px}.on-call-form .pair{align-items:end}.on-call-form input:not([type=checkbox]),.on-call-form select{background:white;min-height:44px}.on-call-form-actions{display:flex;gap:10px;margin-top:18px}.on-call-form-actions button{width:auto;flex:1;font-size:13px}.on-call-choices{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 20px}.on-call-choices .check-label{margin:0;padding:9px 12px;border:1px solid var(--line);border-radius:9px;gap:7px;background:white}.on-call-choices .check-label:has(input:checked){background:#8b7ae61a;border-color:var(--accent)}.on-call-choices input{width:17px;height:17px;min-height:0;padding:0;margin:0;accent-color:var(--accent)}.on-call-inline-help>summary{cursor:pointer;color:var(--accent);font-size:12px;padding:10px 0}.on-call-form .day-fields>legend{font-size:12px;font-weight:600;padding:0;margin:8px 0}.on-call-form .day-fields{margin-top:16px}[data-theme=dark] .on-call-form{background:#272c40}[data-theme=dark] .on-call-form input:not([type=checkbox]),[data-theme=dark] .on-call-form select,[data-theme=dark] .on-call-choices .check-label{background:#1d2131}@media(max-width:500px){.on-call-form{padding:14px}.on-call-form-actions{flex-direction:column}#on-call-view .history-heading{align-items:stretch;gap:14px}}

@media(min-width:901px){.counter-metrics{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(min-width:701px) and (max-width:900px){.counter-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}}

.counter-metrics.counter-metrics-scroll{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;padding:4px 2px 14px;touch-action:pan-x pan-y;scrollbar-width:thin;overscroll-behavior-x:contain}.counter-metrics-scroll .counter-metric{flex:0 0 185px;scroll-snap-align:start}.counter-add-card{flex:0 0 75px;min-height:125px;background:var(--canvas);color:var(--accent)!important;border:2px dashed var(--line);border-radius:16px;font-size:32px}.counter-add-card:hover{background:#8b7ae61a}.counter-card-picker{width:min(460px,calc(100% - 32px));max-height:85vh;overflow:auto;padding:24px;border:1px solid var(--line);border-radius:20px;background:#fff;color:var(--ink)}.counter-card-picker::backdrop{background:#14172377;backdrop-filter:blur(4px)}.counter-card-choices{display:grid;gap:8px}.counter-card-choices label{display:flex;flex-direction:row;align-items:center;margin:0;padding:11px;border:1px solid var(--line);border-radius:10px}.counter-card-choices input{width:18px;height:18px;margin:0;padding:0;accent-color:var(--accent)}.counter-picker-actions{display:flex;gap:10px;margin-top:20px}.counter-picker-actions button{flex:1;font-size:13px}[data-theme=dark] .counter-card-picker{background:#1d2131}@media(max-width:500px){.counter-metrics-scroll .counter-metric{flex-basis:165px}}

.counter-charts.counter-charts-scroll{display:flex;overflow-x:auto;gap:18px;scroll-snap-type:x proximity;padding:4px 2px 14px;touch-action:pan-x pan-y;scrollbar-width:thin;align-items:stretch}.counter-charts-scroll>.counter-chart{flex:0 0 min(440px,calc(100vw - 64px));scroll-snap-align:start}.counter-add-chart{flex:0 0 80px;min-height:260px;border:2px dashed var(--line);background:var(--canvas);color:var(--accent)!important;font-size:36px;border-radius:20px}.counter-add-chart:hover{background:#8b7ae61a}.counter-extra-bars{display:grid;gap:14px}.counter-extra-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px;font-size:12px}.counter-extra-track{grid-column:1/-1;height:12px;border-radius:6px;background:var(--canvas);overflow:hidden}.counter-extra-bar{height:100%;background:#8b7ae6;border-radius:6px;transform-origin:left;animation:premiumBarGrow .8s ease both}@media(prefers-reduced-motion:reduce){.counter-extra-bar{animation:none}}

.counter-card-picker{position:relative}.counter-picker-close{position:absolute;right:12px;top:10px;padding:6px 12px;background:transparent;color:var(--muted)!important;font-size:24px;line-height:1.2}.counter-picker-close:hover{background:var(--canvas)}

.leave-types-card{max-width:850px;margin-top:22px}.leave-types-card form>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.leave-types-card label{margin:0 0 8px}.leave-types-card form>button{width:auto;margin:12px 10px 0 0}@media(max-width:550px){.leave-types-card form>div{grid-template-columns:1fr}}


.leave-type-row{display:flex;align-items:end;gap:8px;min-width:0}.leave-type-row label{flex:1;min-width:0}.leave-type-row button{width:auto;flex-shrink:0;margin-bottom:8px;min-height:44px}

#settings-view{max-width:880px}#settings-view .appearance-card{max-width:none;margin-bottom:18px}.settings-shell.card{padding:0;border:0;background:transparent;box-shadow:none;max-width:none}.settings-section{margin:0 0 18px;padding:22px;background:#fff}.settings-section>summary{font-weight:700;font-size:16px;color:var(--ink);cursor:pointer;padding:2px 0}.settings-section[open]>summary{margin-bottom:20px}.settings-section h2{margin:0 0 10px}.settings-blink-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}#settings-form .settings-blink-grid .check-label{margin:0;padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--canvas);gap:10px}#settings-form .settings-blink-grid .check-label:has(input:checked){border-color:var(--accent);background:#8b7ae61a}.settings-blink-grid input{padding:0;margin:0}.settings-shell form>button{margin:0 0 20px}.settings-leave-section form>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.settings-leave-section form>button{width:auto;margin:12px 10px 0 0}.settings-section details>summary{cursor:pointer;color:var(--accent);font-size:13px;padding:10px 0}.settings-shell #settings-message:empty{display:none}[data-theme=dark] .settings-shell.card{background:transparent}@media(max-width:550px){.settings-blink-grid,.settings-leave-section form>div{grid-template-columns:1fr}.settings-section{padding:18px}}

.wake-up-card .check-label{display:flex;flex-direction:row;align-items:center;gap:10px}.wake-up-card input[type=checkbox]{width:18px;height:18px;padding:0}.wake-up-post{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px;background:var(--canvas);border:1px solid var(--line);border-radius:14px;margin:14px 0}.wake-up-post>label:first-child{grid-column:1/-1;font-weight:700}.wake-up-post label{margin:0}.wake-up-preview{margin-top:20px}.wake-up-preview p{font-size:13px;border-bottom:1px solid var(--line);padding:8px 0;margin:0}@media(max-width:500px){.wake-up-post{grid-template-columns:1fr}}

.wake-up-post .wake-day-choice{grid-column:1/-1;font-size:12px;font-weight:400;line-height:1.4}

.reminder-check{flex-direction:row;align-items:center;margin-top:20px}.reminder-check input{width:18px;height:18px;padding:0}.hours-reminder-banner{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:16px;margin-bottom:22px;border:1px solid var(--accent);border-radius:14px;background:#8b7ae61a;font-size:13px}.hours-reminder-banner span{flex:1;min-width:180px}.hours-reminder-banner button{font-size:12px;padding:10px}

.settings-section>button{margin:10px 10px 0 0;font-size:13px}
.comparison-draggable{cursor:grab;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;border-radius:10px;transition:opacity .15s}.comparison-draggable.column-drag-source{opacity:.35}.comparison-column-ghost{position:fixed;z-index:1000;pointer-events:none;padding:14px;border-radius:12px;background:var(--accent);color:white;box-shadow:0 16px 32px #14172344;transform:scale(1.05) rotate(-2deg);font-size:13px;overflow-wrap:anywhere}.comparison-draggable:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}
.comparison-people{flex:1;min-width:180px;border:1px solid var(--line);border-radius:12px;padding:12px}.comparison-people summary{cursor:pointer;font-size:13px;font-weight:600}.comparison-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}.comparison-choices .check-label{display:flex;flex-direction:row;align-items:center;margin:0;gap:8px;min-height:44px}.comparison-choices input{width:18px;height:18px;margin:0;flex-shrink:0}.calendar-comparison{overflow-x:auto;max-width:100%;touch-action:pan-x pan-y;overscroll-behavior-x:contain}.calendar-comparison .comparison-heading,.calendar-comparison .comparison-row{grid-template-columns:64px 130px repeat(var(--comparison-count),140px);width:max-content;gap:8px}.calendar-comparison .comparison-row>:first-child,.calendar-comparison .comparison-heading>:first-child{position:sticky;left:0;z-index:3;background:var(--canvas);height:100%;display:flex;align-items:center;padding:5px}.calendar-comparison .comparison-row>:nth-child(2),.calendar-comparison .comparison-heading>:nth-child(2){position:sticky;left:72px;z-index:2;background-color:var(--canvas);box-shadow:5px 0 8px #14172315}.calendar-comparison .comparison-heading>strong{overflow-wrap:anywhere;background:var(--canvas);padding:10px}.calendar-comparison .comparison-heading{padding:0}.calendar-comparison .comparison-post{min-height:58px}@media(max-width:550px){.calendar-comparison .comparison-heading,.calendar-comparison .comparison-row{grid-template-columns:48px 105px repeat(var(--comparison-count),115px);gap:6px}.calendar-comparison .comparison-row>:nth-child(2),.calendar-comparison .comparison-heading>:nth-child(2){left:54px}}
#cycle-preview #save-cycle{display:block;width:100%;min-height:48px;margin-top:20px}
/* Softer night palette with distinct surfaces and restrained colour accents. */
:root[data-theme=dark]{--ink:#f3f1ff;--muted:#b7bfd6;--accent:#c0acff;--line:#3d435f;--canvas:#171d32;background:#171d32}
[data-theme=dark] body{background:radial-gradient(ellipse at 85% 0%,#52407a45,transparent 48%),radial-gradient(ellipse at 0% 70%,#24577324,transparent 50%),#171d32}
[data-theme=dark] header{background:#1d243c;border-color:#3d435f}
[data-theme=dark] .card,[data-theme=dark] .home-metric,[data-theme=dark] .quick-action,[data-theme=dark] .counter-metric{background:linear-gradient(135deg,#29314c,#242b43);border-color:#465071;box-shadow:0 10px 30px #0b10262e,inset 0 1px 0 #ffffff08}
[data-theme=dark] .home-hero{background:radial-gradient(ellipse at 100% 0%,#7960be75,transparent 65%),linear-gradient(135deg,#383564,#233e59);border:1px solid #726598;box-shadow:0 18px 45px #12122935}
[data-theme=dark] .hero-action{background:#d5c5ff;color:#272044!important}
[data-theme=dark] .brand:before{background:linear-gradient(135deg,#a78aff,#766aee);box-shadow:0 4px 20px #a78aff30}
[data-theme=dark] button.secondary,[data-theme=dark] .remove{background:#3b365b;color:#e0d5ff}
[data-theme=dark] button.secondary:hover,[data-theme=dark] .remove:hover{background:#4a426f}
[data-theme=dark] input,[data-theme=dark] select,[data-theme=dark] textarea{background:#1c233b;border-color:#566080;color:#f3f1ff}
[data-theme=dark] input:focus,[data-theme=dark] select:focus,[data-theme=dark] textarea:focus{outline-color:#b9a1ff}
[data-theme=dark] .navigation button[aria-pressed=true]{background:linear-gradient(135deg,#54447c,#3a426a);color:#f4eaff!important;box-shadow:inset 0 1px 0 #ffffff10}
[data-theme=dark] .summary,[data-theme=dark] .quick-icon,[data-theme=dark] .help-answer{background:#3c365c;color:#e0d5ff}
[data-theme=dark] .settings-section,[data-theme=dark] .premium-form-card,[data-theme=dark] .on-call-form{background:#2b324d;border-color:#465071}
[data-theme=dark] .cycle-row-header,[data-theme=dark] .cycle-template{background:#2b324d}
[data-theme=dark] .cycle-template:hover,[data-theme=dark] .cycle-template[aria-pressed=true]{background:#433961;border-color:#b8a2ff}
[data-theme=dark] .prime-save-dialog,[data-theme=dark] .help-dialog,[data-theme=dark] #day-editor,[data-theme=dark] .counter-card-picker{background:#283049;border-color:#576080}
[data-theme=dark] .preview-dark{background:linear-gradient(135deg,#383564,#233e59)}
[data-theme=dark] .preview-auto{background:linear-gradient(90deg,#f7f8fc 50%,#383564 50%)}
@media(max-width:700px){[data-theme=dark] header{background:transparent}[data-theme=dark] .navigation{background:#222a43f5;border-color:#465071}}
.calendar-create-cycle{display:block;min-height:48px;margin:0 0 20px;padding:14px 18px;max-width:100%}@media(max-width:550px){.calendar-create-cycle{width:100%}}
.calendar-card.comparing label:has(#calendar-owner),.calendar-card.comparing label:has(#calendar-owner)+.hint,.calendar-card.comparing .calendar-colleague-action,.calendar-card.comparing .calendar-compact-legend{display:none}
.comparison-controls{display:flex;flex-wrap:wrap;gap:14px;align-items:start;margin:18px 0}.comparison-controls>button{min-height:48px}.comparison-controls label{flex:1;min-width:150px;margin:0}.comparison-controls>p{flex-basis:100%;margin:0}.comparison-heading,.comparison-row{display:grid;grid-template-columns:90px minmax(0,1fr) minmax(0,1fr);gap:12px;align-items:stretch}.comparison-heading{padding:14px 10px}.comparison-row{width:100%;background:transparent!important;color:var(--ink)!important;padding:6px 0;font-weight:400;text-align:left}.comparison-date{align-self:center;font-size:13px}.comparison-post{padding:14px;border-radius:12px;background:var(--canvas);display:flex;flex-direction:column;gap:7px;min-width:0;overflow-wrap:anywhere}.comparison-post strong{font-size:14px}.comparison-post small{font-size:12px}@media(max-width:550px){.comparison-heading,.comparison-row{grid-template-columns:48px minmax(0,1fr) minmax(0,1fr);gap:6px}.comparison-heading{padding:10px 0;font-size:13px}.comparison-post{padding:10px 7px}.comparison-post strong{font-size:12px}.comparison-post small{font-size:11px}.comparison-date{font-size:11px}.comparison-controls>button{width:100%}}
.actual-hours-marker{background:#156f5c!important;color:white!important;min-width:18px;text-align:center}.calendar-day.has-actual-hours{box-shadow:inset 0 0 0 2px #156f5c}.day-actual-hours{padding:16px;margin:16px 0;border:1px solid var(--line);border-radius:14px;background:var(--canvas)}.day-actual-hours h3{margin:0 0 10px}.day-actual-hours p{margin:8px 0;font-size:13px}.day-actual-hours button{margin-top:10px;min-height:44px}
#backup-view button{min-height:48px;max-width:100%;white-space:normal;line-height:1.4;padding:14px 18px}
#backup-view .card>button{display:block;margin:18px 0}
#backup-view button+.hint{margin-top:16px}
#backup-preview button{display:block;margin:14px 0 0}
.account-entry{max-width:520px;margin:0 auto;padding:40px 20px;color:var(--ink)}
.account-brand{font-size:28px;font-weight:750;letter-spacing:-1px;color:var(--accent);margin:0 0 28px;text-align:center}
.account-brand span{display:block;font-size:14px;letter-spacing:0;font-weight:400;color:var(--muted);margin-top:10px}
.account-card{padding:28px}.account-card h1{font-size:30px;letter-spacing:-1px}.account-card input{font-size:16px}
.account-tabs{display:flex;gap:8px;margin:22px 0}.account-tabs button{flex:1;min-height:48px;padding:12px 8px;font-size:14px}
.account-password{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;width:100%}.account-password input{width:100%;min-width:0}.account-password button{justify-self:end;font-size:12px;min-height:44px;padding:10px 14px}
.account-card #account-submit,.account-card #account-local{width:100%;min-height:48px}
.account-availability{padding:14px;border:1px solid var(--line);border-radius:12px;font-size:13px;line-height:1.5;background:var(--canvas)}
.account-link{margin:18px 0;min-height:44px}.account-card hr{border:0;border-top:1px solid var(--line);margin:6px 0 20px}
#account-message{font-size:13px;line-height:1.5;color:var(--ink)}.account-card .hint{line-height:1.6}
.account-return{margin-top:18px;min-height:44px;font-size:12px}
@media(max-width:550px){.account-entry{padding:24px 16px}.account-card{padding:20px}.account-card h1{font-size:27px}.account-return{position:absolute;right:16px;top:20px;margin:0}.account-tabs{flex-wrap:wrap}}
@media(max-width:550px){#backup-view .card>button,#backup-preview button{width:100%}}

.shared-calendar{margin:18px 0;padding:14px 10px;border:1px solid var(--line);border-radius:18px;background:var(--canvas);min-width:0}
.shared-calendar-heading{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px;margin:0 2px 16px}.shared-calendar-heading strong{text-transform:capitalize;font-size:17px}.shared-calendar-heading>span{font-size:12px;color:var(--muted)}
.shared-calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px}.shared-calendar-weekday{text-align:center;font-size:11px;color:var(--muted);padding:6px 0}
.shared-calendar-day{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:3px;min-width:0;min-height:86px;padding:8px 0;border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--ink);font-weight:400;line-height:1.2}
.shared-calendar-day.has-work{background:#e1f4ed;color:#155b47;border-color:#acd9c6}.shared-calendar-day.overnight{background:#eee9fb;color:#503080;border-color:#cec0ee}.shared-calendar-day[aria-pressed=true]{outline:2px solid var(--accent);outline-offset:1px}.shared-calendar-number{font-size:13px;font-weight:700;margin-bottom:3px}.shared-calendar-time{font-size:11px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}.shared-calendar-day small{font-size:9px}.shared-calendar-empty{font-size:12px;color:var(--muted);margin-top:8px}.shared-calendar-legend{font-size:11px!important;line-height:1.5;color:var(--muted);margin:14px 0 8px}.shared-calendar-detail{font-size:13px!important;line-height:1.5;margin:0;padding:10px;border-radius:10px;background:var(--canvas)}
@media(max-width:380px){.shared-calendar{padding:12px 5px}.shared-calendar-grid{gap:3px}.shared-calendar-time{font-size:9px}.shared-calendar-day{min-height:80px}.shared-calendar-number{font-size:12px}}
.network-calendar-container{display:block!important;padding:0!important}.network-calendar-container .shared-calendar{max-width:600px;margin:16px auto}