:root{--base:#0f1613;--well:#070b09;--bone:#e9e7da;--bone-dim:#e9e7da94;--bone-mute:#e9e7da66;--bone-faint:#e9e7da42;--line:#e9e7da17;--card:#e9e7da09;--card-raised:#e9e7da0f;--on-task:#6e9b77;--off-task:#a33b2c;--idle:#e9e7da4d;--tier-gold:#a8916a;--tier-gold-lift:#d9c79e;--serif:"Lora", Georgia, serif;--sans:"Schibsted Grotesk", -apple-system, BlinkMacSystemFont, sans-serif;--sidebar:300px;--t-hero:52px;--t-stat:26px;--t-title:17px;--t-body:13px;--t-meta:12px;--t-micro:11px;--r-window:16px;--r-card:10px;--r-control:8px;--r-pill:999px;--r-peek:7px;--r-mark:3px;--s-1:8px;--s-2:12px;--s-3:16px;--s-4:24px;--s-5:32px;--s-6:48px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--base);color:var(--bone);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.5}.grain{pointer-events:none;z-index:9999;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}h1,h2,h3,.display{font-family:var(--serif);letter-spacing:-.01em;font-weight:400}.numeral{font-family:var(--serif);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.eyebrow{font-size:var(--t-micro);letter-spacing:.14em;text-transform:uppercase;color:var(--bone-dim)}.meta{font-size:var(--t-micro);color:var(--bone-faint)}.title{font-family:var(--serif);font-size:var(--t-title);letter-spacing:-.01em}.label{font-size:var(--t-micro);letter-spacing:.14em;text-transform:uppercase;color:var(--bone-faint)}.card{background:var(--card);border-radius:var(--r-card);padding:var(--s-2) 13px}.card-list{background:var(--card);border-radius:var(--r-card);padding:2px 13px}.card-list>.hairlines>:first-child{border-top:0}.card-list>.hairlines>:last-child{border-bottom:0}.section{margin-top:var(--s-4)}.section:first-child{margin-top:0}.section-head{justify-content:space-between;align-items:baseline;gap:var(--s-1);margin-bottom:var(--s-1);display:flex}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;transition:transform 90ms,background .14s,color .14s,opacity .14s,box-shadow .14s}button:active{transform:scale(.97)}button:disabled{opacity:.4;pointer-events:none}button:focus-visible{box-shadow:0 0 0 1px var(--bone-faint);outline:none}.btn{justify-content:center;align-items:center;gap:var(--s-1);height:34px;padding:0 var(--s-3);border-radius:var(--r-control);font-size:var(--t-body);flex-shrink:0;display:inline-flex}.btn-primary{background:var(--bone);color:var(--base);width:100%;font-weight:500}.btn-primary:hover{background:#fffdf2}.btn-secondary{color:var(--bone-dim);box-shadow:inset 0 0 0 1px #e9e7da2e}.btn-secondary:hover{color:var(--bone);box-shadow:inset 0 0 0 1px #e9e7da4d}.btn-ghost{height:auto;color:var(--bone-dim);padding:2px 4px}.btn-ghost:hover{color:var(--bone)}.btn-icon{border-radius:var(--r-control);width:30px;height:30px;color:var(--bone-faint);place-items:center;padding:0;display:grid}.btn-icon:hover{color:var(--bone-dim)}.btn-back{border-radius:var(--r-pill);background:var(--card-raised);width:28px;height:28px;color:var(--bone-dim);flex-shrink:0;place-items:center;padding:0;display:grid;box-shadow:inset 0 0 0 1px #e9e7da1a}.btn-back:hover{color:var(--bone);background:#e9e7da1a}.segmented{border-radius:var(--r-control);background:var(--well);gap:3px;padding:3px;display:flex}.segmented button{height:28px;font-size:var(--t-meta);color:var(--bone-mute);border-radius:6px;flex:1}.segmented button[aria-pressed=true]{color:var(--bone);background:#e9e7da1a}.segmented button:hover{color:var(--bone-dim)}input,textarea{font:inherit;color:var(--bone);background:var(--well);border:1px solid var(--line);border-radius:var(--r-control);outline:none;width:100%;padding:10px 12px;transition:border-color .14s}textarea{resize:vertical;padding:12px;line-height:1.6}input:focus,textarea:focus{border-color:var(--bone-faint)}input::placeholder,textarea::placeholder{color:var(--bone-faint)}.hairline{background:var(--line);border:0;height:1px;margin:0}.hairlines>*{border-top:1px solid var(--line)}.hairlines>:last-child{border-bottom:1px solid var(--line)}.shell{height:100%;min-height:0;display:flex}.rail{border-right:1px solid var(--line);background:var(--well);flex-direction:column;flex-shrink:0;align-items:center;gap:4px;width:44px;padding:14px 0 12px;display:flex}.rail-spacer{flex:1}.rail button{border-radius:var(--r-control);width:30px;height:30px;color:var(--bone-faint);place-items:center;display:grid}.rail button[aria-current=true]{color:var(--bone);background:var(--card-raised)}.rail button:hover{color:var(--bone-dim)}.view{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}.view-body{flex:1;min-height:0;padding:18px 16px 10px;overflow-y:auto}.view-body>*{max-width:640px}.dock{border-top:1px solid var(--line);flex-shrink:0;padding:10px 16px 12px}.crown{margin-bottom:var(--s-4);align-items:center;gap:14px;display:flex}.truncate{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.row{text-align:left;align-items:center;gap:11px;width:100%;padding:10px 0;display:flex}.row-tall{padding:13px 0}html[data-desktop]{--well:#0000003d;--line:#e9e7da12}html[data-desktop],html[data-desktop] body{background:0 0}html[data-desktop] .grain{opacity:.022}html[data-desktop] .shell{border-radius:var(--r-window);overflow:hidden;box-shadow:inset 0 0 0 1px #e9e7da21,inset 0 1px #e9e7da38,inset 0 -1px #0000004d}html[data-desktop] .rail{-webkit-app-region:drag;background:linear-gradient(#18261f6b,#0a110d4d)}html[data-desktop] .view{background:#080d0a42}html[data-desktop] .rail button,html[data-desktop] input,html[data-desktop] textarea,html[data-desktop] .segmented{-webkit-app-region:no-drag}html[data-desktop] input,html[data-desktop] textarea{border-color:#e9e7da1a}.peek{display:none}html[data-aside] .shell{opacity:0;pointer-events:none;transition:opacity .12s ease-out}html[data-aside] .peek{cursor:pointer;background:linear-gradient(90deg,#18261f00 0%,#18261f73 100%);border-left:1px solid #e9e7da1a;width:14px;padding:0;display:block;position:fixed;top:0;bottom:0;right:0}html[data-aside]:not([data-mode=hud]) .peek{border-radius:0 var(--r-peek) var(--r-peek) 0}html[data-aside] .peek:after{content:"";background:#e9e7da47;border-radius:1px;width:2px;height:26px;margin-top:-13px;position:absolute;top:50%;right:5px}html[data-aside] .peek:hover:after{background:#e9e7da80}html[data-aside] .peek:active{transform:none}html[data-aside] .grain{opacity:0}[data-nudging]{animation:1.6s ease-in-out infinite nudge}@keyframes nudge{0%,to{box-shadow:inset 3px 0 0 -1px #0000}50%{box-shadow:inset 3px 0 0 -1px var(--off-task)}}@keyframes overtime{0%,to{box-shadow:inset 0 0 0 1px #a8916a73}50%{box-shadow:inset 0 0 0 1px #a8916af2,0 0 13px #a8916a47}}.overtime{animation:2.6s ease-in-out infinite overtime}.hud{border-radius:var(--r-window);-webkit-app-region:drag;background:linear-gradient(#18261f75,#0a110d5c);flex-direction:column;height:100%;padding:0;display:flex;overflow:hidden;box-shadow:inset 0 0 0 1px #e9e7da21,inset 0 1px #e9e7da38,inset 0 -1px #0000004d}html[data-mode=hud] .hud{border-radius:var(--r-pill)}.hud button,.hud input{-webkit-app-region:no-drag}.hud-bar{flex-shrink:0;align-items:center;gap:10px;height:54px;margin-top:auto;padding:0 8px 0 13px;display:flex}.hud-queue{border-bottom:1px solid var(--line);flex:1;min-height:0;padding:12px 13px 4px;overflow-y:auto}@media (prefers-reduced-motion:reduce){button{transition:background .14s,color .14s,opacity .14s}button:active{transform:none}[data-nudging]{box-shadow:inset 3px 0 0 -1px var(--off-task);animation:none}.overtime{animation:none;box-shadow:inset 0 0 0 1px #a8916abf}}