:root{--ink:#101313;--ink-2:#171b1a;--panel:#1d2220;--panel-2:#242b28;--line:#39413d;--muted:#9aa49e;--paper:#eef0e9;--acid:#d8f36b;--orange:#ff7658;--blue:#84b9ff;--shadow:0 20px 60px rgba(0,0,0,.2)}*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--paper);font-family:'Space Grotesk',sans-serif;letter-spacing:0}.app-shell{display:flex;min-height:100vh;background:radial-gradient(circle at 75% 10%,rgba(64,80,67,.22),transparent 33%),var(--ink)}.sidebar{width:238px;border-right:1px solid #2a302e;padding:30px 20px 22px;display:flex;flex-direction:column;flex-shrink:0}.brand{display:flex;align-items:center;gap:11px;font-size:14px;letter-spacing:3px;font-weight:700}.brand-mark{display:grid;place-items:center;background:var(--acid);color:var(--ink);width:30px;height:30px;font-size:19px;letter-spacing:0}.nav{margin-top:76px;display:grid;gap:8px}.nav-item,.settings-link{border:0;background:none;color:var(--muted);text-align:left;padding:12px 13px;font:500 14px 'Space Grotesk';display:flex;align-items:center;gap:13px;cursor:pointer}.nav-item{border-left:2px solid transparent}.nav-item:hover,.settings-link:hover{color:var(--paper)}.nav-item.is-active{color:var(--acid);border-left-color:var(--acid);background:#202723}.nav-icon{font-size:19px;width:18px;text-align:center}.sidebar-bottom{margin-top:auto}.profile-chip{display:flex;gap:9px;align-items:center;border-top:1px solid var(--line);padding:18px 3px 18px;position:relative}.profile-chip strong,.profile-chip span{display:block}.profile-chip strong{font-size:12px}.profile-chip span{font-size:11px;color:var(--muted);margin-top:3px}.avatar{width:31px;height:31px;border:1px solid var(--line);display:grid;place-items:center;color:var(--acid);font:11px 'DM Mono'}.online-dot,.live-dot{width:6px;height:6px;background:var(--acid);border-radius:50%;display:inline-block}.online-dot{margin-left:auto;align-self:flex-start;margin-top:4px}.settings-link{font-size:12px;padding-left:3px}.main-content{flex:1;padding:30px 6.2vw 60px;max-width:1500px;margin:auto;width:100%}.topbar{display:flex;justify-content:space-between;align-items:center}.eyebrow,.kicker,.preview-label,.status-badge,.panel-index,.preview-clock span,.preview-footer span,.total-time span,.timer-phase,.timer-unit,.timer-top,.history-toolbar{font:500 10px 'DM Mono';letter-spacing:1.5px}.eyebrow{color:var(--muted)}.slash{color:#53605a;margin:0 8px}.icon-button{background:none;color:var(--muted);border:1px solid var(--line);font:20px 'DM Mono';height:35px;padding:0 10px;cursor:pointer}.sound-label{font:10px 'DM Mono';vertical-align:2px;margin-left:7px}.hero-heading{display:flex;justify-content:space-between;align-items:end;padding:72px 0 55px;border-bottom:1px solid var(--line)}.kicker{color:var(--acid);margin:0 0 13px}.hero-heading h1,.page-heading h1{font-size:clamp(44px,6vw,82px);line-height:.94;letter-spacing:-3px;margin:0;font-weight:600}.hero-heading h1 em,.page-heading h1 em{font-style:normal;color:var(--acid)}.hero-stats{display:flex;gap:38px;padding-bottom:5px}.hero-stats div{border-left:1px solid var(--line);padding-left:15px}.hero-stats strong{font-size:26px;display:block;color:var(--acid)}.hero-stats span{display:block;font:10px 'DM Mono';color:var(--muted);margin-top:3px;text-transform:uppercase}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,.8fr);gap:14px;margin-top:14px}.panel{background:var(--panel);border:1px solid var(--line);padding:23px}.panel-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:25px}.panel-index{color:var(--muted);margin-right:11px}.panel h2{display:inline;font-size:17px;margin:0;font-weight:500}.status-badge{color:var(--acid);border:1px solid #60743b;padding:5px 7px}.field-row{display:grid;grid-template-columns:1fr 140px;gap:12px}.panel label{color:var(--muted);font:10px 'DM Mono';letter-spacing:1px;text-transform:uppercase;display:block}.panel input{width:100%;display:block;background:var(--panel-2);border:1px solid var(--line);color:var(--paper);padding:11px 12px;margin-top:7px;font:14px 'Space Grotesk';outline:none}.panel input:focus{border-color:var(--acid)}.stepper{display:flex}.stepper input{text-align:center;margin:7px 0 0;border-left:0;border-right:0}.step-button{margin-top:7px;width:34px;background:var(--panel-2);border:1px solid var(--line);color:var(--acid);font-size:18px;cursor:pointer}.interval-row{display:grid;grid-template-columns:1fr 26px 1fr 1.1fr;gap:10px;align-items:end;margin:18px 0 25px}.interval-arrow{color:var(--acid);font:20px 'DM Mono';padding-bottom:9px;text-align:center}.time-input{position:relative}.time-input input{padding-right:37px}.time-input span{position:absolute;right:11px;bottom:11px;color:var(--muted);font:11px 'DM Mono'}.total-time{border-left:1px solid var(--line);padding:0 0 10px 16px}.total-time span{display:block;color:var(--muted)}.total-time strong{font:20px 'DM Mono';display:block;margin-top:6px}.exercise-header{border-top:1px solid var(--line);padding-top:18px;display:flex;justify-content:space-between;color:var(--muted);font:11px 'DM Mono';text-transform:uppercase}.text-button{background:none;border:0;padding:0;color:var(--acid);font:11px 'DM Mono';cursor:pointer}.exercise-list{display:grid;gap:7px;margin:11px 0 20px}.exercise-row{display:grid;grid-template-columns:27px 1fr 24px;align-items:center;background:var(--panel-2);padding:7px 9px;color:var(--paper)}.exercise-number{color:var(--acid);font:11px 'DM Mono'}.exercise-row input{background:none;border:0;margin:0;padding:4px;color:var(--paper);font-size:13px}.delete-exercise{color:var(--muted);background:none;border:0;font-size:19px;cursor:pointer}.primary-button{width:100%;border:0;background:var(--acid);color:var(--ink);padding:15px;font:600 13px 'Space Grotesk';cursor:pointer;display:flex;justify-content:center;gap:11px;align-items:center}.primary-button:hover{background:#e7ff8d}.button-hint{font:10px 'DM Mono';opacity:.55;margin-left:auto}.preview-panel{display:flex;flex-direction:column;min-height:430px}.preview-label{color:var(--muted)}.preview-clock{text-align:center;padding:34px 0 28px}.preview-clock span{display:block;color:var(--muted)}.preview-clock strong{font-size:30px;display:block;color:var(--acid);letter-spacing:-1px;margin:10px 0 5px}.preview-clock small{color:var(--muted);font:11px 'DM Mono'}.round-visual{display:flex;align-items:center;justify-content:center;gap:4px;flex-wrap:wrap;padding:10px 25px;flex:1;align-content:center}.round-pill{height:30px;width:14px;background:var(--acid);opacity:.85}.round-pill:nth-child(3n){background:var(--orange);opacity:.75}.round-pill.is-muted{opacity:.18}.preview-footer{border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);padding-top:18px}.preview-footer div+div{border-left:1px solid var(--line);padding-left:13px}.preview-footer span{display:block;color:var(--muted)}.preview-footer strong{display:block;font:14px 'DM Mono';margin-top:6px}.recent-section{padding-top:55px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:17px}.section-heading h2{font-size:24px;margin:0;font-weight:500}.section-heading .kicker{margin-bottom:9px}.log-table{border-top:1px solid var(--line)}.log-row{display:grid;grid-template-columns:1.4fr .8fr .7fr .4fr;align-items:center;border-bottom:1px solid #2b332f;padding:15px 0;font-size:13px}.log-row.header{color:var(--muted);font:10px 'DM Mono';text-transform:uppercase;padding:9px 0}.log-name strong{display:block;font-weight:500}.log-name span,.log-meta{font:10px 'DM Mono';color:var(--muted);margin-top:4px;display:block}.log-status{text-align:right;color:var(--acid);font:10px 'DM Mono';text-transform:uppercase}.log-empty{padding:28px 0;color:var(--muted);font:12px 'DM Mono'}.view{display:none}.view.is-visible{display:block}.page-heading{padding:72px 0 54px;border-bottom:1px solid var(--line)}.page-heading p:last-child{color:var(--muted);font-size:16px;margin:25px 0 0}.history-toolbar{display:flex;justify-content:space-between;color:var(--muted);padding:24px 0}.ghost-button{background:transparent;border:1px solid var(--line);color:var(--muted);font:11px 'DM Mono';padding:9px 12px;cursor:pointer}.ghost-button:hover{border-color:var(--orange);color:var(--orange)}.full-log .log-row{grid-template-columns:1.5fr .8fr .7fr .5fr}.timer-overlay{position:fixed;inset:0;background:radial-gradient(circle at 50% 42%,#29362d 0%,#101313 52%);z-index:10;display:none;flex-direction:column;padding:30px 5vw}.timer-overlay.is-open{display:flex}.timer-top{display:flex;justify-content:space-between;color:var(--muted)}.close-timer{border:0;background:none;color:var(--paper);font:12px 'DM Mono';cursor:pointer}.close-timer span{margin-left:6px;color:var(--muted)}.timer-stage{margin:auto;text-align:center}.timer-phase{color:var(--acid);margin-bottom:12px}.timer-count{font:clamp(130px,22vw,260px) 'DM Mono';line-height:.9;letter-spacing:-12px}.timer-unit{color:var(--muted);margin:16px 0 25px}.timer-exercise{font-size:clamp(20px,3vw,34px);font-weight:600}.timer-progress{width:min(440px,70vw);height:3px;background:#303b34;margin:35px auto 0}.timer-progress div{height:100%;background:var(--acid);width:100%;transform-origin:left}.timer-controls{display:flex;justify-content:center;gap:10px}.control-button,.pause-button{border:1px solid var(--line);background:transparent;color:var(--paper);padding:13px 20px;font:12px 'DM Mono';cursor:pointer}.control-button span,.pause-button span{margin-left:8px;color:var(--muted)}.pause-button{background:var(--acid);border-color:var(--acid);color:var(--ink);min-width:120px}.pause-button span{color:var(--ink)}body.light{--ink:#f0f1e9;--ink-2:#fff;--panel:#fff;--panel-2:#f1f3ed;--line:#d1d7cd;--muted:#68726b;--paper:#17201b;--shadow:0 20px 60px rgba(0,0,0,.08)}body.light .app-shell{background:radial-gradient(circle at 75% 10%,#e1ead8,transparent 33%),var(--ink)}body.light .timer-overlay{background:radial-gradient(circle at 50% 42%,#537354,#1e2d25 58%)}@media(max-width:850px){.sidebar{width:67px;padding:22px 11px}.brand span:last-child,.nav-item:not(.is-active)::after,.nav-item{font-size:0}.nav-item{justify-content:center;padding:12px 0}.nav-item.is-active{font-size:0}.nav-icon{font-size:20px}.profile-chip div:not(.avatar),.online-dot,.settings-link{font-size:0}.profile-chip{justify-content:center}.main-content{padding:24px 20px 50px}.hero-heading{padding:52px 0 35px;display:block}.hero-stats{margin-top:30px}.workspace-grid{grid-template-columns:1fr}.preview-panel{min-height:340px}.field-row{grid-template-columns:1fr 120px}.interval-row{grid-template-columns:1fr 20px 1fr}.total-time{grid-column:1 / -1;border-left:0;border-top:1px solid var(--line);padding:13px 0 0;margin-top:3px}.log-row{grid-template-columns:1.3fr .7fr .4fr}.log-row>*:nth-child(3){display:none}.log-status{font-size:9px}.page-heading{padding-top:55px}.timer-top span:last-child{font-size:9px}}@media(max-width:480px){.hero-heading h1,.page-heading h1{letter-spacing:-2px}.panel{padding:17px}.interval-row{gap:5px}.sound-label{display:none}.log-row{grid-template-columns:1fr .55fr}.log-status{display:none}.timer-controls{gap:6px}.control-button,.pause-button{padding:12px 13px}.control-button span,.pause-button span{display:none}.pause-button{min-width:auto}.timer-count{letter-spacing:-7px}}