@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-vietnamese-full-normal-7BpKI3vF.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-ext-full-normal-YHFkNujK.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/fraunces-latin-full-normal-CFFu7zhK.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-ext-wght-normal-DCwSJGxG.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Figtree Variable;font-style:normal;font-display:swap;font-weight:300 900;src:url(/assets/figtree-latin-wght-normal-D_ZTVpCC.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#0a1122;--ink-raised:#10192f;--line:#1d2945;--line-strong:#2b3a5e;--moon:#c6cfe0;--moon-dim:#8592ad;--moon-faint:#556180;--dawn:#e9b47f;--dusk:#7ea3d4;--heart:#d88a96;--danger:#e08a7a;--serif:"Fraunces Variable", Georgia, serif;--sans:"Figtree Variable", system-ui, sans-serif;--t-xs:12px;--t-sm:14px;--t-md:16px;--t-lg:20px;--t-xl:28px;--t-num:clamp(44px, 9vw, 72px);--radius-s:8px;--radius-l:20px;--gutter:clamp(16px, 4vw, 40px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{background:var(--ink);color:var(--moon);margin:0}body{font-family:var(--sans);font-size:var(--t-md);-webkit-font-smoothing:antialiased;min-height:100dvh;line-height:1.5;overflow-x:hidden}button,input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--dawn);outline-offset:3px;border-radius:4px}[hidden]{display:none!important}.sky{z-index:0;width:100vw;height:100dvh;display:block;position:fixed;inset:0}.sky-veil{z-index:0;pointer-events:none;background:radial-gradient(55% 45% at 50% 38%,#0a112299 0%,#0a112240 55%,#0000 80%),linear-gradient(#0000 50%,#0a112266 72%,#0a1122cc 100%);position:fixed;inset:0}.app{z-index:1;grid-template-columns:minmax(0,1fr) auto;height:100dvh;display:grid;position:relative}.main{width:100%;max-width:1100px;height:100dvh;padding:max(12px, env(safe-area-inset-top)) var(--gutter) max(12px, env(safe-area-inset-bottom));grid-template-rows:auto minmax(0,1fr) auto;margin:0 auto;display:grid}.main>*{min-width:0}.topbar,.gap,.meta,.trend-head{text-shadow:0 1px 14px #060a16e6}.glass{-webkit-backdrop-filter:blur(20px)saturate(1.25);backdrop-filter:blur(20px)saturate(1.25);background:#0e162a80}.dock{-webkit-backdrop-filter:blur(22px)saturate(1.25);backdrop-filter:blur(22px)saturate(1.25);background:#0e162a80;border-left:1px solid #c6cfe012;flex-direction:column;width:400px;height:100dvh;display:flex}.dock .sheet-head h2{font-family:var(--serif);font-variation-settings:"SOFT" 100, "opsz" 24;font-weight:400;font-size:var(--t-xl);margin:0}.chrome{transition:opacity 1.6s}.app[data-dim=true] .chrome{opacity:.07}.topbar{flex-wrap:wrap;align-items:center;gap:12px 20px;padding:8px 0 clamp(16px,4.5vh,44px);display:flex}.wordmark{font-family:var(--serif);font-variation-settings:"SOFT" 100, "opsz" 24;font-weight:400;font-size:var(--t-lg);letter-spacing:.01em;color:var(--moon);align-items:center;gap:10px;margin:0;display:flex}.status{font-size:var(--t-sm);color:var(--moon-dim);flex-wrap:wrap;flex:1;gap:16px;display:flex}.status span{align-items:center;gap:6px;display:inline-flex}.dot{background:var(--moon-faint);border-radius:50%;flex:none;width:7px;height:7px}.dot.ok{background:#8fc6a4}.dot.warn{background:var(--dawn)}.dot.bad{background:var(--danger)}.icon-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line-strong);font-size:var(--t-sm);color:var(--moon);cursor:pointer;background:#0a112259;border-radius:999px;align-items:center;gap:8px;padding:7px 14px;display:inline-flex}.icon-btn:hover{border-color:var(--moon-faint)}@media (width<=379px){.settings-label{display:none}.settings-btn{padding:7px 10px}}.lang-btn{color:var(--moon-dim);gap:6px;padding:7px 10px 7px 12px}.lang-btn:hover,.lang-btn[data-state=open]{color:var(--moon)}.stage{min-height:0;position:relative}.stage canvas{width:100%;height:100%;position:absolute;inset:0}.phase-label{pointer-events:none;text-align:center;flex-direction:column;align-items:center;gap:10px;transition:top .6s;display:flex;position:absolute;left:0;right:0}.phase-word{font-family:var(--serif);font-variation-settings:"SOFT" 100, "opsz" 36;font-variant-numeric:tabular-nums lining-nums;font-weight:350;line-height:1}.phase-label[data-phase=in] .phase-word{color:var(--dawn)}.phase-label[data-phase=out] .phase-word{color:var(--dusk)}.phase-label[data-live=false] .phase-word{opacity:.75}@media (prefers-reduced-motion:reduce){.phase-label{transition:none}}.phase-sub{font-size:var(--t-sm);color:var(--moon-dim)}.phase-sub:empty{display:none}.gap{--reading-w:clamp(66px, 11vw, 140px);grid-template-columns:var(--reading-w) minmax(0, 1fr) var(--reading-w);align-items:center;gap:clamp(10px,2.5vw,28px);padding:8px 0 4px;display:grid}.reading{width:var(--reading-w);flex-direction:column;gap:2px;display:flex}.reading.right{text-align:right;align-items:flex-end}.reading .num{font-family:var(--serif);font-variation-settings:"SOFT" 100, "opsz" 72;font-variant-numeric:tabular-nums lining-nums;font-size:clamp(36px,6vw,72px);font-weight:300;line-height:1}.reading.heart .num{color:var(--heart)}.reading.music .num{color:var(--dusk)}.reading .what{font-size:var(--t-sm);color:var(--moon-dim)}.reading .sub{font-size:var(--t-xs);color:var(--moon-faint)}@media (width<=640px){.gap{gap:10px}.reading .idle-hint{visibility:hidden}.status{flex-basis:100%;order:3}.wordmark{flex:1}}.controls{flex-direction:column;align-items:center;gap:10px;padding:clamp(20px,4vh,40px) 0 4px;display:flex}.start{border:1px solid color-mix(in srgb, var(--dawn) 60%, var(--ink));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-width:200px;color:var(--dawn);font-size:var(--t-lg);font-family:var(--serif);font-variation-settings:"SOFT" 100, "opsz" 24;cursor:pointer;background:#0a112259;border-radius:999px;padding:14px 32px;transition:background .3s,border-color .3s,color .3s}.start:hover:not(:disabled){border-color:var(--dawn)}.start[data-running=true]{color:var(--dusk);border-color:color-mix(in srgb, var(--dusk) 45%, var(--ink))}.start[data-running=true]:hover:not(:disabled){border-color:var(--dusk)}.start:disabled{opacity:.6;cursor:progress}.start.sync{cursor:default;color:var(--moon);place-items:center;display:grid;position:relative;overflow:hidden}.sync-fill{transform-origin:0;transform:scaleX(var(--p,0));background:linear-gradient(90deg, color-mix(in srgb, var(--dawn) 14%, transparent), color-mix(in srgb, var(--dawn) 34%, transparent));transition:transform .9s cubic-bezier(.3,.7,.3,1);position:absolute;inset:0}.sync-fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff1f,#0000);animation:1.8s ease-in-out infinite sync-sheen;position:absolute;inset:0}@keyframes sync-sheen{0%{transform:translate(-100%)}to{transform:translate(100%)}}.sync-label{font-size:var(--t-md);font-variant-numeric:tabular-nums;position:relative}@media (prefers-reduced-motion:reduce){.sync-fill,.sync-fill:after{transition:none;animation:none}}.link-btn{font-size:var(--t-sm);color:var(--moon-dim);text-decoration:underline;-webkit-text-decoration-color:var(--moon-faint);text-decoration-color:var(--moon-faint);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:4px 8px}.link-btn:hover{color:var(--moon)}.meta{font-size:var(--t-sm);color:var(--moon-dim);text-align:center;max-width:60ch;min-height:1.5em}.meta.error{color:var(--danger)}.meta.quiet{font-size:var(--t-xs);color:var(--moon-faint);text-wrap:pretty;max-width:none}.credit{color:var(--moon-dim)}.trend{min-width:0}.trend-head{font-size:var(--t-sm);color:var(--moon-dim);align-items:center;gap:12px;margin-bottom:4px;display:flex}.trend-head .caption{flex:1;min-width:0}.trend canvas{width:100%;height:clamp(72px,12vh,120px);display:block}@media (width<=640px){.trend-head{font-size:var(--t-xs);text-align:center}.trend-head .seg{display:none}}.seg{border:1px solid var(--line);border-radius:999px;flex:none;padding:2px;display:inline-flex}.seg button{font-size:var(--t-xs);color:var(--moon-dim);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:3px 12px}.seg button[aria-pressed=true]{background:var(--line);color:var(--moon)}.overlay{z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0408128c;position:fixed;inset:0}.sheet{z-index:11;-webkit-backdrop-filter:blur(24px)saturate(1.25);backdrop-filter:blur(24px)saturate(1.25);border-left:1px solid var(--line);background:#0e162ab8;outline:none;flex-direction:column;width:min(440px,100vw);display:flex;position:fixed;top:0;bottom:0;right:0}.sheet[data-state=open]{animation:.32s cubic-bezier(.2,.8,.2,1) sheet-in}@keyframes sheet-in{0%{opacity:0;transform:translate(24px)}}@media (width<=640px){.sheet{border-left:0;border-top:1px solid var(--line);border-radius:var(--radius-l) var(--radius-l) 0 0;width:100vw;height:88dvh;top:auto;left:0}@keyframes sheet-in{0%{opacity:0;transform:translateY(32px)}}}.sheet-head{flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 20px 8px;display:flex}.sheet-head h2{font-family:var(--serif);font-variation-settings:"SOFT" 100, "opsz" 24;font-weight:400;font-size:var(--t-xl);margin:0}.sheet-actions{align-items:center;gap:4px;display:flex}.close{color:var(--moon-dim);font-size:var(--t-sm);cursor:pointer;background:0 0;border:0;padding:8px}.tabs-list{border-bottom:1px solid var(--line);scrollbar-width:none;flex-shrink:0;gap:4px;padding:4px 16px 0;display:flex;overflow:auto hidden}.tabs-list::-webkit-scrollbar{display:none}.tab{color:var(--moon-dim);font-size:var(--t-md);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;padding:10px 10px 9px}.tab[data-state=active]{color:var(--moon);border-bottom-color:var(--dawn)}.tab-panel{flex:1;min-height:0;padding:4px 20px 32px;overflow-y:auto}.group{padding:16px 0 8px}.group+.group{border-top:1px solid var(--line)}.group h3{font-size:var(--t-md);color:var(--moon);margin:0 0 4px;font-weight:600}.group>p{font-size:var(--t-sm);color:var(--moon-dim);max-width:60ch;margin:0 0 10px}.field{grid-template-columns:1fr auto;align-items:center;gap:6px 12px;padding:10px 0;display:grid}.field-label{font-size:var(--t-sm);color:var(--moon)}.field-value{font-size:var(--t-sm);color:var(--moon-dim);font-variant-numeric:tabular-nums}.field-control{grid-column:1/-1;align-items:center;gap:8px;display:flex}.slider{touch-action:pan-y;-webkit-user-select:none;user-select:none;flex:1;align-items:center;height:28px;display:flex;position:relative}.slider-track{background:var(--line-strong);border-radius:2px;flex:1;height:3px;position:relative}.slider-range{background:var(--moon-dim);border-radius:2px;height:100%;position:absolute}.slider-thumb{background:var(--moon);border:3px solid var(--ink-raised);width:18px;height:18px;box-shadow:0 0 0 1px var(--moon-dim);cursor:grab;border-radius:50%;display:block}.select-trigger{background:var(--ink);border:1px solid var(--line-strong);border-radius:var(--radius-s);min-height:40px;font-size:var(--t-sm);cursor:pointer;text-align:left;flex:1;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.select-content{background:var(--ink-raised);border:1px solid var(--line-strong);border-radius:var(--radius-s);z-index:50;max-height:var(--radix-select-content-available-height);min-width:var(--radix-select-trigger-width);padding:4px}.select-item{font-size:var(--t-sm);cursor:pointer;border-radius:6px;outline:none;padding:8px 10px 8px 28px;position:relative}.select-item[data-highlighted]{background:var(--line)}.select-item[data-state=checked]:before{content:"";background:var(--dawn);border-radius:50%;width:6px;height:6px;margin-top:-3px;position:absolute;top:50%;left:11px}.switch{border:1px solid var(--line-strong);background:var(--ink);cursor:pointer;border-radius:999px;flex:none;align-items:center;width:42px;height:24px;padding:0 0 0 1px;display:inline-flex;position:relative}.switch[data-state=checked]{background:color-mix(in srgb, var(--dawn) 30%, var(--ink));border-color:var(--dawn)}.switch-thumb{background:var(--moon);border-radius:50%;width:18px;height:18px;transition:transform .2s;display:block;transform:translate(1px)}.switch-thumb[data-state=checked]{transform:translate(19px)}.play{border:1px solid var(--line-strong);width:40px;height:40px;color:var(--dawn);cursor:pointer;background:0 0;border-radius:50%;flex:none;place-items:center;display:grid}.play:hover{border-color:var(--dawn)}.btn{border:1px solid var(--line-strong);border-radius:var(--radius-s);font-size:var(--t-sm);cursor:pointer;background:0 0;padding:9px 14px}.btn:hover:not(:disabled){border-color:var(--moon-faint)}.btn:disabled{opacity:.45;cursor:default}.btn.accent{border-color:color-mix(in srgb, var(--dawn) 50%, transparent);color:var(--dawn)}.btn-row{flex-wrap:wrap;gap:8px;padding:6px 0;display:flex}.note{font-size:var(--t-sm);color:var(--moon-dim);max-width:60ch;margin:6px 0}.note.warn{color:var(--dawn)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){.chrome,.sheet[data-state=open],.switch-thumb{transition:none;animation:none}}.group-head{justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 4px;display:flex}.group-head h3{margin:0}.group-actions{gap:4px;margin-right:-8px;display:flex}.group-action{border-radius:var(--radius-s);color:var(--moon-dim);font-size:var(--t-sm);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:6px 8px;display:inline-flex}.group-action:hover:not(:disabled){color:var(--dawn)}.group-action:disabled{color:var(--moon-faint);opacity:.6;cursor:default}.group-action svg{transition:transform .4s}.group-action:hover:not(:disabled) svg{transform:rotate(-60deg)}.btn.danger{border-color:color-mix(in srgb, var(--danger) 55%, transparent);color:var(--danger)}.btn.danger:hover{border-color:var(--danger)}.confirm-q{font-size:var(--t-sm);color:var(--moon);flex-basis:100%}@media (prefers-reduced-motion:reduce){.group-action svg{transition:none}}.wordmark-icon{color:var(--heart);flex:none}.group-head h3{align-items:center;gap:10px;display:flex}.head-icon{color:var(--moon-dim);flex:none}.head-icon[data-tone=in]{color:var(--dawn)}.head-icon[data-tone=out]{color:var(--dusk)}.update-bar{z-index:20;left:50%;bottom:max(16px, env(safe-area-inset-bottom));border:1px solid var(--line-strong);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);width:max-content;max-width:calc(100vw - 32px);font-size:var(--t-sm);color:var(--moon);background:#0e162ad1;border-radius:999px;align-items:center;gap:12px;padding:8px 8px 8px 18px;display:flex;position:fixed;transform:translate(-50%)}.update-bar .btn{border-radius:999px;padding:7px 14px}