:root{--bg:#e2e0dd;--fg:#1d1d1f;--muted:#1d1d1f8c;--chip:#ffffff8c;--chip-on:#1d1d1f;--chip-on-fg:#fff;--sheet:#faf8f3f0;--line:#1d1d1f1f;--live:#c4442a}body.dark{--bg:#050505;--fg:#f2f2f2;--muted:#f2f2f280;--chip:#ffffff14;--chip-on:#f2f2f2;--chip-on-fg:#050505;--sheet:#101010eb;--line:#f2f2f21f;--live:#e0634a}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{background:var(--bg);color:var(--fg);font:13px/1.4 ui-monospace,IBM Plex Mono,Menlo,monospace;transition:background .4s}#stage{position:fixed;inset:0}#stage canvas{width:100%;height:100%;display:block;position:absolute;inset:0}#ui{padding:16px 16px max(16px, env(safe-area-inset-bottom));pointer-events:none;flex-direction:column;align-items:center;gap:10px;display:flex;position:fixed;bottom:0;left:0;right:0}#ui>*{pointer-events:auto}#pickers,#controls{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}button{font:inherit;color:var(--fg);background:var(--chip);cursor:pointer;-webkit-backdrop-filter:blur(12px);border:0;border-radius:999px;padding:8px 14px}button.on{background:var(--chip-on);color:var(--chip-on-fg)}button.primary{padding:12px 22px;font-weight:600}#keys{color:var(--muted);font-size:11px}body.embed #keys{display:none}#toast{background:var(--chip-on);color:var(--chip-on-fg);opacity:0;pointer-events:none;border-radius:999px;max-width:calc(100vw - 32px);padding:8px 14px;transition:opacity .25s;position:fixed;top:16px;left:50%;transform:translate(-50%)}#toast.show{opacity:1}@media (width<=640px){#keys{display:none}}@property --orb-mask{syntax:"<percentage>";inherits:false;initial-value:160%}#stage{transform-origin:50%;-webkit-mask-image:radial-gradient(circle at 50% 50%, #000 calc(var(--orb-mask) - 22%), transparent var(--orb-mask));-webkit-mask-image:radial-gradient(circle at 50% 50%, #000 calc(var(--orb-mask) - 22%), transparent var(--orb-mask));mask-image:radial-gradient(circle at 50% 50%, #000 calc(var(--orb-mask) - 22%), transparent var(--orb-mask));transition:transform .9s cubic-bezier(.2,.85,.25,1),--orb-mask .9s cubic-bezier(.2,.85,.25,1)}body.has-cards #stage{--orb-mask:46%;transform:translateY(-31vh)scale(.42)}body[data-card-style=morph].has-cards #stage{opacity:.35}body[data-card-style=satellite].has-cards #stage{--orb-mask:70%;transform:translateY(-9vh)scale(.86)}.cards{scrollbar-width:none;width:min(420px,100vw - 32px);max-height:calc(73vh - 150px);color:var(--fg);flex-direction:column;gap:10px;padding:2px 2px 56px;font-size:13px;line-height:18px;display:flex;position:fixed;top:27vh;left:50%;overflow-y:auto;transform:translate(-50%);-webkit-mask-image:linear-gradient(#000 calc(100% - 56px),#0000);mask-image:linear-gradient(#000 calc(100% - 56px),#0000)}.card{background:var(--sheet);border:1px solid var(--line);transform-origin:50% 0;border-radius:10px;padding:14px 16px}.card header{border-bottom:1px solid var(--line);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:10px;margin-bottom:4px;padding-bottom:10px;font-size:11px;display:flex}.card .sigil{border:1px solid var(--line);color:var(--muted);letter-spacing:.04em;border-radius:3px;padding:1px 5px}.card .title{color:var(--fg)}.card .meta{color:var(--muted);letter-spacing:0;text-transform:none;font-variant-numeric:tabular-nums;margin-left:auto}.card ul{margin:0;padding:0;list-style:none}.events li{font-variant-numeric:tabular-nums;grid-template-columns:72px 1fr;gap:10px;min-height:28px;padding:5px 0;display:grid}.events .t{color:var(--muted)}.events em{color:var(--muted);font-size:11px;font-style:normal;display:block}.events li.past{opacity:.4}.events li.next{position:relative}.events li.next:before{content:"";background:var(--live);border-radius:50%;width:5px;height:5px;position:absolute;top:11px;left:-10px}.events li.next .t{color:var(--live)}.card-weather .now{align-items:baseline;gap:14px;padding:10px 0 12px;display:flex}.card-weather .big{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:40px;line-height:1}.card-weather .cond small{color:var(--muted);font-size:11px;display:block}.card-weather .hours{text-align:center;font-variant-numeric:tabular-nums;border-top:1px solid var(--line);grid-template-columns:repeat(6,1fr);padding-top:8px;font-size:11px;display:grid}.card-weather .hours li{flex-direction:column;gap:3px;display:flex}.card-weather .hours .h{color:var(--muted)}.card-weather .hours .sky{color:var(--muted);letter-spacing:.06em}.card-weather .hours .sky.rain{color:var(--fg)}.card-weather .note{color:var(--muted);margin:10px 0 0;font-size:11px}.card-weather .note:before{content:"※ "}.todo li{align-items:center;gap:10px;min-height:28px;padding:3px 0;display:flex}.todo .box{border:1px solid color-mix(in srgb, var(--fg) 45%, transparent);border-radius:3px;flex:none;width:12px;height:12px;position:relative}.todo li.done{color:var(--muted);opacity:.7;text-decoration:line-through}.todo li.done .box{background:var(--muted);border-color:#0000}.todo li.added{animation:1.4s ease-out added}@keyframes added{0%,35%{color:var(--live)}to{color:var(--fg)}}.todo li.added .box{animation:1.4s ease-out added-box}@keyframes added-box{0%,35%{border-color:var(--live)}}.cards li{transition:opacity .2s ease-out,transform .2s ease-out}.cards li.pending{opacity:0;transform:translateY(4px)}.cards-narrate li:not(.pending):has(+li.pending):after{content:"▍";color:var(--live);margin-left:6px;animation:.9s step-end infinite caret}@keyframes caret{50%{opacity:0}}.cards-morph .card{background:var(--sheet)}.cards-satellite{flex-direction:column-reverse;align-items:center;width:min(460px,100vw - 32px);max-height:46vh;padding:56px 2px 2px;top:auto;bottom:214px;-webkit-mask-image:linear-gradient(#0000,#000 56px);mask-image:linear-gradient(#0000,#000 56px)}.cards-satellite .card.chip{width:100%;padding:0;overflow:hidden}.chip-head{all:unset;box-sizing:border-box;cursor:pointer;align-items:center;gap:10px;width:100%;padding:8px 12px;font-size:12px;display:flex}.chip-head .sigil{border:1px solid var(--line);letter-spacing:.04em;color:var(--muted);border-radius:3px;padding:1px 5px;font-size:10px}.chip-head:focus-visible{outline:1px solid var(--fg);outline-offset:-3px;border-radius:9px}.chip-line{text-overflow:ellipsis;white-space:nowrap;color:var(--fg);overflow:hidden}.chip .chip-body>header{display:none}.chip-body{border-top:1px solid #0000;max-height:0;padding:0 16px;transition:max-height .24s ease-out,padding .24s ease-out;overflow:hidden}.chip.open .chip-body{border-top-color:var(--line);max-height:30vh;padding-bottom:12px;overflow-y:auto}.timer-ring{--p:1;border-radius:50%;place-items:center;width:168px;height:168px;margin:14px auto 6px;display:grid;position:relative}.timer-ring:before{content:"";background:conic-gradient(var(--live) calc(var(--p) * 360deg), var(--line) 0);border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 2px),#000 calc(100% - 1.5px));mask:radial-gradient(farthest-side,#0000 calc(100% - 2px),#000 calc(100% - 1.5px))}.timer-big{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:38px;position:relative}.timer-done .timer-ring{animation:.6s ease-out 2 timer-done}.timer-done .timer-big{color:var(--live)}@keyframes timer-done{50%{box-shadow:0 0 0 6px color-mix(in srgb, var(--live) 18%, transparent)}}#pickers{gap:8px}.pick{background:var(--chip);-webkit-backdrop-filter:blur(12px);color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:4px 4px 4px 14px;font-size:11px;display:inline-flex}.pick[hidden]{display:none}.pick select{appearance:none;cursor:pointer;color:var(--fg);background:var(--bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23888' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 10px center;border:0;border-radius:999px;padding:8px 28px 8px 12px;font:600 12px/1 ui-monospace,IBM Plex Mono,Menlo,monospace}body.dark .pick select{background-color:#1a1a1c}.ribbon{color:var(--muted);pointer-events:none;white-space:nowrap;align-items:center;gap:14px;font-size:11px;display:flex;position:fixed;top:14px;left:16px}.ribbon .status{color:var(--fg);margin-left:-6px}.ribbon .dot{background:var(--muted);opacity:.6;border-radius:50%;width:6px;height:6px}.ribbon .dot.live{background:var(--live);opacity:1;box-shadow:0 0 0 3px color-mix(in srgb, var(--live) 22%, transparent)}#panel-toggles{z-index:3;gap:2px;transition:right .35s cubic-bezier(.2,.85,.25,1);display:flex;position:fixed;top:8px;right:12px}#panel-toggles button{-webkit-backdrop-filter:none;color:var(--muted);background:0 0;border-radius:6px;padding:6px 10px;font-size:12px}#panel-toggles button:hover{color:var(--fg)}body.reading #readings-btn,body.tuning #tune-btn{color:var(--fg);text-underline-offset:4px;text-decoration:underline}body.tuning #panel-toggles{right:332px}.readings{background:var(--sheet);border:1px solid var(--line);border-radius:10px;width:260px;padding:12px;font-size:11px;transition:opacity .2s,transform .2s;position:fixed;top:40px;left:12px}.readings.hidden{opacity:0;pointer-events:none;transform:translateY(-4px)}.readings-info{grid-template-columns:auto 1fr auto 1fr;gap:2px 8px;margin-bottom:12px;display:grid}.readings-info .k{color:var(--muted)}.readings-info .v{font-variant-numeric:tabular-nums}.drawer{z-index:2;background:var(--sheet);border-left:1px solid var(--line);flex-direction:column;width:320px;font-size:12px;transition:transform .35s cubic-bezier(.2,.85,.25,1);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.drawer.open{transform:none}#stage{transition:transform .9s cubic-bezier(.2,.85,.25,1),--orb-mask .9s cubic-bezier(.2,.85,.25,1),opacity .7s,translate .35s cubic-bezier(.2,.85,.25,1)}@media (width>=720px){body.tuning #stage{translate:-160px}body.tuning #ui{right:320px}}.drawer-head{border-bottom:1px solid var(--line);align-items:flex-start;gap:12px;padding:16px 16px 14px;display:flex}.drawer-title{flex:1;min-width:0}.drawer-head h2{margin:0;font-size:13px;font-weight:600}.drawer-map{color:var(--muted);margin:4px 0 0;font-size:11px;line-height:1.45}.drawer-map:empty{display:none}.drawer-close{-webkit-backdrop-filter:none;color:var(--muted);background:0 0;border-radius:4px;padding:0 4px;font-size:18px;line-height:1}.drawer-close:hover{color:var(--fg)}.drawer-body{scrollbar-width:thin;flex:1;overflow-y:auto}.drawer-sec{border-bottom:1px solid var(--line);padding:12px 16px 14px}.drawer-sec h3,.drawer-fold summary{color:var(--fg);margin:0 0 8px;font-size:11px;font-weight:600}.drawer-fold summary{cursor:pointer;align-items:baseline;gap:8px;margin:0;list-style:none;display:flex}.drawer-fold summary::-webkit-details-marker{display:none}.drawer-fold summary:before{content:"+";width:10px;color:var(--muted)}.drawer-fold[open] summary:before{content:"−"}.drawer-fold[open] summary{margin-bottom:8px}.drawer-fold small{color:var(--muted);font-size:11px;font-weight:400}.ctl{grid-template-columns:1fr auto;align-items:baseline;gap:0 8px;padding:5px 0 2px;display:grid}.ctl-name{color:var(--muted);cursor:default;-webkit-user-select:none;user-select:none;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ctl.changed .ctl-name{color:var(--fg)}.ctl.changed .ctl-name:after{content:" •";color:var(--muted)}.ctl-val{font-variant-numeric:tabular-nums;color:var(--fg)}.ctl input[type=range]{cursor:pointer;appearance:none;background:0 0;grid-column:1/-1;width:100%;height:14px;margin:4px 0 0}.ctl input[type=range]::-webkit-slider-runnable-track{background:var(--line);border-radius:1px;height:2px}.ctl input[type=range]::-moz-range-track{background:var(--line);border-radius:1px;height:2px}.ctl input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--fg);border:2px solid var(--sheet);box-sizing:content-box;border-radius:50%;width:12px;height:12px;margin-top:-5px}.ctl input[type=range]::-moz-range-thumb{background:var(--fg);border:2px solid var(--sheet);border-radius:50%;width:12px;height:12px}.ctl input[type=range]:focus-visible{outline:1px solid var(--fg);outline-offset:2px;border-radius:2px}.swatches{flex-wrap:wrap;gap:10px 8px;display:flex}.swatch{cursor:pointer;flex-direction:column;align-items:center;gap:4px;width:52px;display:flex;position:relative}.swatch:before{content:"";background:var(--c);width:28px;height:28px;box-shadow:inset 0 0 0 1px var(--line);border-radius:50%}.swatch:hover:before{box-shadow:inset 0 0 0 1px var(--line), 0 0 0 2px var(--sheet), 0 0 0 3px var(--fg)}.swatch input{opacity:0;cursor:pointer;width:28px;height:28px;margin:0 auto;position:absolute;inset:0}.swatch span{color:var(--muted);text-align:center;font-size:10px;line-height:1.2}.drawer-foot{padding:12px 16px max(12px, env(safe-area-inset-bottom));border-top:1px solid var(--line);gap:8px;display:flex}.drawer-foot button{-webkit-backdrop-filter:none;background:var(--fg);color:var(--sheet);border-radius:6px;flex:1;padding:8px 10px;font-size:12px}.drawer-foot button.quiet{color:var(--fg);box-shadow:inset 0 0 0 1px var(--line);background:0 0}body.embed .ribbon,body.embed #panel-toggles,body.embed .drawer,body.embed .readings{display:none}@media (width<=719px){.drawer{border-left:0;border-top:1px solid var(--line);border-radius:12px 12px 0 0;width:100%;height:62vh;top:auto;transform:translateY(100%)}body.tuning #panel-toggles{right:12px}.ribbon span:nth-child(n+5){display:none}}