:root{--base:#0f1613;--well:#070b09;--bone:#e9e7da;--bone-dim:#e9e7da94;--bone-mute:#e9e7da66;--bone-faint:#e9e7da42;--line:#e9e7da17;--card:#e9e7da0d;--card-raised:#e9e7da16;--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-page:21px;--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}.page-head{margin-bottom:var(--s-3);align-items:center;gap:11px;display:flex}.page-title{margin-bottom:var(--s-4);align-items:center;gap:14px;display:flex}.page-name{font-family:var(--serif);font-size:var(--t-page);letter-spacing:-.01em;line-height:1.2}.page{animation:.17s cubic-bezier(.2,.7,.3,1) page-in}@keyframes page-in{0%{opacity:0;transform:translate(9px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.page{animation:none}}.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);white-space:nowrap;flex-shrink:1;width:100%;min-width:0;font-weight:500;overflow:hidden}.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:30px;font-size:var(--t-meta);background:var(--card-raised);box-shadow:inset 0 0 0 1px var(--line);color:var(--bone-dim);padding:0 12px}.btn-ghost:hover{color:var(--bone);background:#e9e7da21}.btn-icon{border-radius:var(--r-control);background:var(--card);width:30px;height:30px;box-shadow:inset 0 0 0 1px var(--line);color:var(--bone-dim);place-items:center;padding:0;display:grid}.btn-icon:hover{background:var(--card-raised);color:var(--bone)}.rail .btn-icon{box-shadow:none;background:0 0}.opens{text-align:left;min-width:0;color:inherit;flex:1;align-items:center;gap:11px;padding:0;display:flex}.opens:after{content:"";background:var(--bone-faint);flex-shrink:0;width:6px;height:10px;margin-left:auto;transition:background .14s;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 10'%3E%3Cpath d='M1 1l4 4-4 4' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 10'%3E%3Cpath d='M1 1l4 4-4 4' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/contain no-repeat}.opens:hover:after{background: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)}.meals{grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:6px;display:grid}.meals figure{margin:0}.meals img,.meal-blank{aspect-ratio:1;object-fit:cover;border-radius:var(--r-card);background:var(--well);width:100%;display:block}.meals figcaption{margin-top:4px}.checkin-controls{margin-top:var(--s-2);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.checkin-controls>.segmented{flex:168px;min-width:168px}.checkin-controls .segmented button{white-space:nowrap}.capture video{border-radius:var(--r-card);background:var(--well);width:100%;display:block;transform:scaleX(-1)}.capture-bar{margin-top:var(--s-2);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.subjects{scrollbar-width:none;margin-bottom:var(--s-3);gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.subjects::-webkit-scrollbar{display:none}.subjects button{border-radius:var(--r-pill);height:28px;font-size:var(--t-meta);color:var(--bone-mute);background:var(--well);white-space:nowrap;flex:none;padding:0 11px}.subjects button[aria-pressed=true]{color:var(--bone);background:#e9e7da1a}.month-head{margin-bottom:var(--s-2);align-items:center;gap:8px;display:flex}.month-head .title{text-align:center;flex:1}.month-head button:disabled{opacity:.25}.month{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.month-dow{text-align:center;padding-bottom:4px}.month-cell{border-radius:var(--r-control);color:var(--bone-mute);flex-direction:column;align-items:center;gap:3px;padding:6px 0 7px;display:flex}.month-cell:hover:not(:disabled){background:var(--card)}.month-cell:disabled{opacity:.3;cursor:default}.month-cell[aria-current=date]{box-shadow:inset 0 0 0 1px var(--line)}.month-n{font-size:var(--t-micro)}.month-cell[aria-current=date] .month-n{color:var(--bone)}.wheel-wrap{min-width:0;position:relative}.wheel{scroll-snap-type:x mandatory;border-radius:var(--r-control);scrollbar-width:none;background:linear-gradient(180deg, #e9e7da0e 0%, #e9e7da03 22%, transparent 46%, #070b094d 100%), var(--well);outline:none;min-width:0;height:46px;padding-inline:calc(50% - 29px);display:flex;overflow:auto hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 24% 76%,#0000);mask-image:linear-gradient(90deg,#0000,#000 24% 76%,#0000)}.wheel::-webkit-scrollbar{display:none}.wheel:focus-visible{box-shadow:inset 0 0 0 1px var(--bone-faint)}.wheel-cell{scroll-snap-align:center;font-size:var(--t-body);color:var(--bone-mute);cursor:pointer;white-space:nowrap;flex:0 0 58px;place-items:center;padding-bottom:9px;transition:color .14s;display:grid;position:relative}.wheel-cell:after{content:"";background:linear-gradient(var(--bone-faint), var(--bone-faint)) 50% 0 / 1px 7px no-repeat, linear-gradient(var(--line), var(--line)) 25% 3px / 1px 4px no-repeat, linear-gradient(var(--line), var(--line)) 75% 3px / 1px 4px no-repeat;height:7px;transition:background .14s;position:absolute;bottom:4px;left:0;right:0}.wheel-cell[aria-selected=true]{color:var(--bone);font-family:var(--serif)}.wheel-cell[aria-selected=true]:after{background:linear-gradient(var(--bone), var(--bone)) 50% 0 / 1px 7px no-repeat, linear-gradient(var(--line), var(--line)) 25% 3px / 1px 4px no-repeat, linear-gradient(var(--line), var(--line)) 75% 3px / 1px 4px no-repeat}.wheel-rail{border-left:1px solid var(--line);border-right:1px solid var(--line);pointer-events:none;background:#e9e7da06;width:58px;position:absolute;top:0;bottom:0;left:calc(50% - 29px)}.cells{border-radius:var(--r-control);background:var(--well);gap:3px;padding:3px;display:grid}.cells button{height:30px;font-size:var(--t-meta);color:var(--bone-mute);border-radius:6px}.cells button[aria-pressed=true]{color:var(--bone);background:#e9e7da1a}.cells 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}.crown-mark{border-radius:var(--r-pill);flex-shrink:0;display:block;position:relative}.crown-mark:after{content:"";background:var(--well);opacity:0;border-radius:50%;transition:opacity .14s;position:absolute;inset:6px}.crown-mark:hover:after{opacity:.45}.crown-mark[aria-busy=true]:after{opacity:.6}.crown-mark:active{transform:none}.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:#00000057;--line:#e9e7da1f}html[data-desktop],html[data-desktop] body{background:0 0}html[data-desktop] .grain{opacity:.03}html[data-desktop] .shell{border-radius:var(--r-window);overflow:hidden;box-shadow:inset 0 0 0 1px #e9e7da29,inset 0 1px #e9e7da42,inset 0 -1px #00000057}html[data-desktop] .rail{-webkit-app-region:drag;background:linear-gradient(#101a15b3,#0408069e)}html[data-desktop] .view{background:#0f1613b8}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}.live{margin-bottom:var(--s-4);align-items:center;gap:10px;display:flex}.live-rings{flex-shrink:0;gap:6px;display:flex}.live-rings button{border-radius:var(--r-pill);display:block}.days-row{margin-bottom:var(--s-4);align-items:center;gap:10px;display:flex}.days{flex-shrink:0;gap:5px;display:flex}.day-mark{border-radius:var(--r-mark);flex-shrink:0;place-items:center;width:13px;height:13px;display:grid}.day-hit{background:var(--bone)}.day-miss{border:1px solid var(--bone-faint)}.day-grace{border:1px solid var(--bone-mute)}.day-grace:after{content:"";background:var(--bone-mute);border-radius:50%;width:4px;height:4px}.day-none:after{content:"";background:var(--bone-faint);border-radius:50%;width:2px;height:2px}@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}}.shared{background:radial-gradient(120% 70% at 50% -10%, #4e80602b 0%, #4e806000 62%), radial-gradient(90% 60% at 0% 40%, #3a664c1c 0%, #3a664c00 55%), var(--base);min-height:100%;padding:clamp(28px, 7vw, 76px) clamp(20px, 6vw, 48px) var(--s-6);justify-content:center;display:flex}.shared-sheet{width:100%;max-width:560px}.shared-who{align-items:center;gap:15px;display:flex}.shared-name{font-family:var(--serif);letter-spacing:-.01em;font-size:clamp(21px,4.4vw,27px);line-height:1.25}.shared-hero{font-family:var(--serif);font-variant-numeric:tabular-nums;letter-spacing:-.03em;margin:10px 0 6px;font-size:clamp(52px,13.5vw,116px);line-height:1.04}.shared-hero-tail{letter-spacing:-.02em;color:var(--bone-dim);font-size:46%}.shared-bar{border-radius:var(--r-mark);background:var(--line);height:12px;margin-top:var(--s-5);display:flex;overflow:hidden}.shared-bar>span{flex-basis:0}.shared-legend{font-size:var(--t-body);flex-wrap:wrap;gap:clamp(14px,4vw,26px);margin-top:11px;display:flex}.shared-facts{margin-top:var(--s-5)}.shared-fact{justify-content:space-between;align-items:baseline;gap:var(--s-3);border-top:1px solid var(--line);padding:15px 0;display:flex}.shared-fact:last-child{border-bottom:1px solid var(--line)}.shared-fact .numeral{text-align:right;min-width:0;font-size:clamp(15px,3.4vw,18px)}.shared-note{max-width:42ch;font-size:var(--t-meta);color:var(--bone-mute);margin:0;line-height:1.6}.ghost{border-radius:var(--r-card);background:var(--card-raised);animation:1.6s ease-in-out infinite ghost}@keyframes ghost{0%,to{opacity:.5}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.ghost{animation:none}}