:root{font-family:Segoe UI,system-ui,sans-serif;color:#e7eef6;background:#0f1419}*{box-sizing:border-box}body{margin:0}button,select,input{font:inherit;border-radius:8px;border:1px solid #334155;background:#1e293b;color:inherit;padding:.45rem .8rem}button{cursor:pointer}button.primary{background:#0d9488;border-color:#14b8a6}button.danger{background:#9f1239;border-color:#fb7185}.app{max-width:1100px;margin:0 auto;padding:1.2rem}.row{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}.stage{position:relative;background:#020617;border-radius:12px;overflow:hidden;aspect-ratio:16/9}.stage video,.stage canvas{width:100%;height:100%;object-fit:cover}.stage canvas{position:absolute;top:0;right:0;bottom:0;left:0}.hud{margin-top:.8rem;padding:.8rem 1rem;border-radius:10px;background:#1e293b}.hud.alert{background:#7f1d1d}.hud.escalated{background:#881337}.hud.notice{background:#3f3f0a}.toast{position:fixed;right:1rem;bottom:1rem;background:#0f172a;border:1px solid #22d3ee;padding:.8rem 1rem;border-radius:10px;max-width:22rem}.muted{color:#94a3b8;font-size:.9rem}.debug{font-family:ui-monospace,monospace;font-size:.8rem;white-space:pre-wrap}.card{background:#1e293b;padding:1rem;border-radius:12px;margin:.6rem 0}h1{font-size:1.4rem}label{display:block;margin:.4rem 0}input[type=number]{width:8rem}.hidden-stage{display:none}.focus-hub{--focus-accent: #14b8a6;padding:.4rem 0}.focus-hub[data-focus-theme=midnight]{--focus-accent: #6366f1}.focus-hub[data-focus-theme=forest]{--focus-accent: #22c55e}.focus-hub[data-focus-theme=sunset]{--focus-accent: #f97316}.focus-hub[data-focus-theme=ocean]{--focus-accent: #0ea5e9}.focus-ring{width:220px;height:220px;border-radius:50%;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;background:conic-gradient(var(--focus-accent) calc(var(--pct, 0) * 1%),#1e293b 0)}.focus-ring-inner{width:184px;height:184px;border-radius:50%;background:#0f1419;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem}.focus-time{font-size:2.2rem;font-variant-numeric:tabular-nums}.focus-presets,.chip-row,.theme-swatches{display:flex;gap:.5rem;flex-wrap:wrap}.chip{padding:.35rem .8rem;border-radius:999px;border:1px solid #334155;background:#1e293b;cursor:pointer}.chip.active{border-color:var(--focus-accent);background:var(--focus-accent);color:#04120f}.swatch{width:1.6rem;height:1.6rem;border-radius:50%;border:2px solid transparent;cursor:pointer;background:var(--sw)}.swatch.active{border-color:#e7eef6}.task-list{list-style:none;padding:0;margin:.6rem 0;display:flex;flex-direction:column;gap:.4rem}.task-item{display:flex;align-items:center;gap:.5rem;background:#1e293b;padding:.4rem .6rem;border-radius:8px}.task-item.active{outline:1px solid var(--focus-accent)}.task-item .task-text{flex:1}.task-item .task-text.done{text-decoration:line-through;color:#94a3b8}.local-notice{font-size:.8rem;color:#94a3b8;margin-top:1rem}.yt-dock{position:fixed;left:1rem;bottom:1rem;width:min(356px,calc(100vw - 2rem));aspect-ratio:16 / 9;border-radius:10px;overflow:hidden;background:#000;box-shadow:0 4px 16px #00000080;z-index:10}.yt-dock[hidden]{display:none}.yt-dock iframe{width:100%;height:100%;border:0;display:block}