:root{--bg:#040e1b;--surface:#111e2ce6;--surface-strong:#091423f5;--fg:#f5f1e9;--muted:#a1b0bd;--border:#b7c6d42e;--accent:#edaa6e;--amber:#f0c45e;--blue:#6795b6;--tower-red:#e24037;--display:"Avenir Next", "PingFang SC", "Hiragino Sans GB", system-ui, sans-serif;--body:-apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", sans-serif;--mono:"SFMono-Regular", "JetBrains Mono", "IBM Plex Mono", ui-monospace, monospace}@supports (color:lab(0% 0 0)){:root{--bg:lab(3.59816% -.344455 -9.0379);--surface:lab(10.5579% -1.84843 -11.7572/.9);--surface-strong:lab(6.04743% -.693336 -11.8806/.96);--fg:lab(95.4157% .138968 4.59362);--muted:lab(71.0009% -3.25909 -8.53531);--border:lab(79.122% -3.27912 -8.54484/.18);--accent:lab(75.3149% 20.6454 40.9807);--amber:lab(81.697% 7.99221 56.3119);--blue:lab(59.4187% -9.56866 -22.3285);--tower-red:lab(52.8096% 62.4878 44.0297)}}*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;min-height:100%}body{min-height:100vh;color:var(--fg);background:var(--bg);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}body:before{content:"";z-index:-2;filter:blur(3px)saturate(.72)contrast(.92);opacity:.54;background:url(/images/tokyo-dusk.jpg) 50%/cover no-repeat;position:fixed;inset:-10px;transform:scale(1.025)}body:after{content:"";z-index:-1;pointer-events:none;background:#050d1cb0;position:fixed;inset:0}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.app-shell{grid-template-columns:232px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{z-index:20;border-right:1px solid var(--border);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);background:#060f1fb8;flex-direction:column;height:100vh;padding:28px 18px 22px;display:flex;position:sticky;top:0}.brand{gap:5px;padding:0 8px 28px;display:grid}.brand strong{font:650 14px/1.15 var(--display);letter-spacing:.01em}.sidebar .compact-only{display:none}.brand small,.nav-label{color:var(--muted);font:9px/1.4 var(--mono);letter-spacing:.09em;text-transform:uppercase}.nav-label{margin:0 10px 9px}.nav-stack{gap:5px;display:grid}.nav-item{min-height:46px;color:var(--muted);border:1px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:0 12px;display:flex}.nav-item.active{color:var(--fg);border-color:var(--border);background:#5a8bac24}.nav-item small{color:var(--muted);font:9px var(--mono)}.nav-item-disabled{cursor:not-allowed}.sidebar-bottom{gap:10px;margin-top:auto;display:grid}.sync-card,.private-card{border:1px solid var(--border);background:#ffffff09;border-radius:13px;padding:13px}.sync-card strong,.private-card strong{font-size:12px;display:block}.sync-card p,.private-card span{color:var(--muted);font:10px/1.5 var(--mono);margin:6px 0 0;display:block}.main-workspace{min-width:0;padding:0 28px 56px}.topbar{justify-content:space-between;align-items:center;gap:20px;height:72px;display:flex}.topbar p{color:var(--muted);gap:12px;margin:0;font-size:12px;display:flex}.topbar strong{color:var(--fg)}.sync-status{border:1px solid var(--border);min-height:36px;color:var(--muted);background:#07101f94;border-radius:999px;align-items:center;padding:0 13px;font-size:11px;display:inline-flex}.today-view{max-width:1180px;margin:0 auto}.page-head{justify-content:space-between;align-items:end;gap:32px;padding:20px 2px 26px;display:flex}.eyebrow{color:var(--accent);font:700 11px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;margin:0 0 8px}.page-head h1{font:650 clamp(30px, 3.4vw, 48px)/1.06 var(--display);letter-spacing:-.035em;margin:0}.page-head>div>p:last-child{max-width:650px;color:var(--muted);margin:10px 0 0;font-size:13px;line-height:1.55}.deadline-block{border-bottom:1px solid var(--border);text-align:right;gap:5px;min-width:210px;padding:13px 0 7px;display:grid}.deadline-block strong{font:650 18px var(--mono)}.deadline-block span{color:var(--muted);font-size:11px}.glass{border:1px solid var(--border);background:var(--surface);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);border-radius:18px;box-shadow:0 24px 70px #0000003d}.today-grid{grid-template-columns:minmax(440px,1.55fr) minmax(300px,.78fr);align-items:start;gap:18px;display:grid}.focus-card{overflow:hidden}.focus-ribbon{border-bottom:1px solid var(--border);min-height:72px;color:var(--muted);background:#ffffff06;align-content:center;gap:9px;padding:12px 20px;font-size:11px;display:grid}.focus-progress-copy{justify-content:space-between;align-items:center;gap:16px;display:flex}.focus-ribbon strong{color:var(--fg);font:650 11px var(--mono)}.focus-ribbon progress{width:100%;height:5px;color:var(--accent);background:#ffffff14;border:0;border-radius:999px;overflow:hidden}.focus-ribbon progress::-webkit-progress-bar{background:#ffffff14}.focus-ribbon progress::-webkit-progress-value{background:var(--accent)}.focus-ribbon progress::-moz-progress-bar{background:var(--accent)}.focus-content{grid-template-columns:minmax(0,1fr) 190px;gap:24px;min-height:238px;padding:24px 22px 22px;display:grid}.task-status{color:var(--accent);font:700 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;margin:0}.focus-copy h2{font:650 clamp(23px, 2.3vw, 32px)/1.2 var(--display);letter-spacing:-.025em;margin:13px 0 8px}.criteria{color:var(--muted);margin:0;font-size:13px;line-height:1.65}.task-meta{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.task-meta span{border:1px solid var(--border);min-height:30px;color:var(--muted);border-radius:999px;align-items:center;padding:0 10px;font-size:10px;display:inline-flex}.focus-controls{border-left:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));align-content:center;align-self:stretch;gap:10px;padding-left:22px;display:grid}.timer-panel{display:contents}.timer-display{aspect-ratio:1;text-align:center;background:var(--surface-strong);border:1px solid #689dbe66;border-radius:50%;grid-column:1/-1;place-content:center;justify-self:center;width:132px;min-height:0;display:grid}.timer-display span{font:700 27px/1 var(--mono);letter-spacing:-.03em}.timer-display small{color:var(--muted);font:9px var(--mono);letter-spacing:.1em;margin-top:9px}.button{border:1px solid var(--border);min-height:44px;color:var(--fg);cursor:pointer;border-radius:11px;justify-content:center;align-items:center;padding:0 15px;font-size:12px;font-weight:650;display:inline-flex}.button:disabled{opacity:.58;cursor:wait}.button.secondary{background:#ffffff0e}.button.primary{color:#151a22;border-color:var(--accent);background:var(--accent)}.button.danger{color:#fff;border-color:var(--tower-red);background:var(--tower-red)}.timer-panel>.button{grid-column:1;width:100%}.focus-controls>.button{grid-column:2;width:100%}.focus-controls.single-action .timer-panel>.button,.focus-controls .inline-error{grid-column:1/-1}.inline-error,.dialog-error{color:#ffaa9e;color:lab(78.0245% 36.6226 23.0614);margin:2px 0 0;font-size:11px;line-height:1.45}.focus-placeholder{padding:28px 22px}.focus-placeholder h2{font:650 24px var(--display);margin:0 0 8px}.focus-placeholder p,.quiet-empty{color:var(--muted);margin:0;font-size:12px}.side-stack{gap:18px;display:grid}.panel{padding:18px}.panel-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:15px;display:flex}.panel-head h2{font:650 14px var(--display);margin:0}.panel-head small{color:var(--muted);font:10px var(--mono)}.queue-list{gap:9px;display:grid}.queue-item{border:1px solid var(--border);background:#ffffff06;border-radius:12px;grid-template-columns:1fr auto;align-items:center;gap:8px;min-height:60px;padding:11px 12px;display:grid}.queue-item h3{margin:0;font-size:12px;font-weight:650}.queue-item p{color:var(--muted);font:9px var(--mono);margin:5px 0 0}.queue-item button{min-width:52px;min-height:44px;color:var(--accent);cursor:pointer;background:0 0;border:0;padding:0 8px}.queue-item button:disabled{color:var(--muted);cursor:wait}.allocation-list{gap:13px;display:grid}.allocation-row{grid-template-columns:74px 1fr 72px;align-items:center;gap:10px;font-size:11px;display:grid}.allocation-row progress{width:100%;height:6px;color:var(--blue);background:#ffffff12;border:0;border-radius:999px;overflow:hidden}.allocation-row progress::-webkit-progress-bar{background:#ffffff12}.allocation-row progress::-webkit-progress-value{background:var(--blue)}.allocation-row progress::-moz-progress-bar{background:var(--blue)}.allocation-row strong{color:var(--muted);text-align:right;font:10px var(--mono)}.empty-state{text-align:center;padding:44px 28px}.empty-state h2{font:650 24px var(--display);margin:0}.empty-state p{color:var(--muted);margin:10px 0 0}.dialog-backdrop{z-index:80;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#020710c2;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.completion-dialog{border:1px solid var(--border);background:var(--surface-strong);border-radius:18px;width:min(480px,100%);max-height:calc(100vh - 44px);padding:28px;overflow:auto;box-shadow:0 30px 90px #00000073}.completion-dialog h2{font:650 25px var(--display);margin:0}.dialog-task-title{color:var(--muted);margin:9px 0 20px;font-size:12px}.completion-dialog form{gap:8px;display:grid}.completion-dialog label{color:var(--muted);margin-top:8px;font-size:11px}.completion-dialog input,.completion-dialog textarea{border:1px solid var(--border);width:100%;min-height:46px;color:var(--fg);background:#ffffff0b;border-radius:11px;padding:12px}.completion-dialog textarea{resize:vertical;min-height:112px}.dialog-actions{justify-content:flex-end;gap:9px;margin-top:14px;display:flex}.mobile-nav{display:none}@media (min-width:761px) and (max-width:1120px){.app-shell{grid-template-columns:86px minmax(0,1fr)}.sidebar{padding:24px 8px 18px}.brand{text-align:center;place-content:center;min-height:48px;padding:0 2px 20px}.brand .full-copy,.brand small,.nav-label,.sync-card .full-copy,.sync-card p,.private-card .full-copy,.private-card span{display:none}.sidebar .compact-only{display:block}.brand .compact-only{letter-spacing:.04em;font-size:11px}.nav-item{text-align:center;flex-direction:column;justify-content:center;gap:4px;min-height:56px;padding:4px 2px;font-size:11px;line-height:1.2}.nav-item small{font-size:8px;display:block}.sidebar-bottom{gap:8px}.sync-card,.private-card{text-align:center;place-items:center;min-height:52px;padding:8px 3px;display:grid}.sync-card strong,.private-card strong{font-size:10px;line-height:1.3}.main-workspace{padding-inline:22px}.today-grid{grid-template-columns:1fr}}@media (max-width:760px){body:before{opacity:.44;background-position:62%}body:after{background:#050d1cd6}.app-shell{display:block}.sidebar{display:none}.main-workspace{padding:0 14px calc(100px + env(safe-area-inset-bottom))}.topbar{height:calc(60px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top)}.topbar p span,.sync-status{display:none}.page-head{align-items:start;gap:12px;padding:18px 2px 20px}.page-head>div:first-child{min-width:0}.page-head h1{font-size:30px}.deadline-block{min-width:128px;max-width:42%;padding-top:8px;display:grid}.deadline-block strong{font-size:15px}.deadline-block span{font-size:9px;line-height:1.45}.today-grid{grid-template-columns:1fr}.glass{border-radius:16px}.focus-ribbon{min-height:58px}.focus-content{padding:19px 18px;display:block}.focus-copy h2{font-size:23px}.focus-controls{border-top:1px solid var(--border);border-left:0;flex-direction:column;margin-top:20px;padding:20px 0 0;display:flex}.timer-panel{gap:10px;display:grid}.timer-display{align-self:center;width:min(146px,100%);min-height:0}.button{min-height:46px}.side-stack{gap:12px;margin-top:12px}.panel{padding:16px}.allocation-row{grid-template-columns:68px 1fr 68px}.mobile-nav{z-index:50;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));border:1px solid var(--border);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#071020f2;border-radius:19px;grid-template-columns:repeat(3,1fr);gap:4px;min-height:66px;padding:6px;display:grid;position:fixed;box-shadow:0 20px 50px #0000005c}.mobile-nav a,.mobile-nav button{min-height:52px;color:var(--muted);background:0 0;border:0;border-radius:14px;place-items:center;font-size:11px;display:grid}.mobile-nav button{align-content:center;gap:2px}.mobile-nav small{font:8px var(--mono)}.mobile-nav a[aria-current=page]{color:var(--fg);background:#5a8bac29}.completion-dialog{padding:22px 18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}