:root{--bg:#f5f6f8;--surface:#fff;--ink:#20252b;--muted:#606975;--line:#e0e4e9;--green:#126b5c;--soft:#e8f4ef;--gold:#936300;--gold-bg:#fff3ce;--shadow:none;background:var(--bg);color:var(--ink);font-family:'Segoe UI',system-ui,sans-serif}
body{letter-spacing:0}.shell{grid-template-columns:208px minmax(0,1fr)}.sidebar{width:auto;padding:34px 20px 22px;background:var(--surface);gap:44px}.brand{font-size:30px;gap:12px}.brand img{width:42px;height:42px}.brand small{font-size:10px;margin-top:4px}.navigation{gap:9px}.nav-link{min-height:48px;font-size:14px;font-weight:500;padding:12px}.nav-link.active{box-shadow:inset 3px 0 var(--green);font-weight:650}.nav-link.active .icon{stroke-width:2.4}.exam-label{padding-top:22px}.exam-label strong{font-size:18px}.user-label strong{font-size:12px}.avatar{background:#edf0fc;color:#4a5796}.topbar{height:76px;background:var(--surface);padding:0 40px}.topbar-title{font-size:14px;font-weight:600;color:var(--ink)}.level-label{background:var(--gold-bg);padding:8px 10px;border-radius:6px;font-size:12px}.content{max-width:1390px;padding:36px 40px 48px}.view-heading{margin-bottom:30px;align-items:center}.view-heading h1{font-size:30px;line-height:1.3;max-width:720px}.eyebrow{font-size:11px}.subhead{margin-top:14px}.tag{font-size:12px;padding:5px 9px}.day-controls{background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:3px}.day-controls .icon-button,.date-input{border:0;background:transparent}.day-controls .icon-button{width:36px}.study-layout{grid-template-columns:minmax(0,1fr) 224px;gap:36px}.study-aside{border-left:1px solid var(--line);padding-left:26px;padding-top:2px}.session-intro{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--muted);font-size:12px;margin-bottom:24px}.session-intro>span:first-child{display:flex;align-items:center;gap:8px;color:var(--ink)}.session-intro .icon{color:var(--gold);width:17px}.section-heading{margin-bottom:16px}.section-heading h2{font-size:18px}.step-counter{font-size:12px}.session-track{display:flex;gap:8px;margin:0 0 20px}.track-step{flex:1;min-width:0;display:flex;align-items:center;gap:8px;background:transparent;border:0;border-bottom:3px solid var(--line);padding:0 0 12px;text-align:left;color:var(--muted)}.track-step>span{width:25px;height:25px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);background:var(--surface);font-size:11px}.track-step small{font-size:11px;line-height:1.4;overflow-wrap:anywhere}.track-step.current{border-color:var(--green);color:var(--green);font-weight:650}.track-step.current>span,.track-step.finished>span{background:var(--green);border-color:var(--green);color:white}.track-step.finished{border-color:#88c9b7}.track-step .icon{width:14px;height:14px}.workbench{border:1px solid var(--line);border-radius:8px;box-shadow:0 4px 14px #20252b04}.workbench-header{padding:16px 24px;background:var(--soft);border:0}.workbench-header .eyebrow{color:var(--green)}.workbench-header .button{font-size:12px;min-height:36px}.workbench-body{padding:32px 26px;grid-template-columns:minmax(0,1fr) 154px;min-height:250px;gap:24px}.active-label{font-size:11px;font-weight:700;margin-bottom:12px}.active-task{font-size:28px;font-weight:650;line-height:1.25}.active-detail{font-size:15px;line-height:1.7;color:var(--muted)}.timer{padding:0;border:0;display:flex;flex-direction:column;align-items:center}.timer-value{font-size:32px;width:122px;height:122px;display:grid;place-items:center;border:6px solid var(--soft);border-radius:50%;background:var(--surface);position:relative;font-weight:600}.timer-value::after{content:'';position:absolute;left:12px;right:12px;bottom:21px;height:3px;border-radius:2px;background:linear-gradient(to right,var(--green) var(--timer-progress,100%),var(--line) var(--timer-progress,100%))}.timer small{font-size:11px;margin-top:10px}.timer-actions{margin-top:12px;gap:10px}.timer-actions .icon-button{width:42px;height:40px;border-radius:6px}.workbench-footer{padding:18px 24px;background:var(--surface);gap:14px}.workbench-footer .small{max-width:215px;font-size:12px;line-height:1.6}.workbench-footer .button.primary{min-height:46px;font-size:13px;padding:12px 16px}.button{min-height:44px}.round-controls{margin-top:24px}.round-controls .small{font-weight:600;color:var(--ink)}.task-row{padding:15px 0;min-height:66px;gap:14px}.task-row input{width:20px;height:20px}.task-description{font-size:13px;line-height:1.65}.task-row.current{border-bottom-color:#a7cfc2}.task-row .minutes{font-size:12px}.session-end{margin-top:15px}.session-end>.small{color:var(--gold);font-weight:600}.readiness{margin-top:26px}.segments{gap:8px}.segments button{font-size:12px;min-height:40px;padding:9px 12px}.notes-inline{padding-top:20px;margin-top:24px}.notes-inline summary{font-size:14px}.aside-heading{font-size:12px;color:var(--muted)}.xp-total{font-size:36px}.xp-total small{font-size:11px}.level-progress{height:7px;margin:18px 0 10px;background:var(--line)}.level-progress>div{background:#d4a52f}.mini-summary{margin-top:22px;gap:12px}.mini-summary strong{font-size:24px;color:var(--ink)}.mini-summary span{font-size:11px;line-height:1.5;display:block}.aside-section{margin-bottom:24px;padding-bottom:24px}.week-dot span{width:23px;height:23px}.week-dots{gap:3px}.badge-preview{align-items:center;gap:8px}.badge-art{width:48px;height:48px}.badge-preview strong{font-size:12px;line-height:1.5}.badge-preview small{font-size:11px}.next-aside{display:none}.footer-status{font-size:11px;margin-top:36px}.sync-pill{min-height:34px}.settings-section{padding:28px 0}.setting-row{min-height:56px}.reward{box-shadow:none}.reward h2{font-size:17px}.reward p{font-size:13px}.day-row{min-height:66px}.day-row:hover{background:var(--soft)}.portion{font-size:14px}.note-item p{font-size:15px}.focus-mode .session-intro,.focus-mode .session-track,.focus-mode .session-end,.focus-mode .starter-success{display:none}.focus-mode .content{max-width:920px;padding-top:50px}.focus-mode .workbench-body{min-height:300px}.focus-mode .active-task{font-size:30px}
[data-theme=dark]{--bg:#181a1e;--surface:#22252a;--ink:#f0f1f3;--muted:#afb6c1;--line:#3a4048;--green:#91d9c0;--soft:#283e37;--gold:#ebca72;--gold-bg:#3c3524;--shadow:none;background:var(--bg);color:var(--ink)}[data-theme=dark] .track-step.current>span,[data-theme=dark] .track-step.finished>span{color:#182921}[data-theme=dark] .avatar{background:#353b51;color:#c2cafa}[data-theme=dark] .workbench-footer{background:var(--surface)}
@media(min-width:1600px){.content{padding-top:44px}.study-layout{gap:44px;grid-template-columns:minmax(0,1fr) 260px}.workbench-body{min-height:280px}}
@media(max-width:1180px){.shell{grid-template-columns:180px minmax(0,1fr)}.sidebar{padding:28px 14px}.content{padding:28px}.topbar{padding:0 28px}.study-layout{grid-template-columns:minmax(0,1fr)}.study-aside{border:0;border-top:1px solid var(--line);padding:24px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:8px}.badge-aside{display:none}.aside-section{border:0;margin:0}.view-heading{flex-wrap:wrap}.session-intro{margin-bottom:20px}.week-dot span{width:28px;height:28px}}
@media(max-width:680px){.shell{display:block}.sidebar{height:72px;padding:0 8px;width:100%;background:var(--surface);padding-bottom:env(safe-area-inset-bottom);height:calc(72px + env(safe-area-inset-bottom))}.navigation{gap:0}.nav-link{min-height:64px;font-size:10px;padding:8px 2px;gap:5px}.nav-link.active{box-shadow:inset 0 3px var(--green)}.nav-link .icon{width:21px;height:21px}.topbar{height:64px;padding:0 18px;gap:8px}.topbar-title{font-size:0}.topbar-title::before{content:'Dose';font-size:24px}.topbar-right{gap:8px}.level-label{font-size:11px;padding:7px}.level-label>.muted{display:none}.topbar .icon-button{width:36px;height:36px}.content{padding:24px 18px calc(100px + env(safe-area-inset-bottom))}.view-heading{gap:18px;margin-bottom:23px}.view-heading h1{font-size:25px;line-height:1.32}.subhead{margin-top:10px}.tag{font-size:11px}.day-controls{width:max-content}.date-input{min-height:36px}.session-intro{font-size:11px;margin-bottom:22px;flex-wrap:wrap;gap:7px}.section-heading h2{font-size:17px}.session-track{gap:7px;margin-bottom:18px}.track-step{gap:5px;align-items:flex-start}.track-step small{font-size:10px}.track-step>span{width:22px;height:22px}.workbench-header{padding:12px 16px}.workbench-body{padding:24px 18px;grid-template-columns:minmax(0,1fr) 108px;gap:14px;min-height:238px}.active-task{font-size:24px}.active-detail{font-size:14px;line-height:1.65}.timer-value{font-size:27px;width:100px;height:100px;border-width:5px}.timer-value::after{bottom:16px}.timer small{font-size:10px}.timer-actions{gap:7px}.timer-actions .icon-button{width:42px;height:42px}.workbench-footer{padding:16px;display:flex;flex-direction:column;align-items:stretch;gap:12px}.workbench-footer .small{max-width:none;font-size:12px;text-align:center}.workbench-footer .button.primary{width:100%;min-height:48px;font-size:14px}.round-controls{gap:8px}.round-controls .button{font-size:11px;padding:8px 0}.tasks{margin-top:6px}.task-description{font-size:13px}.task-row{gap:10px;grid-template-columns:22px minmax(0,1fr) 40px}.task-row .minutes{font-size:11px}.segments{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.segments button{padding:8px 5px;font-size:11px;min-height:46px}.study-aside{gap:24px;grid-template-columns:1fr 1fr}.week-dot span{width:20px;height:20px}.week-dots{gap:2px}.xp-total{font-size:30px}.mini-summary strong{font-size:20px}.session-end .button{font-size:12px}.footer-status{font-size:10px}.focus-mode .content{padding:24px 18px}.focus-mode .workbench-body{grid-template-columns:1fr;min-height:350px}.focus-mode .timer{padding-top:20px}.focus-mode .timer-value{font-size:36px;width:136px;height:136px}.focus-mode .active-task{font-size:27px}.sync-code code{overflow-wrap:anywhere}.settings .sync-code{flex-wrap:wrap}.settings .sync-line{flex-wrap:wrap}.settings details .row{flex-wrap:wrap}.settings details .text-input{min-width:0}.reward-grid{grid-template-columns:1fr 1fr}.reward{padding:18px 12px}.reward h2{font-size:15px}.reward p{font-size:12px}}
@media(max-width:360px){.content{padding-left:14px;padding-right:14px}.topbar{padding:0 14px}.workbench-body{grid-template-columns:minmax(0,1fr) 94px;gap:10px;padding:22px 14px}.timer-value{width:90px;height:90px;font-size:25px}.active-task{font-size:21px}.active-detail{font-size:13px}.study-aside{grid-template-columns:1fr}.session-track:has(.track-step:nth-child(6)){flex-wrap:wrap}.session-track:has(.track-step:nth-child(6)) .track-step{flex-basis:28%}}
