:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:#0f172a;background:#e5e7eb;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}button:disabled{opacity:.55;cursor:not-allowed}.app{background:linear-gradient(#f1f5f9,#e5e7eb);min-height:100vh;padding:8px 10px 96px}.app.dark{color:#e5e7eb;background:radial-gradient(circle at top,#1e1b4b 0,#09090b 42%,#020617 100%)}.shell{max-width:620px;margin:0 auto}.top{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);padding:2px 0 8px;position:sticky;top:0}.brand,.card,.panel,.bottom,.sheet{background:#ffffffeb;border:1px solid #0f172a14;box-shadow:0 12px 30px #0f172a14}.dark .brand,.dark .card,.dark .panel,.dark .bottom,.dark .sheet{background:#0f172ae0;border-color:#94a3b838;box-shadow:0 20px 40px #00000059}.muted{color:#94a3b8}.scene-head{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin:0 0 8px;display:grid}.scene-head h1{margin:0 0 2px;font-size:clamp(18px,5vw,26px);line-height:1.05}.round{text-align:center;background:#0f172a14;border:1px solid #0f172a2e;border-radius:18px;min-width:96px;padding:6px 8px;font-weight:900;box-shadow:inset 0 1px #ffffff73}.dark .round{color:#f8fafc;background:#e2e8f029;border-color:#e2e8f04d}.round.new{color:#065f46;background:#10b9812e;border-color:#34d399;box-shadow:0 0 16px #10b98147}.dark .round.new{color:#a7f3d0}.round small{text-transform:uppercase;letter-spacing:.08em;font-size:10px;display:block}.icon-btn,.small-btn{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:999px;font-weight:900}.icon-btn{width:40px;height:40px}.small-btn{padding:7px 10px;font-size:12px}.small-btn.suggested{color:#92400e;background:#fef3c7;border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b24}.dark .icon-btn,.dark .small-btn{color:#e2e8f0;background:#1e293b;border-color:#475569}.dark .small-btn.suggested{color:#fde68a;background:#78350f;border-color:#f59e0b}.primary{color:#fff;background:#020617;border-radius:24px;padding:12px 16px;font-weight:900}.primary.next-round{background:#059669;box-shadow:0 0 16px #10b98159}.primary.blocked{background:#a21caf}.danger-btn{color:#7f1d1d;background:#fee2e2;border:1px solid #fecaca;border-radius:20px;padding:10px;font-weight:900}.menu-topline{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.version-chip{color:#64748b;background:#94a3b82e;border-radius:999px;padding:4px 9px;font-size:11px;font-weight:900}.dark .version-chip{color:#cbd5e1}.theme-toggle{color:#64748b;background:#f8fafc;border:1px solid #cbd5e1;border-radius:999px;justify-content:space-between;align-items:center;width:92px;height:42px;padding:0 5px;font-weight:900;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px 4px #0f172a1f,0 6px 18px #0f172a1f}.theme-toggle span{z-index:2;place-items:center;width:34px;height:34px;line-height:1;display:grid;position:relative}.theme-toggle span:last-of-type{transform:translate(1px,1px)}.theme-toggle i{z-index:1;background:#fbbf24;border-radius:999px;width:34px;height:34px;transition:all .2s;position:absolute;top:4px;left:4px;box-shadow:0 4px 12px #0f172a47}.theme-toggle.dark-on{color:#e2e8f0;background:#111827;border-color:#475569}.theme-toggle.dark-on i{background:#60a5fa;transform:translate(50px)}.restore-row{background:#94a3b81f;border-radius:20px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin-top:12px;padding:8px;display:grid}.restore-row.discreet{opacity:.86;background:0 0;border-top:1px solid #94a3b840;border-radius:0;margin-top:16px;padding:12px 0 0}.restore-row label{color:#64748b;font-size:12px;font-weight:900}.restore-row select{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:14px;min-width:0;padding:8px 10px;font-weight:800}.dark .restore-row select{color:#e2e8f0;background:#020617;border-color:#475569}.scene-notes{border-radius:22px;margin-bottom:8px;padding:10px 12px;line-height:1.45}.turn-row{grid-template-columns:auto 1fr auto;gap:8px;display:grid}.turn-btn{color:#fff;background:#020617;border:1px solid #0f172a33;border-radius:18px;place-items:center;width:44px;min-height:44px;font-size:20px;font-weight:900;display:grid}.turn-btn.compact{border-radius:16px;width:40px;min-height:40px;font-size:18px}.turn-btn.next-round{background:#059669;box-shadow:0 0 16px #10b98159}.turn-btn.blocked{background:#a21caf}.active-box{border-radius:22px;min-width:0;padding:8px 10px}.turn-active-line{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.active-name{flex:1;min-width:0}.active-name strong{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.global-mini{flex:none;align-items:center;gap:3px;display:flex}.global-mini>button{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:999px;width:24px;height:24px;font-size:14px;font-weight:900}.dark .global-mini>button{color:#e2e8f0;background:#0f172a;border-color:#475569}.global-mini-main{background:#94a3b81f;border:1px solid #94a3b838;border-radius:999px;align-items:center;gap:5px;padding:3px 5px;display:flex}.global-mini-main>span{text-overflow:ellipsis;white-space:nowrap;color:#64748b;text-transform:uppercase;letter-spacing:.04em;max-width:58px;font-size:10px;font-weight:900;overflow:hidden}.dark .global-mini-main>span{color:#cbd5e1}.global-clock.clock-face{border-width:2px!important;width:34px!important;height:34px!important;padding:5px 0 4px!important}.global-clock.clock-face:before{inset:4px}.global-clock.clock-face span{font-size:12px}.global-clock.clock-face small{font-size:7px}.card{border-radius:28px;margin:12px 0;scroll-margin:140px 0 100px;transition:all .2s;overflow:hidden}.card.active{border:4px solid var(--accent,#38bdf8);transform:scale(1.01)}.card.triggered{border:2px solid #d946ef}.card.collapsed .trackers{display:none}.card-head{text-align:left;width:100%;color:inherit;background:0 0;align-items:flex-start;gap:10px;padding:14px;display:flex}.card-main{min-width:0;color:inherit;text-align:left;background:0 0;border:0;flex:1;align-items:flex-start;gap:12px;padding:0;display:flex}.collapse-btn{flex:none;margin-top:3px}.avatar{color:#fff;border-radius:16px;flex:none;place-items:center;width:46px;height:46px;font-weight:900;display:grid}.avatar.slate{background:#020617}.avatar.red{background:#7f1d1d}.avatar.orange{background:#c2410c}.avatar.amber{color:#111827;background:#b45309}.avatar.emerald{background:#047857}.avatar.cyan{background:#0e7490}.avatar.blue{background:#1e3a8a}.avatar.violet{background:#4c1d95}.avatar.pink{background:#9d174d}.avatar.rose{background:#9f1239}.info{flex:1;min-width:0}.name-line{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.name-line strong{font-size:16px}.chip{color:#475569;background:#e2e8f0;border-radius:999px;padding:3px 8px;font-size:10px;font-weight:900}.dark .chip{color:#cbd5e1;background:#334155}.chip.hot{color:#fff;background:#d946ef}.trackers{border-top:1px solid #94a3b833;gap:8px;padding:12px;display:grid}.tracker{background:#f8fafcbf;border:1px solid #0f172a14;border-radius:20px;min-width:0;padding:10px}.dark .tracker{background:#02061773;border-color:#94a3b833}.tracker.triggered{background:#d946ef24;border-color:#d946ef}.tracker-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;font-weight:900;display:flex}.tracker-top.with-clock{min-height:52px;margin-bottom:0}.tracker-top.with-clock>span:first-child{flex:1;min-width:0}.tracker-edit-head{grid-template-columns:minmax(0,1fr) 112px auto;align-items:center;gap:8px;margin-bottom:8px;display:grid}.tracker-edit-head input,.tracker-edit-head select{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:14px;width:100%;min-width:0;padding:8px 10px}.compact-danger{border-radius:16px;padding:8px 10px}.dark .tracker-edit-head input,.dark .tracker-edit-head select{color:#e2e8f0;background:#020617;border-color:#475569}.controls{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;display:grid}.controls>button,.clock-inline button:not(.clock-face){background:#fff;border:1px solid #cbd5e1;border-radius:999px;width:34px;height:34px;font-weight:900}.dark .controls>button,.dark .clock-inline button:not(.clock-face){color:#e2e8f0;background:#0f172a;border-color:#475569}.clock-inline{flex:none;align-items:center;gap:5px;display:flex}.delta{justify-content:center;margin-bottom:4px;display:flex}.delta button,.delta-pop button{color:#fff;background:#020617;border-radius:999px;padding:5px 12px;font-size:11px;font-weight:900}.delta-pop{justify-content:center;gap:6px;margin-bottom:8px;display:flex}.delta-pop input{border:1px solid #cbd5e1;border-radius:14px;width:82px;padding:6px 8px;font-weight:900}.bar-bg{background:#cbd5e1;border-radius:999px;height:16px;position:relative;overflow:hidden}.bar-fill{background:#0f172a;border-radius:999px;height:100%}.bar-fill.warn{background:#f59e0b}.bar-fill.danger{background:#ef4444}.bar-over{opacity:.85;background:#10b981;height:100%;position:absolute;top:0;right:0}.bar-under{opacity:.85;background:#991b1b;height:100%;position:absolute;top:0;left:0}.dots,.clock,.boxes{flex-wrap:wrap;gap:6px;display:flex}.dot{background:#fff;border:1px solid #64748b;border-radius:999px;width:22px;height:22px}.dot.on{background:#020617}.dark .dot{background:#0f172a}.dark .dot.on{background:#38bdf8}.clock-face{color:#0f172a;flex:none;grid-template-rows:1fr auto;position:relative;overflow:hidden;background:conic-gradient(#0f172a var(--clock-progress),#e2e8f0 0)!important;border:2px solid #64748b!important;border-radius:999px!important;place-items:center!important;width:46px!important;height:46px!important;padding:7px 0 5px!important;display:grid!important}.clock-face:before{content:"";background:#fff;border-radius:999px;position:absolute;inset:6px}.clock-face span,.clock-face small{z-index:1;line-height:1;position:relative}.clock-face span{align-self:end;font-size:15px;font-weight:900}.clock-face small{color:#64748b;font-size:8px;font-weight:900}.clock-face.warning{box-shadow:0 0 0 2px #eab3081c;background:conic-gradient(#ca8a04 var(--clock-progress),#fef3c7 0)!important;border-color:#eab308!important}.clock-face.near{box-shadow:0 0 0 3px #f59e0b2e,0 0 12px #f59e0b3d;background:conic-gradient(#f59e0b var(--clock-progress),#fed7aa 0)!important;border-color:#f59e0b!important}.clock-face.triggered{animation:1.2s ease-in-out infinite statusPulse;background:conic-gradient(#d946ef var(--clock-progress),#f5d0fe 0)!important;border-color:#d946ef!important}.dark .clock-face{color:#e2e8f0;background:conic-gradient(#38bdf8 var(--clock-progress),#334155 0)!important;border-color:#94a3b8!important}.dark .clock-face:before{background:#0f172a}.dark .clock-face.warning{background:conic-gradient(#ca8a04 var(--clock-progress),#422006 0)!important;border-color:#eab308!important}.dark .clock-face.near{background:conic-gradient(#f59e0b var(--clock-progress),#78350f 0)!important;border-color:#fbbf24!important}.box-row{grid-template-columns:minmax(56px,.35fr) 1fr;align-items:center;gap:8px;width:100%;display:grid}.box-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;padding:5px 0;font-size:10px;font-weight:900}.box{background:#f8fafc;border:2px solid #475569;border-radius:2px;place-items:center;width:30px;height:30px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #fffc}.box.mark-1:after{content:"";background:currentColor;width:2px;height:34px;position:absolute;transform:rotate(45deg)}.box.mark-2:before,.box.mark-2:after,.box.mark-3:before,.box.mark-3:after,.box.mark-4:before,.box.mark-4:after{content:"";background:currentColor;width:2px;height:34px;position:absolute}.box.mark-2:before,.box.mark-3:before,.box.mark-4:before{transform:rotate(45deg)}.box.mark-2:after,.box.mark-3:after,.box.mark-4:after{transform:rotate(-45deg)}.box.mark-3{background-image:linear-gradient(90deg,#0000 calc(50% - 1px),currentColor calc(50% - 1px) calc(50% + 1px),#0000 calc(50% + 1px))}.box.mark-4{background-image:linear-gradient(90deg,#0000 32%,currentColor 32% 38%,#0000 38% 62%,currentColor 62% 68%,#0000 68%)}.box.full,.box.mark-5{color:#020617;box-shadow:none;background:#020617;border-color:#020617}.dark .box{color:#e2e8f0;background:#0f172a;border-color:#94a3b8;box-shadow:inset 0 0 0 2px #94a3b824}.dark .box.full,.dark .box.mark-5{color:#e2e8f0;background:#e2e8f0;border-color:#f8fafc}.box.preview{pointer-events:none;width:22px;height:22px}.box.preview.mark-1:after,.box.preview.mark-2:before,.box.preview.mark-2:after,.box.preview.mark-3:before,.box.preview.mark-3:after,.box.preview.mark-4:before,.box.preview.mark-4:after{height:25px}.box-editor{background:#94a3b81f;border-radius:18px;min-width:0;margin-top:8px;padding:8px}.box-edit-row{background:#ffffffa6;border:1px solid #94a3b84d;border-radius:14px;gap:6px;min-width:0;padding:8px;display:grid}.line-count-row,.box-count-row,.box-level-row,.box-line-name{align-items:center;gap:8px;min-width:0;margin-bottom:4px;display:flex}.box-level-row{margin-bottom:6px}.line-count-row label,.box-count-row span,.box-level-row span,.box-line-name label{color:#64748b;text-transform:uppercase;white-space:nowrap;font-size:12px;font-weight:900}.line-count-row strong{margin-right:auto}.box-line-name input{border:1px solid #cbd5e1;border-radius:14px;flex:1;min-width:0;padding:8px 10px}.boxes-preview,.levels-preview{flex-wrap:wrap;flex:1;gap:4px;min-width:0;display:flex}.subtle-danger{color:#991b1b;background:#fff7ed;border-color:#fecaca}.dark .box-editor{background:#0f172a66}.dark .box-edit-row{background:#02061773;border-color:#94a3b840}.dark .box-line-name input{color:#e2e8f0;background:#020617;border-color:#475569}.dark .subtle-danger{color:#fecaca;background:#450a0a;border-color:#7f1d1d}.statuses{flex-wrap:wrap;gap:6px;display:flex}.status{color:#fff;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:900}.status.permanent{background:#020617}.status.temporary{background:#0e7490}.status.loop{background:#6d28d9}.status.temporary.expired{background:#dc2626;animation:1.2s ease-in-out infinite statusPulse;box-shadow:0 0 0 3px #dc26262e,0 0 14px #dc262657}.status.loop.expired{background:#c026d3;animation:1.2s ease-in-out infinite statusPulse;box-shadow:0 0 0 3px #c026d32e,0 0 14px #c026d357}.status button{color:inherit;background:0 0;margin-left:4px;font-weight:900}@keyframes statusPulse{0%,to{filter:brightness();transform:scale(1)}50%{filter:brightness(1.18);transform:scale(1.06)}}.choice-row{grid-template-columns:repeat(7,1fr);gap:6px;display:grid}.choice-row.status-duration-row{grid-template-columns:repeat(4,1fr)}.choice{color:#0f172a;background:#f8fafc;border:1px solid #cbd5e1;border-radius:16px;padding:10px 0;font-weight:900}.choice.selected{color:#fff;background:#020617;border-color:#020617}.dark .choice{color:#e2e8f0;background:#0f172a;border-color:#475569}.dark .choice.selected{color:#082f49;background:#38bdf8;border-color:#38bdf8}.reserve{margin-top:18px}.bottom{z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:28px;grid-template-columns:auto 1fr auto auto;gap:8px;width:min(620px,100% - 24px);padding:8px;display:grid;position:fixed;bottom:10px;left:50%;transform:translate(-50%)}.overlay{z-index:50;background:#0000008c;align-items:flex-end;padding:10px;display:flex;position:fixed;inset:0}.sheet{width:100%;max-width:620px;max-height:92vh;color:inherit;border-radius:30px;margin:0 auto;padding:16px;overflow:auto}.field{text-transform:uppercase;color:#64748b;gap:4px;margin:10px 0;font-size:12px;font-weight:900;display:grid}.field input,.field textarea,.field select{color:#0f172a;text-transform:none;background:#fff;border:1px solid #cbd5e1;border-radius:16px;min-width:0;padding:10px}.dark .field input,.dark .field textarea,.dark .field select{color:#e2e8f0;background:#020617;border-color:#475569}.grid2{grid-template-columns:1fr 1fr;gap:8px;display:grid}.row{align-items:center;gap:8px;display:flex}.stack{gap:8px;display:grid}.delete-confirm{background:#ef444414;border:1px solid #ef444438;border-radius:18px;gap:10px;margin-top:12px;padding:12px;display:grid}@media (width>=640px){.overlay{align-items:center}}@media (width<=520px){.sheet{padding:12px}.tracker-list{min-width:0;overflow-x:hidden}.tracker{padding:8px;overflow:hidden}.tracker-edit-head{grid-template-columns:minmax(0,1fr) 82px 36px;gap:5px}.tracker-edit-head input,.tracker-edit-head select{padding:8px 7px;font-size:14px}.compact-danger{width:36px;min-width:36px;padding:8px 0}.line-count-row,.box-count-row,.box-level-row,.box-line-name{flex-wrap:wrap;gap:4px}.box-line-name label{width:100%}.box-line-name input{flex:120px}.subtle-danger{padding-inline:8px}.box.preview{width:20px;height:20px}.box{width:28px;height:28px}.add-tracker-btn{width:100%;min-width:0}.grid2{gap:6px}.global-mini-main>span{display:none}.global-mini>button{width:22px;height:22px}.global-clock.clock-face{width:32px!important;height:32px!important}}