:root{--text:#1f2a24;--text-muted:#6b7a72;--bg:#fbf8f1;--bg-glow-1:#e4efe6;--bg-glow-2:#f6ebd2;--surface:#fff;--surface-raised:#fff;--surface-hover:#1f2a240f;--border:#e5dfd1;--shadow-card:0 1px 2px #1428200d, 0 6px 16px #1428200f;--shadow-card-hover:0 2px 6px #14282012, 0 14px 30px #1428201a;--accent:#0f6b4f;--accent-2:#17916b;--accent-dark:#0a5039;--accent-soft:#0f6b4f1a;--gold:#c9a227;--gold-soft:#c9a22729;--accent-glow:#0f6b4f73;--danger-bg:#fbebe9;--danger-text:#a03a2e;--ok-text:#0f6b4f;--ok-bg:#e4efe6;--warn-text:#8a6413;--warn-bg:#f8eed6;--shadow-sm:0 1px 2px #1428200f;--shadow-md:0 8px 24px #14282014;--shadow-lg:0 16px 40px #1428201f;--radius-sm:12px;--radius-md:14px;--radius-lg:18px;--radius-pill:999px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--serif:ui-serif, "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;font:16px/1.5 -apple-system,system-ui,Segoe UI,Roboto,sans-serif}:root[data-theme=dark]{--text:#e8ede8;--text-muted:#93a79b;--bg:#0c1a15;--bg-glow-1:#123028;--bg-glow-2:#2a2415;--surface:#12241d;--surface-raised:#18302a;--surface-hover:#e8ede814;--border:#22382e;--shadow-card:0 1px 2px #0000004d, 0 6px 16px #0000004d;--shadow-card-hover:0 2px 6px #00000059, 0 14px 30px #00000073;--accent:#2e9e77;--accent-2:#3fbe8f;--accent-dark:#57c99e;--accent-soft:#2e9e7729;--gold:#d9b94a;--gold-soft:#d9b94a2e;--accent-glow:#2e9e7766;--danger-bg:#3a1f1b;--danger-text:#f0a79a;--ok-text:#4fd1a0;--ok-bg:#0f2c22;--warn-text:#e3c06a;--warn-bg:#332b12;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 8px 24px #00000059;--shadow-lg:0 16px 40px #00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{-webkit-tap-highlight-color:transparent}body{min-height:100svh;color:var(--text);background:var(--bg);background-image:radial-gradient(560px circle at 15% -5%, var(--bg-glow-1), transparent 60%), radial-gradient(480px circle at 100% 20%, var(--bg-glow-2), transparent 55%);background-repeat:no-repeat;background-attachment:fixed;margin:0}body:before{content:"";z-index:0;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg fill='none' stroke='%23C9A227' stroke-width='1.4'%3E%3Crect x='38' y='38' width='44' height='44'/%3E%3Crect x='38' y='38' width='44' height='44' transform='rotate(45 60 60)'/%3E%3C/g%3E%3C/svg%3E");background-repeat:repeat;position:fixed;inset:0}:root[data-theme=dark] body:before{opacity:.07}#root{z-index:1;max-width:480px;min-height:100svh;padding:max(20px, env(safe-area-inset-top)) 16px calc(env(safe-area-inset-bottom,0px) + 32px);flex-direction:column;margin:0 auto;display:flex;position:relative}@media (width>=620px){#root{background:var(--surface);border-radius:var(--radius-lg);max-width:460px;min-height:calc(100svh - 64px);box-shadow:var(--shadow-lg);border:1px solid var(--border);margin:32px auto;padding:28px 28px 36px}}h1{font-family:var(--serif);letter-spacing:0;margin:0 0 4px;font-size:clamp(21px,5vw,26px);font-weight:600}h2{font-family:var(--serif);margin:0 0 10px;font-size:16px;font-weight:600}p{margin:0}.tab-nav{background:var(--accent-soft);border-radius:var(--radius-pill);gap:4px;margin:14px 0 22px;padding:4px;display:flex}.tab-nav a{text-align:center;border-radius:var(--radius-pill);color:var(--text-muted);white-space:nowrap;flex:1;padding:8px 10px;font-size:13px;font-weight:600;text-decoration:none;transition:background .15s,color .15s,box-shadow .15s}.tab-nav a.active{background:var(--surface);color:var(--accent);box-shadow:var(--shadow-sm)}@media (hover:hover){.tab-nav a:not(.active):hover{color:var(--text)}}.top-meta{color:var(--text-muted);margin:2px 0 0;font-size:13px}.admin-header-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.admin-header-row h1{margin:0}.header-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.admin-header-row .header-actions{margin-top:-2px;margin-right:-8px}.listen-topbar{flex-shrink:0;justify-content:flex-end;align-self:stretch;margin-bottom:-8px;display:flex}.header-menu{position:relative}.header-menu-panel{z-index:20;background:var(--surface-raised);border-radius:var(--radius-md);min-width:168px;box-shadow:var(--shadow-card-hover);flex-direction:column;gap:4px;padding:6px;animation:.14s ease-out menu-in;display:flex;position:absolute;top:calc(100% + 8px);right:0}.header-menu-panel a{border-radius:var(--radius-sm);color:var(--text);white-space:nowrap;padding:10px 12px 10px 28px;font-size:14px;font-weight:500;text-decoration:none;transition:background .14s,color .14s;position:relative}.header-menu-panel a.active{color:var(--accent);background:var(--accent-soft);font-weight:700}.header-menu-panel a.active:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;margin-top:-3px;position:absolute;top:50%;left:12px}@media (hover:hover){.header-menu-panel a:hover{background:var(--surface-hover)}.header-menu-panel a.active:hover{background:var(--accent-soft)}}.header-menu-panel a:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}@keyframes menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.header-menu-panel{animation:none}}.toggle-row{color:var(--text);cursor:pointer;text-transform:none;letter-spacing:0;align-items:center;gap:10px;margin:0;font-size:15px;font-weight:400;display:flex}.toggle-row input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent);cursor:pointer;flex-shrink:0;margin:0}.notice-ok{background:var(--ok-bg);color:var(--ok-text)}.btn{appearance:none;font:inherit;border-radius:var(--radius-pill);background:var(--surface-raised);color:var(--text);cursor:pointer;box-shadow:var(--shadow-card);-webkit-tap-highlight-color:transparent;border:0;padding:13px 20px;font-size:15px;font-weight:600;transition:transform .16s,box-shadow .2s,background .15s,opacity .15s}@media (hover:hover){.btn:hover:not(:disabled){box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}}.btn:active:not(:disabled){box-shadow:var(--shadow-card);transform:translateY(0)scale(.98)}.btn:disabled{box-shadow:none;opacity:.5;cursor:not-allowed}.btn-block{border-radius:var(--radius-sm);width:100%;display:block}.btn-row{gap:10px;display:flex}.btn-row .btn{flex:1}.btn-primary{background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;box-shadow:0 10px 24px -8px var(--accent-glow);padding:15px 20px;font-size:16px}@media (hover:hover){.btn-primary:not(:disabled):hover{box-shadow:0 14px 28px -8px var(--accent-glow)}}.btn-danger{background:var(--surface-raised);color:var(--danger-text);box-shadow:var(--shadow-card), inset 0 0 0 1px color-mix(in srgb, var(--danger-text) 28%, transparent)}@media (hover:hover){.btn-danger:hover:not(:disabled){box-shadow:var(--shadow-card-hover), inset 0 0 0 1px color-mix(in srgb, var(--danger-text) 55%, transparent)}}.btn-ghost{color:var(--text-muted)}@media (hover:hover){.btn-ghost:hover:not(:disabled){color:var(--text)}}.btn-sm{padding:8px 14px;font-size:13px}.field{margin-bottom:14px}label{color:var(--text-muted);margin:0 0 6px;font-size:13px;font-weight:600;display:block}input{font:inherit;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--surface);width:100%;color:var(--text);padding:13px 14px;transition:border-color .15s,box-shadow .15s}input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);outline:none}.error{background:var(--danger-bg);color:var(--danger-text);border-radius:var(--radius-sm);margin-top:12px;padding:12px 14px;font-size:14px;line-height:1.4}.notice{border-radius:var(--radius-sm);margin-top:12px;padding:12px 14px;font-size:14px;line-height:1.4}.notice-warn{background:var(--warn-bg);color:var(--warn-text)}.muted{color:var(--text-muted);font-size:14px}.center{text-align:center}.card{border-radius:var(--radius-md);background:var(--surface-raised);box-shadow:var(--shadow-card);border:0;padding:16px;transition:box-shadow .2s,transform .2s}@media (hover:hover){.card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}}.card-alert{border-left:3px solid var(--danger-text)}.stat-row{gap:10px;margin:18px 0;display:flex}.stat-tile{border-radius:var(--radius-md);text-align:center;background:var(--surface-raised);box-shadow:var(--shadow-card);border:0;flex:1;padding:16px 12px;transition:box-shadow .2s,transform .2s}@media (hover:hover){.stat-tile:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}}.elapsed{font-family:var(--serif);font-variant-numeric:tabular-nums;font-size:22px;font-weight:600}.stat-tile .value{font-family:var(--serif);font-variant-numeric:tabular-nums;color:var(--accent);margin-bottom:4px;font-size:28px;font-weight:600;line-height:1}.stat-tile .label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:600}.status-badge{letter-spacing:.05em;color:var(--accent);background:var(--accent-soft);border-radius:var(--radius-pill);align-items:center;gap:7px;padding:7px 14px;font-size:12px;font-weight:700;text-decoration:none;display:inline-flex}.status-badge .dot{--dot-glow:var(--gold);background:var(--dot-glow);border-radius:50%;width:8px;height:8px;animation:2.4s ease-out infinite dot-pulse}.status-badge.warn{color:var(--warn-text);background:var(--warn-bg)}.status-badge.warn .dot{--dot-glow:var(--warn-text)}@keyframes dot-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--dot-glow) 45%, transparent)}70%{box-shadow:0 0 0 7px #0000}to{box-shadow:0 0 #0000}}.orb-wrap{justify-content:center;padding:20px 0 8px;display:flex}.orb{background:var(--surface-raised);width:172px;height:172px;box-shadow:var(--shadow-card);border-radius:50%;justify-content:center;align-items:center;display:flex;position:relative}.orb-rings{--level:0;justify-content:center;align-items:center;display:flex;position:absolute;inset:12px}.orb-dial{color:var(--accent);opacity:calc(.34 + var(--level) * .22);transform:scale(calc(1 + var(--level) * .05));justify-content:center;align-items:center;transition:transform .22s ease-out,opacity .22s ease-out;display:flex;position:absolute;inset:0}.orb-dial svg{width:100%;height:100%;animation:150s linear infinite dial-turn}.orb-ring{border:1px solid var(--accent);transform:scale(calc(1 + var(--level) * .22));opacity:max(0, calc(.3 - var(--level) * .16));border-radius:50%;transition:transform .26s ease-out,opacity .26s ease-out;position:absolute;inset:22px}.orb-core{z-index:1;background:linear-gradient(135deg, var(--accent), var(--accent-2));color:#fff;width:104px;height:104px;box-shadow:0 10px 28px -8px var(--accent-glow);transform:scale(calc(1 + var(--level) * .035));border-radius:50%;justify-content:center;align-items:center;transition:transform .24s ease-out;display:flex;position:relative}.orb-rings.is-idle-breathing .orb-core{animation:6s ease-in-out infinite orb-breathe}.orb-rings.is-offline .orb-core{background:var(--border);color:var(--text-muted);box-shadow:none}.orb-rings.is-offline .orb-ring{opacity:.18}.orb-rings.is-offline .orb-dial{opacity:.22}@keyframes orb-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.025)}}@keyframes dial-turn{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.status-badge .dot,.orb-dial svg,.orb-rings.is-idle-breathing .orb-core{animation:none}}.orb-interactive{appearance:none;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;outline:none;margin:0;padding:0;transition:transform .12s}.orb-interactive::-moz-focus-inner{border:0}.orb-interactive:active{transform:scale(.96)}.orb-interactive:focus-visible .orb-core{box-shadow:0 10px 28px -8px var(--accent-glow), 0 0 0 4px var(--accent-soft)}@media (hover:hover){.orb-interactive:hover .orb-core{transform:scale(calc(1 + var(--level,0) * .08 + .02))}}.icon-btn{appearance:none;background:var(--surface-raised);color:var(--text-muted);cursor:pointer;width:40px;height:40px;box-shadow:var(--shadow-card);-webkit-tap-highlight-color:transparent;border:0;border-radius:50%;justify-content:center;align-items:center;transition:transform .16s,color .15s,box-shadow .2s;display:inline-flex}.icon-btn:active{transform:scale(.92)}@media (hover:hover){.icon-btn:hover{color:var(--accent);box-shadow:var(--shadow-card-hover);transform:translateY(-1px)}}.seek-block{margin:4px 0 10px}.seek-slider{appearance:none;cursor:pointer;background:0 0;width:100%;height:20px;margin:0}.seek-slider::-webkit-slider-runnable-track{border-radius:var(--radius-pill);background:linear-gradient(to right, var(--accent) var(--fill,100%), var(--border) var(--fill,100%));height:5px}.seek-slider::-moz-range-track{border-radius:var(--radius-pill);background:linear-gradient(to right, var(--accent) var(--fill,100%), var(--border) var(--fill,100%));height:5px}.seek-slider::-webkit-slider-thumb{appearance:none;background:var(--accent);border:2px solid var(--surface);border-radius:50%;width:16px;height:16px;margin-top:-5.5px;box-shadow:0 1px 4px #00000040}.seek-slider::-moz-range-thumb{border:2px solid var(--surface);background:var(--accent);border-radius:50%;width:16px;height:16px;box-shadow:0 1px 4px #00000040}.seek-meta{justify-content:space-between;align-items:center;margin-top:2px;display:flex}.stack{flex-direction:column;gap:10px;display:flex}.spacer{flex:1}