:root{--flame-300:#ffbe66;--flame-400:#ffa733;--flame-500:#f59e0b;--flame-600:#e8590c;--flame-700:#b45309;--sky-400:#38bdf8;--teal-300:#5eead4;--bg:#faf8f5;--bg-elev:#fff;--bg-sunken:#f2eee8;--border:#e7e1d8;--border-strong:#d6cec2;--text:#2a2622;--text-muted:#6e655c;--text-dim:#988e83;--success:#16a34a;--danger:#dc2626;--shadow:0 8px 30px #78350f14;--r-sm:8px;--r-md:12px;--r-lg:18px;--r-xl:26px;--font:"Inter",ui-sans-serif,system-ui,sans-serif;--display:"Space Grotesk","Inter",ui-sans-serif,system-ui,sans-serif;--topbar-h:60px;--stage-bg:#0f0c0a;--stage-text:#fbf6ef;--stage-muted:#fbf6ef99}[data-theme=dark]{--bg:#0f0d0b;--bg-elev:#1a1714;--bg-sunken:#141210;--border:#2a2521;--border-strong:#3a332d;--text:#f6f1ea;--text-muted:#a99f94;--text-dim:#7c736a;--shadow:0 8px 30px #00000059}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5;overflow-x:hidden}button{cursor:pointer;color:inherit;font-family:inherit}input,textarea,select{color:inherit;font-family:inherit}a{color:inherit}h1,h2,h3{font-family:var(--display);letter-spacing:-.02em;margin:0}.muted{color:var(--text-muted)}.small{font-size:13px}.tiny{font-size:12px}.loading,.splash{min-height:60vh;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.splash{min-height:100vh}.splash svg{width:56px;height:56px;animation:1.4s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.7;transform:scale(1.12)}}.btn{border:1px solid var(--border);background:var(--bg-elev);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .12s,background .15s,border-color .15s,box-shadow .2s;display:inline-flex}.btn:hover{border-color:var(--border-strong)}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;pointer-events:none}.btn.primary{background:linear-gradient(135deg,var(--flame-600),var(--flame-500));color:#fff;border-color:#0000}.btn.primary:hover{filter:brightness(1.08)}.btn.ghost{color:var(--text-muted);background:0 0;border-color:#0000}.btn.ghost:hover{color:var(--text);background:var(--bg-sunken)}.btn.sm{padding:6px 12px;font-size:13px}.btn.lg{padding:13px 24px;font-size:16px}.btn.xl{font-size:18px;font-family:var(--display);padding:17px 34px}.btn.block{width:100%}.btn.glow{animation:2.8s ease-in-out infinite glow;box-shadow:0 0 #f59e0b80,0 10px 40px -8px #e8590cb3}@keyframes glow{50%{box-shadow:0 0 0 10px #f59e0b00,0 10px 50px -6px #e8590ce6}}.btn .play{font-size:.8em}.icon-btn{width:38px;height:38px;color:var(--text-muted);background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;font-size:16px;transition:background .15s,color .15s;display:inline-flex}.icon-btn:hover,.icon-btn.on{background:var(--bg-sunken);color:var(--text)}.icon-btn.sm{width:28px;height:28px;font-size:14px}.link{color:var(--flame-600);background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.seg{background:var(--bg-sunken);border:1px solid var(--border);border-radius:999px;gap:2px;padding:3px;display:inline-flex}.seg button{color:var(--text-muted);background:0 0;border:0;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600}.seg button.on{background:var(--bg-elev);color:var(--text);box-shadow:0 1px 3px #0000001f}.seg.sm button{padding:3px 9px;font-size:12px}.app{min-height:100vh}.topbar{z-index:40;height:var(--topbar-h);background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);align-items:center;gap:16px;padding:0 20px;display:flex;position:sticky;top:0}.brand{font-family:var(--display);letter-spacing:-.02em;align-items:center;gap:9px;font-size:18px;font-weight:700;text-decoration:none;display:flex}.tabs{gap:4px;margin:0 auto;display:flex}.tab{color:var(--text-muted);background:0 0;border:0;border-radius:999px;align-items:center;gap:7px;padding:8px 14px;font-size:14px;font-weight:600;transition:background .15s,color .15s;display:flex;position:relative}.tab:hover{color:var(--text)}.tab.on{background:var(--bg-sunken);color:var(--text)}.tab-icon{opacity:.8;font-size:13px}.tab.on .tab-icon{color:var(--flame-500);opacity:1}.tab-label .short{display:none}.tab-badge{background:var(--flame-600);color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;display:inline-flex}.top-right{align-items:center;gap:6px;display:flex}.cokpit-link{padding:7px 12px}.cokpit-link span:first-child{color:var(--flame-500)}.mini-timer{border:1px solid var(--border);background:var(--bg-elev);font-family:var(--display);font-variant-numeric:tabular-nums;border-radius:999px;align-items:center;gap:7px;padding:6px 12px;font-weight:600;display:inline-flex}.mini-timer .dot{background:var(--flame-500);border-radius:50%;width:8px;height:8px;animation:1.6s infinite pulse}.mini-timer.break .dot{background:var(--sky-400)}.user-chip{display:flex}.avatar{color:#fde7c8;border:2px solid var(--bg-elev);background:linear-gradient(135deg,#4b3a2c,#2a211a);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:inline-flex;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.launcher{position:relative}.launcher-pop{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-lg);width:340px;max-width:calc(100vw - 32px);box-shadow:var(--shadow);z-index:60;padding:12px;position:absolute;top:calc(100% + 8px);right:0}.launcher-head{justify-content:space-between;align-items:center;padding:2px 4px 10px;display:flex}.launcher-apps{gap:8px;max-height:60vh;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.launcher-apps.view-grid{grid-template-columns:1fr 1fr}.launcher-apps a{border-radius:var(--r-md);color:#2a2622;align-items:center;gap:10px;padding:10px;text-decoration:none;transition:transform .12s;display:flex}.launcher-apps.view-grid a{text-align:center;flex-direction:column}.launcher-apps a:hover{transform:translateY(-1px)}.launcher-icon{color:#fff;border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-weight:700;display:inline-flex}.launcher-text{flex-direction:column;min-width:0;display:flex}.launcher-name{font-size:13px;font-weight:600}.launcher-name em{background:var(--flame-600);color:#fff;border-radius:6px;margin-left:5px;padding:1px 5px;font-size:10px;font-style:normal}.launcher-text small{opacity:.7;font-size:11px}.launcher-foot{text-align:center;color:var(--text-muted);padding-top:10px;font-size:12px;text-decoration:none;display:block}.main{max-width:1180px;margin:0 auto;padding:20px 20px 60px}.focus-page .stage{border-radius:var(--r-xl);background:var(--stage-bg);color:var(--stage-text);min-height:calc(100vh - var(--topbar-h) - 40px);isolation:isolate;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 30px 80px -30px #0009}.focus-page.zen .stage{z-index:100;border-radius:0;min-height:100vh;position:fixed;inset:0}.stage:fullscreen{z-index:100;border-radius:0;min-height:100vh;position:fixed;inset:0}.aurora{z-index:-2;filter:blur(30px);background:radial-gradient(40% 35% at 30% 25%,#e8590c59,#0000 70%),radial-gradient(35% 30% at 75% 70%,#f59e0b38,#0000 70%),radial-gradient(30% 25% at 60% 20%,#be185d2e,#0000 70%);transition:opacity 1.2s;animation:22s ease-in-out infinite alternate aurora;position:absolute;inset:-20%}.stage-break .aurora{background:radial-gradient(40% 35% at 30% 30%,#0ea5e94d,#0000 70%),radial-gradient(35% 30% at 70% 70%,#5eead438,#0000 70%),radial-gradient(30% 25% at 55% 15%,#6366f12e,#0000 70%)}.stage.is-active .aurora{animation-duration:14s}.stage.is-paused .aurora{opacity:.4;animation-play-state:paused}@keyframes aurora{0%{transform:translate(0)rotate(0)scale(1)}50%{transform:translate(4%,-3%)rotate(8deg)scale(1.08)}to{transform:translate(-4%,3%)rotate(-6deg)scale(1.02)}}.aurora.soft{opacity:.55}.stage:after{content:"";z-index:-1;pointer-events:none;background:radial-gradient(#0000 40%,#0000008c 100%);position:absolute;inset:0}.embers{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.embers span{opacity:0;filter:blur(.3px);background:radial-gradient(circle,#ffe8b0 0%,#f59e0b 45%,#e8590c00 75%);border-radius:50%;animation:linear infinite rise;position:absolute;bottom:-10px}.embers-break span{background:radial-gradient(circle,#e0f7ff 0%,#38bdf8 45%,#0ea5e900 75%)}@keyframes rise{0%{opacity:0;transform:translate(0)scale(1)}10%{opacity:.9}70%{opacity:.6}to{transform:translate(var(--drift),-105vh) scale(.3);opacity:0}}.stage.is-paused .embers span{animation-play-state:paused}.stage-top{justify-content:space-between;align-items:center;gap:10px;padding:18px 20px;display:flex}.stage-tools{gap:6px;display:flex}.stage .icon-btn{color:var(--stage-muted);background:#ffffff0d;border-color:#ffffff14}.stage .icon-btn:hover,.stage .icon-btn.on{color:#fff;background:#ffffff1f}.live-strip{color:var(--stage-text);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);text-align:left;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:10px;max-width:100%;padding:6px 14px 6px 10px;font-size:13px;font-weight:500;display:inline-flex}.live-strip:hover{background:#ffffff1a}.live-dot{background:#22c55e;border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:1.8s infinite live;box-shadow:0 0 #22c55e99}@keyframes live{70%{box-shadow:0 0 0 8px #22c55e00}to{box-shadow:0 0 #22c55e00}}.avatars{display:inline-flex}.avatars .avatar{border-color:var(--stage-bg);margin-left:-8px}.avatars .avatar:first-child{margin-left:0}.sound-box{position:relative}.sound-pop{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--r-lg);z-index:20;background:#1c1713f0;border:1px solid #ffffff1a;width:290px;padding:12px;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 20px 50px #00000080}.sound-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.sound-grid button{border-radius:var(--r-sm);text-align:left;background:#ffffff0a;border:1px solid #ffffff14;align-items:center;gap:8px;padding:9px 10px;font-size:13px;font-weight:500;display:flex}.sound-grid button.on{border-color:var(--flame-500);background:#f59e0b26}.sound-grid .si{text-align:center;opacity:.85;width:20px;font-size:15px}.sound-grid.wide{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.settings-page .sound-grid button{border-color:var(--border);background:var(--bg-sunken)}.settings-page .sound-grid button.on{border-color:var(--flame-500);background:color-mix(in srgb,var(--flame-500) 14%,var(--bg-elev))}.vol{align-items:center;gap:10px;margin:12px 0 4px;font-size:13px;font-weight:500;display:flex}.vol input{accent-color:var(--flame-500);flex:1}.sound-pop .tiny{color:var(--stage-muted);margin:4px 0 0}.stage-body{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:26px;padding:0 20px;display:flex}.intent{text-align:center;width:min(620px,100%);animation:.5s fadeUp}.intent-q{font-family:var(--display);letter-spacing:-.02em;margin-bottom:14px;font-size:clamp(22px,3vw,30px);font-weight:600;display:block}.intent-input{color:#fff;text-align:center;background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;outline:none;width:100%;padding:15px 24px;font-size:17px;transition:border-color .2s,background .2s,box-shadow .2s}.intent-input::placeholder{color:#ffffff59}.intent-input:focus{border-color:var(--flame-500);background:#ffffff17;box-shadow:0 0 0 4px #f59e0b26}.chips{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:14px;display:flex}.chip{color:var(--stage-muted);text-overflow:ellipsis;white-space:nowrap;background:#ffffff0a;border:1px solid #ffffff1f;border-radius:999px;max-width:280px;padding:6px 13px;font-size:13px;transition:all .15s;overflow:hidden}.chip:hover{color:#fff;border-color:#ffffff4d}.chip.on{color:#fff;border-color:var(--flame-500);background:#f59e0b29}.chip-mark{color:var(--flame-400);margin-right:6px}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.ring{aspect-ratio:1;max-width:82vw;max-height:82vw;position:relative}.ring svg{width:100%;height:100%;overflow:visible}.ring .track{fill:none;stroke:#ffffff12;stroke-width:2.2px}.ring .arc,.ring .arc-glow{fill:none;stroke-width:2.6px;stroke-linecap:round;transition:stroke-dashoffset .25s linear}.ring .arc-glow{stroke-width:4px;opacity:.6}.ring .tick{stroke:#ffffff24;stroke-linecap:round;transition:stroke .4s}.ring-focus .tick.lit{stroke:#fde68ab3}.ring-break .tick.lit{stroke:#5eead4b3}.ring .head{fill:#fff;filter:drop-shadow(0 0 4px #fde68a)drop-shadow(0 0 8px #f59e0b)}.ring-break .head{filter:drop-shadow(0 0 4px #a5f3fc)drop-shadow(0 0 8px #38bdf8)}.ring.is-paused .arc{opacity:.55}.ring-center{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:18%;display:flex;position:absolute;inset:0}.phase-label{text-transform:uppercase;letter-spacing:.24em;color:var(--flame-300);font-size:12px;font-weight:600}.ring-break .phase-label{color:var(--teal-300)}.clock{font-family:var(--display);font-variant-numeric:tabular-nums;letter-spacing:-.03em;text-shadow:0 0 40px #f59e0b40;margin:6px 0 4px;font-size:clamp(54px,9vw,84px);font-weight:600;line-height:1.05}.zen .clock{font-size:clamp(64px,11vw,110px)}.ring-intent{color:var(--stage-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;font-size:14px;display:-webkit-box;overflow:hidden}.paused-tag{text-transform:uppercase;letter-spacing:.18em;background:#ffffff1a;border-radius:999px;margin-top:8px;padding:3px 10px;font-size:11px}.controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;min-height:60px;display:flex}.btn.round{border-radius:50%;width:62px;height:62px;padding:0;font-size:18px}.stage .btn.round:not(.primary){color:#fff;background:#ffffff1a;border-color:#ffffff24}.btn.ghost-light{color:var(--stage-text);background:#ffffff0f;border-color:#ffffff1f}.btn.ghost-light:hover{background:#ffffff1f}.btn.danger-soft:hover{color:#fca5a5;border-color:#f8717180}.break-btn{background:linear-gradient(135deg,#0ea5e9,#14b8a6)!important}.modes{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.mode{border-radius:var(--r-md);min-width:96px;color:var(--stage-muted);background:#ffffff0a;border:1px solid #ffffff1a;flex-direction:column;align-items:center;gap:1px;padding:8px 16px;transition:all .15s;display:flex}.mode b{color:var(--stage-text);font-size:13px}.mode span{font-variant-numeric:tabular-nums;font-size:12px}.mode:hover{border-color:#ffffff40}.mode.on{border-color:var(--flame-500);background:#f59e0b24}.breathing{justify-content:center;display:flex}.breath-orb{letter-spacing:.06em;background:radial-gradient(circle at 35% 35%,#a5f3fc8c,#0ea5e940 60%,#0ea5e90d);border-radius:50%;justify-content:center;align-items:center;width:110px;height:110px;font-size:13px;font-weight:600;transition:transform 5s ease-in-out;display:flex;box-shadow:0 0 50px #38bdf859}.breath-orb.in{transform:scale(1.25)}.breath-orb.out{transform:scale(.8)}.stage-bottom{flex-direction:column;align-items:center;gap:10px;padding:20px 24px 24px;display:flex}.goal-dots{flex-wrap:wrap;justify-content:center;align-items:center;gap:7px;display:flex}.gd{border:1.5px solid #ffffff40;border-radius:50%;width:11px;height:11px;transition:all .4s}.gd.on{background:linear-gradient(135deg,var(--flame-600),var(--flame-300));border-color:#0000;box-shadow:0 0 10px #f59e0b99}.gd.bonus.on{background:linear-gradient(135deg,#fde68a,#fff)}.gd-label{color:var(--stage-muted);margin-left:6px;font-size:12px}.spark{color:var(--stage-muted);text-align:center;max-width:560px;margin:0;font-size:14px;font-style:italic}.zen .stage-top .live-strip,.zen .stage-bottom .spark{opacity:.5}.focus-cards,.kpis{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px;display:grid}.kpi{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-lg);text-align:left;font-size:inherit;flex-direction:column;gap:3px;padding:16px 18px;display:flex}button.kpi:hover{border-color:var(--border-strong)}.kpi-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);font-size:12px;font-weight:600}.kpi-value{font-family:var(--display);letter-spacing:-.02em;font-size:26px;font-weight:600}.kpi-value small{color:var(--text-muted);font-size:15px}.kpi-sub{color:var(--text-muted);font-size:13px}.kpi-sub.up{color:var(--success)}.kpi-sub.down{color:var(--text-muted)}.kpi.hot{background:linear-gradient(135deg,color-mix(in srgb,var(--flame-600) 16%,var(--bg-elev)),var(--bg-elev));border-color:color-mix(in srgb,var(--flame-500) 40%,var(--border))}.lvl-icon{color:var(--flame-500)}.bar{background:var(--bg-sunken);border-radius:3px;height:6px;margin:6px 0 2px;display:block;overflow:hidden}.bar span{background:linear-gradient(90deg,var(--flame-600),var(--flame-300));border-radius:3px;height:100%;transition:width .6s;display:block}.bar.big{background:#ffffff1a;height:9px;margin:14px 0 8px}.kbd-row{color:var(--text-muted);font-size:13px}kbd{font-family:var(--font);border:1px solid var(--border-strong);background:var(--bg-sunken);color:var(--text);border-bottom-width:2px;border-radius:5px;margin-right:6px;padding:1px 6px;font-size:11px;font-weight:600}.modal-back{z-index:200;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0a080699;justify-content:center;align-items:center;padding:16px;animation:.2s fade;display:flex;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.modal{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-xl);width:min(480px,100%);padding:26px;animation:.35s cubic-bezier(.2,1.4,.4,1) pop;box-shadow:0 30px 80px #0006}@keyframes pop{0%{opacity:0;transform:scale(.92)translateY(10px)}}.debrief-head{text-align:center;margin-bottom:18px}.burst{font-size:44px;animation:.8s burst}@keyframes burst{0%{transform:scale(.3)rotate(-20deg)}60%{transform:scale(1.25)rotate(8deg)}to{transform:none}}.debrief-head h2{margin:4px 0;font-size:26px}.debrief-head p{margin:0}.field-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);margin:14px 0 8px;font-size:12px;font-weight:600}.outcomes{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.outcome{border-radius:var(--r-md);border:1.5px solid var(--border);background:var(--bg-sunken);flex-direction:column;align-items:center;gap:2px;padding:12px 6px;transition:all .15s;display:flex}.outcome .oi{font-size:20px}.outcome small{color:var(--text-muted);text-align:center;font-size:11px}.outcome.on.o-done{border-color:var(--success);background:color-mix(in srgb,var(--success) 12%,var(--bg-elev))}.outcome.on.o-progress{border-color:var(--flame-500);background:color-mix(in srgb,var(--flame-500) 12%,var(--bg-elev))}.outcome.on.o-blocked{background:color-mix(in srgb,#a855f7 12%,var(--bg-elev));border-color:#a855f7}.energy{justify-content:space-between;gap:8px;display:flex}.energy button{border-radius:var(--r-md);border:1.5px solid var(--border);background:var(--bg-sunken);filter:grayscale(.6);flex:1;padding:8px 0;font-size:24px;transition:all .15s}.energy button.on{filter:none;border-color:var(--flame-500);transform:scale(1.06)}.note{border:1px solid var(--border);background:var(--bg-sunken);border-radius:var(--r-md);resize:vertical;outline:none;width:100%;margin-top:14px;padding:10px 12px;font-size:14px}.note:focus{border-color:var(--flame-500)}.modal-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.toast{z-index:300;color:#fbf6ef;cursor:pointer;background:#1c1814;border:1px solid #ffffff1f;border-radius:999px;max-width:calc(100vw - 32px);padding:12px 20px;font-weight:500;animation:.35s cubic-bezier(.2,1.4,.4,1) toast;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 20px 50px #0006}.toast-cheer{background:linear-gradient(135deg,var(--flame-600),var(--flame-500));border-color:#0000}.toast-success{border-color:#22c55e80}.toast-error{border-color:#f8717199}@keyframes toast{0%{opacity:0;transform:translate(-50%,20px)}}.room-hero,.level-hero{isolation:isolate;border-radius:var(--r-xl);background:var(--stage-bg);color:var(--stage-text);margin-bottom:24px;padding:40px 28px;position:relative;overflow:hidden}.room-hero-inner{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.room-hero h1{font-size:clamp(28px,4.5vw,44px)}.room-hero .muted{color:var(--stage-muted);max-width:520px;margin:0}.live-big{text-transform:uppercase;letter-spacing:.18em;color:#86efac;align-items:center;gap:8px;font-size:12px;font-weight:600;display:inline-flex}.room-totals{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:14px;display:flex}.room-totals div{border-radius:var(--r-md);background:#ffffff0f;border:1px solid #ffffff1a;flex-direction:column;align-items:center;min-width:120px;padding:10px 18px;display:flex}.room-totals b{font-family:var(--display);font-size:22px}.room-totals span{color:var(--stage-muted);font-size:12px}.notice{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-md);margin-bottom:18px;padding:12px 16px}.section-title{margin:0 0 14px;font-size:17px}.room-page section{margin-bottom:28px}.empty{padding:6px 0}.people{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px;display:grid}.person{text-align:center;background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-lg);flex-direction:column;align-items:center;gap:4px;padding:18px 12px 14px;animation:.4s fadeUp;display:flex;position:relative}.person.me{border-color:color-mix(in srgb,var(--flame-500) 50%,var(--border))}.person-ring{background:conic-gradient(var(--flame-500) var(--p),var(--bg-sunken) 0);border-radius:50%;margin-bottom:6px;padding:4px}.person.break .person-ring{background:conic-gradient(var(--sky-400) var(--p),var(--bg-sunken) 0)}.person-ring .avatar{border:3px solid var(--bg-elev)}.person-name{font-weight:600}.person-time{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:13px}.person-intent{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:12px;font-style:italic;display:-webkit-box;overflow:hidden}.cheer{border:1px solid var(--border);background:var(--bg-sunken);border-radius:999px;margin-top:6px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .15s}.cheer:hover:not(:disabled){border-color:var(--flame-500);color:var(--flame-600);transform:scale(1.04)}.cheer:disabled{opacity:.6;cursor:default}.board{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-lg);margin:0 0 10px;padding:0;list-style:none;overflow:hidden}.board li{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:12px 16px;display:flex}.board li:last-child{border-bottom:0}.board li.me{background:color-mix(in srgb,var(--flame-500) 8%,var(--bg-elev))}.rank{background:var(--bg-sunken);width:26px;height:26px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex}.rank.r1{color:#422006;background:linear-gradient(135deg,#fde68a,#f59e0b)}.rank.r2{color:#1f2937;background:linear-gradient(135deg,#e5e7eb,#9ca3af)}.rank.r3{color:#fff;background:linear-gradient(135deg,#fed7aa,#c2410c)}.b-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:600;overflow:hidden}.b-name em{color:var(--text-muted);font-style:normal;font-weight:400}.b-days{color:var(--text-muted);font-size:12px}.b-time{font-family:var(--display);font-variant-numeric:tabular-nums;font-weight:600}.level-hero{align-items:center;gap:28px;display:flex}.lvl-badge{background:linear-gradient(145deg,var(--flame-600),var(--flame-300));border-radius:32px;flex-shrink:0;justify-content:center;align-items:center;width:120px;height:120px;display:flex;transform:rotate(-6deg);box-shadow:0 20px 50px -10px #e8590cb3,inset 0 2px #ffffff4d}.lvl-badge span{color:#fff;text-shadow:0 2px 10px #0003;font-size:56px;transform:rotate(6deg)}.lvl-text{flex:1;min-width:0}.eyebrow{text-transform:uppercase;letter-spacing:.18em;color:var(--flame-300);font-size:12px;font-weight:600}.level-hero h1{margin:2px 0;font-size:clamp(32px,5vw,48px)}.level-hero p{color:var(--stage-muted);margin:0}.level-hero .muted{color:var(--stage-muted)}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--r-lg)}.card.pad{margin-top:18px;padding:20px 22px}.two-cols{grid-template-columns:1fr 1fr;gap:18px;display:grid}.two-cols .card.pad{margin-top:18px}.heatmap{gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.hm-days{color:var(--text-dim);grid-template-rows:repeat(7,14px);gap:4px;font-size:10px;display:grid}.hm-grid{gap:4px;display:flex}.hm-col{grid-template-rows:repeat(7,14px);gap:4px;display:grid}.hm-cell{background:var(--bg-sunken);border:1px solid var(--border);border-radius:4px;width:14px;height:14px;display:inline-block}.hm-cell.l1{background:color-mix(in srgb,var(--flame-500) 28%,var(--bg-elev));border-color:#0000}.hm-cell.l2{background:color-mix(in srgb,var(--flame-500) 50%,var(--bg-elev));border-color:#0000}.hm-cell.l3{background:color-mix(in srgb,var(--flame-600) 75%,var(--bg-elev));border-color:#0000}.hm-cell.l4{background:linear-gradient(135deg,var(--flame-600),var(--flame-300));border-color:#0000;box-shadow:0 0 8px #f59e0b73}.hm-cell.today{outline:2px solid var(--text);outline-offset:1px}.hm-cell.future{opacity:.35}.hm-legend{color:var(--text-dim);justify-content:flex-end;align-items:center;gap:4px;margin-top:10px;font-size:11px;display:flex}.hours{align-items:flex-end;gap:4px;height:150px;margin-top:10px;display:flex}.hour{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;height:100%;display:flex}.hour-bar{background:color-mix(in srgb,var(--flame-500) 40%,var(--bg-sunken));border-radius:4px 4px 2px 2px;width:100%;transition:height .6s}.hour.best .hour-bar{background:linear-gradient(180deg,var(--flame-300),var(--flame-600))}.hour-label{color:var(--text-dim);height:12px;font-size:10px}.intents{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.intents li{grid-template-columns:minmax(0,1.2fr) 1fr auto;align-items:center;gap:10px;font-size:13px;display:grid}.i-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.done-mark{color:var(--success);margin-right:6px;font-weight:700}.i-bar{background:var(--bg-sunken);border-radius:4px;height:8px;overflow:hidden}.i-bar span{background:linear-gradient(90deg,var(--flame-600),var(--flame-400));border-radius:4px;height:100%;display:block}.i-time{font-variant-numeric:tabular-nums;color:var(--text-muted)}.outcome-bar{border-radius:var(--r-sm);gap:4px;margin-bottom:10px;display:flex;overflow:hidden}.ob{color:#fff;white-space:nowrap;text-overflow:ellipsis;padding:8px 10px;font-size:12px;font-weight:600;overflow:hidden}.ob-done{background:var(--success)}.ob-progress{background:var(--flame-500)}.ob-blocked{background:#a855f7}.recent{margin:0;padding:0;list-style:none}.recent li{border-bottom:1px solid var(--border);grid-template-columns:150px minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:10px 0;font-size:13px;display:grid}.recent li:last-child{border-bottom:0}.recent li.interrupted{opacity:.65}.r-date{color:var(--text-muted);text-transform:capitalize}.r-intent{flex-direction:column;min-width:0;display:flex}.r-intent small{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.r-meta{font-variant-numeric:tabular-nums;align-items:center;gap:8px;display:flex}.tag{background:var(--bg-sunken);color:var(--text-muted);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.tag.t-done{background:color-mix(in srgb,var(--success) 15%,var(--bg-elev));color:var(--success)}.tag.t-progress{background:color-mix(in srgb,var(--flame-500) 15%,var(--bg-elev));color:var(--flame-700)}.tag.t-blocked{background:color-mix(in srgb,#a855f7 15%,var(--bg-elev));color:#9333ea}[data-theme=dark] .tag.t-progress{color:var(--flame-300)}.path{gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.step{border-radius:var(--r-md);background:var(--bg-sunken);border:1px solid var(--border);opacity:.55;flex-direction:column;flex:1;align-items:center;gap:2px;min-width:84px;padding:12px 6px;display:flex}.step-icon{font-size:22px}.step small{color:var(--text-muted);font-size:11px}.step.past{opacity:.9}.step.past .step-icon{color:var(--flame-500)}.step.current{opacity:1;border-color:var(--flame-500);background:color-mix(in srgb,var(--flame-500) 12%,var(--bg-elev));box-shadow:0 0 20px #f59e0b40}.step.current .step-icon{color:var(--flame-500)}.empty-hero{text-align:center;padding:50px 20px 20px}.big-icon{color:var(--flame-500);font-size:48px}.empty-hero h1{margin:8px 0;font-size:30px}.settings-page{max-width:720px;margin:0 auto}.settings-page h1{margin:6px 0 4px;font-size:30px}.mode-list{flex-direction:column;gap:8px;margin-bottom:14px;display:flex}.mode-row{border:1.5px solid var(--border);border-radius:var(--r-md);cursor:pointer;align-items:center;gap:12px;padding:12px 14px;transition:border-color .15s;display:flex}.mode-row.on{border-color:var(--flame-500);background:color-mix(in srgb,var(--flame-500) 7%,var(--bg-elev))}.mode-row input{accent-color:var(--flame-500)}.mode-row>span:nth-child(2){flex-direction:column;flex:1;display:flex}.mode-row small,.toggle-row small,.row-field small{color:var(--text-muted);font-size:12px}.custom-durations{align-items:center;gap:6px;display:flex}.num{color:var(--text-muted);align-items:center;gap:5px;font-size:13px;display:inline-flex}.num input{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg-sunken);text-align:center;outline:none;width:58px;padding:6px 8px;font-size:14px}.num input:focus{border-color:var(--flame-500)}.row-field,.toggle-row{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:14px;padding:12px 0;display:flex}.row-field>span:first-child,.toggle-row>span{flex-direction:column;display:flex}.inline{color:var(--text-muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.switch{appearance:none;background:var(--border-strong);cursor:pointer;border-radius:13px;flex-shrink:0;width:44px;height:26px;margin:0;transition:background .2s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.switch:checked{background:var(--flame-500)}.switch:checked:after{transform:translate(18px)}.inline-btns{gap:8px;padding-bottom:12px;display:flex}.account{justify-content:space-between;align-items:center;gap:12px;display:flex}.account>div{flex-direction:column;display:flex}.login{background:var(--stage-bg);min-height:100vh;color:var(--stage-text);isolation:isolate;justify-content:center;align-items:center;padding:16px;display:flex;position:relative;overflow:hidden}.login-aurora{z-index:-1;filter:blur(40px);background:radial-gradient(40% 35% at 30% 30%,#e8590c66,#0000 70%),radial-gradient(35% 30% at 70% 70%,#f59e0b40,#0000 70%);animation:20s ease-in-out infinite alternate aurora;position:absolute;inset:-20%}.login-card{text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--r-xl);background:#ffffff0d;border:1px solid #ffffff1a;width:min(420px,100%);padding:36px 28px}.login-card svg{width:60px;height:60px}.login-card h1{margin:10px 0 4px;font-size:36px}.login-tag{color:var(--flame-300);margin:0 0 20px;font-weight:500}.login-points{text-align:left;color:var(--stage-muted);flex-direction:column;gap:10px;margin:0 0 26px;padding:0;list-style:none;display:flex}.login-points li:before{content:"✦";color:var(--flame-400);margin-right:10px}@media (width<=860px){.focus-cards,.kpis{grid-template-columns:1fr 1fr}.kpi.shortcuts{display:none}.two-cols{grid-template-columns:1fr}.tab-label .long{display:none}.tab-label .short{display:inline}}@media (width<=640px){.main{padding:12px 16px 90px}.topbar{gap:8px;padding:0 12px}.brand span,.hide-sm{display:none}.tabs{background:color-mix(in srgb,var(--bg) 92%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--border);padding:6px 4px calc(6px + env(safe-area-inset-bottom));z-index:50;justify-content:space-around;margin:0;position:fixed;bottom:0;left:0;right:0}.tab{flex-direction:column;gap:2px;padding:6px 10px;font-size:11px}.tab-icon{font-size:17px}.tab-badge{position:absolute;top:0;right:4px}.focus-page .stage{min-height:calc(100vh - var(--topbar-h) - 100px);border-radius:var(--r-lg)}.stage-top{padding:12px}.live-strip{font-size:12px}.stage-body{gap:20px}.btn.xl{padding:15px 26px;font-size:17px}.mode{min-width:0;padding:7px 11px}.level-hero{text-align:center;flex-direction:column;gap:18px;padding:30px 20px}.lvl-badge{width:96px;height:96px}.recent li{grid-template-columns:1fr auto;grid-template-areas:"date del""intent intent""meta meta"}.recent .r-date{grid-area:date}.recent .r-intent{grid-area:intent}.recent .r-meta{grid-area:meta}.recent .icon-btn{grid-area:del}.outcomes{grid-template-columns:1fr 1fr 1fr}.modal{padding:20px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.embers{display:none}}
