:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--red:#ff003c;--red-dark:#c90030;--bg:#06070a;--panel-hero:#0d0e13eb;--panel-card:#0f1016c7;--panel-card-strong:#0d0e13e6;--glass-border:#ffffff17;--glass-border-hover:#ffffff24;--glass-shine:#ffffff0d;--text:#f6f6fa;--muted:#d1d2da;--dim:#a2a4b0;--green:#00ffa3;--yellow:#ffd27a;--radius:16px;--radius-small:10px;--shadow:0 14px 28px #0000007a;--shadow-soft:0 6px 18px #00000052;--shadow-red:0 0 0 1px #ffffff06;--focus:0 0 0 3px #ff003c59;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*,:before,:after{box-sizing:border-box}html,body{min-height:100%}body{color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:#06070a;margin:0;font:14px/1.45 Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}body.modal-open{overflow:hidden}body:before{content:"";z-index:-2;pointer-events:none;background:linear-gradient(#06070ab8 0%,#06070ae6 100%),radial-gradient(900px 620px at 75% -5%,#ff003c17,#0000 65%),radial-gradient(540px 460px at 10% 105%,#ff003c0b,#0000 60%);position:fixed;inset:0}body:after{content:"";z-index:-1;pointer-events:none;opacity:.18;background-color:#0000;background-image:linear-gradient(#ffffff03 1px,#0000 1px),linear-gradient(90deg,#ffffff02 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:70px 70px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 75%);mask-image:linear-gradient(#000 0%,#0000 75%)}button,input,select{font:inherit}button{border-radius:var(--radius-small);color:#fff;letter-spacing:.035em;cursor:pointer;appearance:none;background:#ffffff0a;border:1px solid #ffffff1a;min-height:34px;padding:7px 12px;font-size:.78rem;font-weight:800;transition:transform .15s,border-color .15s,background .15s,opacity .15s,box-shadow .15s}button:hover:not(:disabled){border-color:var(--glass-border-hover);background:#12131ad6;transform:translateY(-1px)}button:active:not(:disabled){transform:translateY(0)}button:disabled,input:disabled,select:disabled{cursor:not-allowed;opacity:.55}button.primary{color:#fff;background:linear-gradient(160deg, var(--red), var(--red-dark));border-color:#0000;box-shadow:0 5px 16px #ff003c33,inset 0 1px #ffffff21}button.primary:hover:not(:disabled){background:linear-gradient(160deg,#ff124b,#b9002c);border-color:#ffffff2e}button.ghost{background:#ffffff08}button.danger:hover:not(:disabled){background:#ff003c1a;border-color:#ffffff29}button.full{width:100%}.icon-button{border-radius:50%;place-items:center;width:34px;height:34px;min-height:34px;padding:0;font-size:1.15rem;line-height:1;display:inline-grid}.add-widget-button{letter-spacing:0;background:linear-gradient(160deg,#ff003ceb,#c90030db);border-color:#ff003c4d;border-radius:50%;place-items:center;width:42px;height:42px;min-height:42px;padding:0;font-size:1.55rem;font-weight:800;display:inline-grid;box-shadow:0 6px 18px #ff003c2e,inset 0 1px #ffffff24}.add-widget-button:hover:not(:disabled){background:linear-gradient(160deg,#ff124b,#b9002c);border-color:#fff3}input,select{border-radius:var(--radius-small);color:#fff;background:#06070a94;border:1px solid #ffffff17;outline:none;width:100%;min-height:36px;padding:.56rem .68rem;transition:border-color .15s,box-shadow .15s,background .15s}input:focus,select:focus{box-shadow:var(--focus);background:#090a0fe6;border-color:#ff003c6b}label{color:var(--muted);gap:.32rem;font-size:.8rem;font-weight:700;display:grid}h1,h2,h3,p{margin-top:0}h1{letter-spacing:.05em;text-transform:uppercase;margin:0 0 .3rem;font-family:Orbitron,Inter,system-ui,sans-serif;font-size:clamp(1.45rem,3.2vw,2.35rem);font-weight:900;line-height:1.05}h2{letter-spacing:.075em;text-transform:uppercase;color:#fff;margin:0 0 .7rem;font-size:.78rem;font-weight:800}h3{letter-spacing:.012em;text-transform:uppercase;margin:0;font-size:.94rem;font-weight:800;line-height:1.15}.shell{flex-direction:column;gap:10px;width:calc(100% - 20px);min-height:100svh;margin:0 auto;padding:10px 0 22px;display:flex}.shell.narrow{justify-content:center;width:min(900px,100% - 28px)}.hero-card,.topbar,.panel,.widget,.empty,.side-panel,.workspace-header,.modal-panel,.hidden-panel{border:1px solid var(--glass-border);border-radius:var(--radius);background:var(--panel-card);box-shadow:var(--shadow-soft), var(--shadow-red), inset 0 1px 0 var(--glass-shine);isolation:isolate;position:relative;overflow:hidden}.hero-card:before,.topbar:before,.panel:before,.widget:before,.empty:before,.side-panel:before,.workspace-header:before,.modal-panel:before,.hidden-panel:before{content:"";z-index:0;pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,#ffffff08,#0000 42%);position:absolute;inset:0}.hero-card:after,.topbar:after,.panel:after,.widget:after,.empty:after,.side-panel:after,.workspace-header:after,.modal-panel:after,.hidden-panel:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(90deg, transparent 0%, var(--red) 28%, var(--red) 72%, transparent 100%);opacity:.78;height:2px;position:absolute;top:0;left:0;right:0}.hero-card>*,.topbar>*,.panel>*,.widget>*,.empty>*,.side-panel>*,.workspace-header>*,.modal-panel>*,.hidden-panel>*{z-index:2;position:relative}.hero-card{background:var(--panel-hero);box-shadow:var(--shadow), var(--shadow-red), inset 0 1px 0 var(--glass-shine);margin-bottom:0;padding:18px 20px}.hero-card .kicker,.eyebrow{color:#ff6e82;letter-spacing:.075em;text-transform:uppercase;background:#ff003c17;border:1px solid #ff003c47;border-radius:999px;align-items:center;width:fit-content;min-height:20px;margin-bottom:.75rem;padding:3px 8px;font-size:.62rem;font-weight:800;line-height:1;display:inline-flex}.hero-copy{max-width:680px;color:var(--muted);margin:0;font-size:.88rem;font-weight:500;line-height:1.45}.muted{color:var(--dim)}.error,.notice{border-radius:var(--radius-small);color:#ffd8e0;background:#ff003c17;border:1px solid #ff003c61;margin-bottom:.8rem;padding:.7rem .8rem;font-size:.84rem}.notice{color:#ffe2a6;background:#ffd27a14;border-color:#ffd27a38}.lobby-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.panel{padding:14px}.panel-head{justify-content:space-between;align-items:flex-start;gap:.8rem;margin-bottom:.8rem;display:flex}.panel-head h2,.panel-head p{margin-bottom:0}.panel-head p{font-size:.82rem}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:.65rem;display:grid}.form-grid.compact{grid-template-columns:1.05fr 1.5fr repeat(2,minmax(0,1fr)) auto}.form-grid.compact-settings{grid-template-columns:minmax(0,1fr) auto auto}.form-grid button{white-space:nowrap}.topbar{background:var(--panel-hero);box-shadow:var(--shadow), var(--shadow-red), inset 0 1px 0 var(--glass-shine);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:14px 16px;display:grid}.topbar h1{margin-bottom:.32rem;font-size:clamp(1.25rem,2.4vw,1.8rem)}.app-shell{grid-template-columns:230px minmax(0,1fr);gap:10px;width:100%;min-height:100svh;margin:0;padding:10px;display:grid}.side-panel{background:var(--panel-hero);flex-direction:column;gap:11px;height:calc(100svh - 20px);padding:13px;display:flex;position:sticky;top:10px}.side-brand h1{word-break:break-word;margin-bottom:.32rem;font-size:1rem}.side-brand p{margin:0;font-size:.76rem}.session-stack{gap:7px;display:grid}.session-code-box{border-radius:var(--radius-small);background:#ffffff08;border:1px solid #ffffff14;gap:4px;padding:9px;display:grid}.session-code-box span{color:var(--dim);letter-spacing:.075em;text-transform:uppercase;font-size:.62rem;font-weight:800}.session-code-box strong{color:#fff;letter-spacing:.14em;font-size:1rem}.tab-nav{gap:6px;display:grid}.tab-nav button{text-align:left;background:#ffffff08;justify-content:flex-start;width:100%;min-height:34px}.tab-nav button.active{color:#fff;background:#ff003c1a;border-color:#ff003c52}.side-status{gap:6px;margin-top:auto;display:grid}.workspace{flex-direction:column;gap:10px;min-width:0;display:flex}.workspace-header{background:var(--panel-hero);justify-content:space-between;align-items:center;gap:14px;padding:13px 15px;display:flex}.workspace-header h2{margin-bottom:.2rem;font-family:Orbitron,Inter,system-ui,sans-serif;font-size:clamp(1.08rem,2vw,1.45rem)}.workspace-header p{margin:0;font-size:.8rem}.header-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.status-line{flex-wrap:wrap;align-items:center;gap:.42rem;margin-bottom:0;display:flex}.status-pill,.code-pill,.role-pill{min-height:22px;color:var(--muted);letter-spacing:.04em;text-transform:uppercase;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:.34rem;padding:3px 8px;font-size:.62rem;font-weight:800;line-height:1;display:inline-flex}.status-pill.online{color:var(--green);background:#00ffa317;border-color:#00ffa342}.status-pill.offline{color:var(--yellow);background:#ffd27a17;border-color:#ffd27a42}.status-dot{background:currentColor;border-radius:50%;width:5px;height:5px;box-shadow:0 0 5px}.code-pill strong{color:#fff;letter-spacing:.08em}.button-row{flex-wrap:wrap;gap:.42rem;display:flex}.members{flex-wrap:wrap;gap:.4rem;display:flex}.members span{min-height:22px;color:var(--muted);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:999px;padding:4px 8px;font-size:.68rem;font-weight:800}.dashboard-grid{grid-template-columns:repeat(auto-fill,minmax(285px,1fr));align-items:start;gap:10px;width:100%;display:grid}.settings-grid{grid-template-columns:minmax(0,1fr);align-items:start;gap:10px;width:100%;display:grid}.settings-grid.single{max-width:none}.widget{background:var(--panel-card);will-change:transform;flex-direction:column;justify-content:space-between;gap:9px;min-height:172px;margin:0;padding:15px 14px 14px;transition:transform .2s cubic-bezier(.22,.68,0,1.2),border-color .2s,background .2s,opacity .2s,box-shadow .2s;display:flex}.widget:hover{border-color:var(--glass-border-hover);background:#12131ad6;transform:translateY(-1px)}.widget.is-dragging{opacity:.38;border-color:#ff003c73;transform:scale(.985)}.widget.is-drop-target{box-shadow:0 0 0 1px #ff003c42, 0 14px 32px #ff003c1a, var(--shadow-red), inset 0 1px 0 var(--glass-shine);border-color:#ff003c8f}.widget-rail{display:none}.widget-header{justify-content:space-between;align-items:flex-start;gap:.7rem;display:flex;position:relative}.widget-header h3,.widget-header .widget-type{padding-left:0}.widget-header-tools{flex:none;align-items:flex-start;gap:5px;display:flex}.drag-handle{border-radius:var(--radius-small);width:30px;height:28px;min-height:28px;color:var(--dim);cursor:grab;letter-spacing:-.1em;-webkit-user-select:none;user-select:none;touch-action:none;place-items:center;padding:0;line-height:1;display:inline-grid}.drag-handle:hover:not(:disabled){color:#fff;background:#ff003c17;border-color:#ff003c47}.drag-handle:active{cursor:grabbing}.widget-type{color:var(--dim);letter-spacing:.075em;text-transform:uppercase;font-size:.62rem;font-weight:800}.widget.complete{background:radial-gradient(ellipse 240px 150px at 88% 0%, #ff003c0f, transparent 70%), var(--panel-card);border-color:#ffffff1c}.timer-display{letter-spacing:-.065em;font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 0 18px #ff003c1a;margin:.15rem 0 0;font-size:clamp(2rem,5.8vw,3.35rem);font-weight:900;line-height:.95}.phase-label{color:#ff6e82;letter-spacing:.075em;text-transform:uppercase;background:#ff003c14;border:1px solid #ff003c42;border-radius:999px;width:fit-content;min-height:21px;padding:3px 8px;font-size:.62rem;font-weight:800;line-height:1;display:inline-flex}.progress{background:#ffffff0d;border-radius:999px;height:8px;margin:.18rem 0 .55rem;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a,0 6px 14px #0003}.progress>div{background:linear-gradient(90deg, var(--red), var(--red-dark));height:100%;box-shadow:0 0 10px #ff003c3d}.timer-meta{color:var(--dim);justify-content:space-between;gap:.5rem;margin:0 0 .45rem;font-size:.72rem;display:flex}.widget-menu{flex:none;position:relative}.widget-menu summary{cursor:pointer;border-radius:var(--radius-small);color:#fff;letter-spacing:.04em;-webkit-user-select:none;user-select:none;background:#ffffff0a;border:1px solid #ffffff1a;place-items:center;width:32px;height:28px;min-height:28px;font-weight:900;list-style:none;display:grid}.widget-menu summary::-webkit-details-marker{display:none}.widget-menu[open] summary{background:#ff003c1a;border-color:#ff003c4d}.widget-menu-list{z-index:20;border-radius:var(--radius-small);background:#0a0b10fa;border:1px solid #ffffff1a;gap:5px;width:150px;padding:7px;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 14px 30px #00000073}.widget-menu-list button{text-align:left;width:100%;min-height:30px;padding:6px 8px;font-size:.68rem}.hangar-widget{background:radial-gradient(ellipse 260px 140px at 85% 0%, #ff003c14, transparent 70%), var(--panel-card);min-height:230px}.hangar-widget.hangar-open{background:radial-gradient(ellipse 240px 130px at 85% 0%, #00ffa30f, transparent 72%), var(--panel-card)}.hangar-widget.hangar-warning{background:radial-gradient(ellipse 240px 130px at 85% 0%, #ffd27a11, transparent 72%), var(--panel-card)}.hangar-widget.hangar-closed{background:radial-gradient(ellipse 240px 130px at 85% 0%, #ff003c13, transparent 72%), var(--panel-card)}.hangar-status-row{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px;display:flex}.hangar-status{letter-spacing:.075em;text-transform:uppercase;border-radius:999px;align-items:center;min-height:22px;padding:3px 8px;font-size:.62rem;font-weight:850;line-height:1;display:inline-flex}.hangar-status-open{color:var(--green);background:#00ffa314;border:1px solid #00ffa347}.hangar-status-warning{color:var(--yellow);background:#ffd27a14;border:1px solid #ffd27a47}.hangar-status-reset{color:var(--muted);background:#ffffff0a;border:1px solid #ffffff24}.hangar-status-closed{color:#ff8aa3;background:#ff003c14;border:1px solid #ff003c4d}.hangar-bars{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin:4px 0;display:grid}.hangar-bar{background:#ffffff09;border:1px solid #ffffff14;border-radius:8px;height:38px;box-shadow:inset 0 1px #ffffff0f,0 8px 18px #0000003d}.hangar-bar-green{background:linear-gradient(#00ffa370,#008c563d);border-color:#00ffa361;box-shadow:0 0 14px #00ffa338,inset 0 1px #ffffff1a}.hangar-bar-red{background:linear-gradient(#ff003c7a,#96002340);border-color:#ff003c61;box-shadow:0 0 14px #ff003c38,inset 0 1px #ffffff1a}.hangar-bar-empty{background:linear-gradient(#ffffff0b,#ffffff05);border-color:#ffffff13}.hangar-time-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.hangar-time-grid div{border-radius:var(--radius-small);background:#ffffff07;border:1px solid #fff1;gap:2px;min-width:0;padding:8px;display:grid}.hangar-time-grid span{color:var(--dim);letter-spacing:.065em;text-transform:uppercase;font-size:.58rem;font-weight:850}.hangar-time-grid strong{color:#fff;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:.82rem}.hangar-progress{margin-bottom:.35rem}.empty{text-align:center;min-height:250px;color:var(--muted);grid-column:1/-1;place-items:center;padding:22px;display:grid}.empty strong{color:#fff;letter-spacing:.012em;text-transform:uppercase;margin-bottom:.28rem;font-size:.94rem;font-weight:800;display:block}.empty-action{border-radius:var(--radius);cursor:pointer;width:100%}.empty-action:hover:not(:disabled){background:#ff003c0b;border-color:#ff003c33}.hidden-panel{background:#0d0e13b8;gap:8px;padding:12px;display:grid}.hidden-panel strong{letter-spacing:.075em;text-transform:uppercase;font-size:.76rem}.hidden-list{flex-wrap:wrap;gap:7px;display:flex}.info-list,.permission-list{gap:7px;display:grid}.info-list>div,.permission-row{border-radius:var(--radius-small);background:#ffffff08;border:1px solid #ffffff13;gap:3px;padding:9px;display:grid}.info-list span,.permission-row span{color:var(--dim);letter-spacing:.055em;text-transform:uppercase;font-size:.64rem;font-weight:800}.info-list strong,.permission-row strong{color:#fff;font-size:.88rem}.permission-row{grid-template-columns:minmax(0,1fr) 160px;align-items:center}.modal-backdrop{z-index:1000;background:radial-gradient(640px 380px at 50% 20%,#ff003c17,#0000 70%),#000000c7;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal-panel{background:var(--panel-hero);width:min(500px,100%);max-height:min(700px,100svh - 36px);box-shadow:0 20px 54px #0009, var(--shadow-red), inset 0 1px 0 var(--glass-shine);padding:16px;overflow:auto}.modal-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:13px;display:flex}.modal-head h2{margin-bottom:.25rem;font-family:Orbitron,Inter,system-ui,sans-serif;font-size:clamp(1.08rem,3.4vw,1.45rem)}.modal-head p{margin:0;font-size:.8rem}.modal-form{gap:10px;display:grid}.modal-two-col{grid-template-columns:1fr 1fr;gap:10px;display:grid}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:2px;display:flex}.lobby-grid .form-grid{grid-template-columns:1fr}@media (width>=1280px){.dashboard-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media (width>=1600px){.dashboard-grid{grid-template-columns:repeat(auto-fill,minmax(315px,1fr))}}@media (width>=1900px){.dashboard-grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr))}}@media (width<=1100px){.app-shell{grid-template-columns:1fr}.side-panel{height:auto;position:relative;top:auto}.tab-nav{grid-template-columns:repeat(3,minmax(0,1fr))}.tab-nav button{text-align:center;justify-content:center}.side-status{flex-wrap:wrap;margin-top:0;display:flex}.form-grid.compact,.form-grid.compact-settings{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=800px){.shell,.shell.narrow{width:min(100% - 18px,1180px);padding:18px 0 28px}.app-shell{width:100%;padding:9px}.lobby-grid,.form-grid,.form-grid.compact,.form-grid.compact-settings,.topbar,.workspace-header,.permission-row,.modal-two-col,.hangar-time-grid{grid-template-columns:1fr}.workspace-header{align-items:stretch}.header-actions{justify-content:stretch}.header-actions button{flex:1}.topbar{align-items:stretch}.tab-nav{grid-template-columns:1fr}.button-row button,.form-grid button{flex:1}.dashboard-grid{grid-template-columns:1fr}.add-widget-button{border-radius:var(--radius-small);width:100%;height:40px;min-height:40px}.hero-card,.topbar,.panel,.widget,.empty,.side-panel,.workspace-header,.modal-panel,.hidden-panel{border-radius:15px}.hero-card{padding:20px 17px}.widget{min-height:170px}.hangar-widget{min-height:260px}.hangar-bar{height:32px}.modal-actions{grid-template-columns:1fr;display:grid}}@media (height<=760px) and (width>=1101px){.side-panel{gap:8px}.side-brand h1{font-size:.92rem}.session-code-box{padding:8px}.tab-nav{gap:5px}.tab-nav button{min-height:32px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.widget:hover,button:hover{transform:none}}