:root{--font:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--font-display:"Syne", "Plus Jakarta Sans", system-ui, sans-serif;--bg-base:#05070b;--bg-elevated:#0b0f16;--bg-card:#11161f;--bg-card-hover:#161c27;--surface:#10151d;--surface-elevated:#161c27;--border:#fff1;--border-strong:#ffffff1f;--text:#eef1f7;--text-muted:#8b93a5;--text-faint:#5a6274;--primary:#34e8d2;--primary-dim:#34e8d21c;--primary-glow:#34e8d261;--accent:#8ab4ff;--pop:#ff6b9d;--pop-dim:#ff6b9d1f;--desk-violet:#b4a3ff;--desk-violet-dim:#b4a3ff1a;--desk-amber:#ffc14d;--danger:#ff8a8a;--warning:#ffc14d;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--radius-xl:22px;--radius-full:9999px;--shadow-sm:0 2px 10px #0006;--shadow-md:0 12px 40px #0000008c;--shadow-inset:inset 0 1px 0 #ffffff0a;--tap:48px;--space-safe-top:env(safe-area-inset-top,0px);--space-safe-bottom:env(safe-area-inset-bottom,0px);--space-safe-left:env(safe-area-inset-left,0px);--space-safe-right:env(safe-area-inset-right,0px);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px;line-height:1.5}*,:before,:after{box-sizing:border-box}html{background:var(--bg-base);height:100%}body{background:radial-gradient(ellipse 90% 70% at 0% -10%, #ff6b9d14, transparent 42%), radial-gradient(ellipse 70% 55% at 100% 0%, #34e8d212, transparent 48%), radial-gradient(ellipse 55% 45% at 85% 95%, #8ab4ff0f, transparent 50%), var(--bg-base);overscroll-behavior-y:none;min-height:100dvh;margin:0}#root{flex-direction:column;width:100%;max-width:100%;min-height:100svh;margin:0 auto;padding:0 clamp(12px,3vw,28px);display:flex;position:relative}#root.app-root--desk{max-width:min(1180px,100% - 16px)}@media (width>=900px){#root.app-root--desk{max-width:min(1160px,100% - 40px)}}@media (width>=1200px){#root.app-root--desk{max-width:min(1240px,100% - 48px)}}.app-shell.dash-shell{padding-left:calc(4px + var(--space-safe-left));padding-right:calc(4px + var(--space-safe-right));padding-top:calc(10px + var(--space-safe-top));padding-bottom:calc(20px + var(--space-safe-bottom));flex-direction:column;flex:1;min-height:0;display:flex}.student-desk{isolation:isolate;position:relative}.student-desk:before{content:"";z-index:-1;pointer-events:none;opacity:.9;background:radial-gradient(55% 40% at 92% 8%,#34e8d20f,#0000 55%),radial-gradient(45% 35% at 6% 92%,#ff6b9d0d,#0000 50%);position:fixed;inset:0}.desk-topbar{border-radius:var(--radius-xl);border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(20px)saturate(1.2);box-shadow:var(--shadow-sm), var(--shadow-inset);background:#0b0f16c7;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:22px;padding:16px 20px;display:flex}.desk-topbar__brand{align-items:center;gap:14px;min-width:0;display:flex}.desk-topbar__mark{width:46px;height:46px;font-family:var(--font-display);letter-spacing:.06em;color:#041210;background:linear-gradient(135deg, var(--primary) 0%, #1ab5a3 48%, var(--pop) 160%);border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;font-size:.7rem;font-weight:800;display:flex;box-shadow:0 0 0 1px #34e8d259,0 10px 28px #00000073,0 0 24px #34e8d226}.desk-topbar__titles{flex-direction:column;gap:2px;min-width:0;display:flex}.desk-topbar__name{font-family:var(--font-display);letter-spacing:-.045em;color:var(--text);font-size:clamp(1.2rem,3.5vw,1.42rem);font-weight:800;line-height:1.12;display:inline-block;position:relative}.desk-topbar__name:after{content:"";background:linear-gradient(90deg, var(--primary), var(--pop));opacity:.9;border-radius:2px;width:2.25rem;height:3px;position:absolute;bottom:-3px;left:0}.desk-topbar__tagline{letter-spacing:.04em;color:var(--text-muted);margin-top:6px;font-size:.72rem;font-weight:600}.desk-topbar__actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.desk-livepill{font-size:.62rem;font-weight:800;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);border-radius:var(--radius-full);border:1px solid var(--border-strong);background:#00000052;align-items:center;gap:8px;padding:9px 15px;display:inline-flex}.desk-livepill__dot{background:var(--text-faint);border-radius:50%;width:8px;height:8px}.desk-livepill--ok .desk-livepill__dot{background:var(--primary);box-shadow:0 0 10px var(--primary-glow)}.desk-livepill--bad .desk-livepill__dot{background:var(--danger)}.desk-main{-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex-direction:column;flex:1;gap:18px;min-height:0;display:flex;overflow-y:auto}.desk-panel{border-radius:var(--radius-xl);border:1px solid var(--border-strong);box-shadow:var(--shadow-md), var(--shadow-inset);background:linear-gradient(185deg,#0e121af5 0%,#080a10e6 100%);padding:22px 20px 24px}.desk-panel--accent-left{border-left:4px solid var(--primary)}.desk-panel--violet-left{border-left:4px solid var(--desk-violet)}.desk-panel__head{align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.desk-panel__head--row{flex-wrap:wrap;justify-content:space-between;align-items:flex-start}.desk-panel__head-text{flex:1;align-items:flex-start;gap:14px;min-width:0;display:flex}.desk-panel__step{letter-spacing:.02em;width:40px;height:40px;color:var(--desk-violet);background:var(--desk-violet-dim);border:1px solid #a78bfa4d;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:800;display:flex}.desk-panel__step--accent{color:var(--primary);background:var(--primary-dim);border-color:#2dd4bf59}.desk-panel__title{font-family:var(--font-display);letter-spacing:-.035em;margin:0 0 6px;font-size:1.14rem;font-weight:800}.desk-panel__sub{color:var(--text-muted);margin:0;font-size:.8125rem;line-height:1.5}.desk-panel__sub--tight{max-width:44rem}.desk-panel__body>:first-child{margin-top:0}.desk-panel__h3{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);margin:20px 0 12px;font-size:.95rem;font-weight:800}.desk-panel__h3:first-child{margin-top:0}.field-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:8px;font-size:.75rem;font-weight:600;display:block}.admin-field{margin-bottom:0}.admin-form{flex-direction:column;gap:14px;max-width:440px;margin-top:4px;display:flex}.admin-form>.btn--join{align-self:flex-start}.text-input{width:100%;min-height:var(--tap);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-base);color:var(--text);padding:0 14px;font-family:inherit;font-size:.9375rem}.text-input:focus{border-color:#34e8d280;outline:none;box-shadow:0 0 0 3px #34e8d21f}.text-input::placeholder{color:var(--text-faint)}.select-input{width:100%;min-height:var(--tap);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-base);color:var(--text);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%238b95a8' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10l-5 5z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding:0 40px 0 14px;font-family:inherit;font-size:.9375rem}.select-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-dim);outline:none}.admin-pre{border-radius:var(--radius-md);border:1px solid var(--border);color:var(--accent);background:#00000059;max-height:220px;margin:0;padding:14px 16px;font-family:ui-monospace,SF Mono,Consolas,monospace;font-size:.75rem;line-height:1.45;overflow:auto}.admin-inline{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.admin-list-plain{margin:12px 0 0;padding:0;list-style:none}.admin-uni-item{border-bottom:1px solid var(--border);padding:10px 0;font-size:.875rem}.admin-uni-item:last-child{border-bottom:none}.admin-code{background:var(--bg-elevated);border:1px solid var(--border);color:var(--primary);border-radius:6px;padding:2px 7px;font-family:ui-monospace,monospace;font-size:.8em}.admin-user-list{margin:12px 0 0;padding:0;list-style:none}.admin-user-row{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;padding:14px 0;display:flex}.admin-user-row:last-child{border-bottom:none}.admin-user-row__main{flex:200px;min-width:0;font-size:.875rem}.admin-user-row__meta{opacity:.72;margin-left:8px;font-size:.8125rem}.admin-room-list{margin:12px 0 20px;padding:0;list-style:none}.admin-room-item{border-bottom:1px solid var(--border);padding:16px 0}.admin-room-item:last-child{border-bottom:none}.admin-room-item__row{flex-wrap:wrap;align-items:baseline;gap:8px 12px;display:flex}.admin-room-item__meta{color:var(--text-muted);margin:8px 0 0;font-size:.8125rem}.admin-room-item__desc{color:var(--text-muted);margin:6px 0 0;font-size:.875rem;line-height:1.45}.admin-room-edit{border-radius:var(--radius-lg);border:1px solid var(--border-strong);background:#00000047;margin-top:14px;padding:16px}.badge{text-transform:uppercase;letter-spacing:.06em;background:var(--bg-elevated);color:var(--text-muted);border:1px solid var(--border);border-radius:6px;padding:4px 8px;font-size:.65rem;font-weight:700}.btn{min-height:var(--tap);border-radius:var(--radius-md);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;padding:0 18px;font-family:inherit;font-size:.875rem;font-weight:600;transition:transform .15s,box-shadow .2s,background .2s}.btn:active:not(:disabled){transform:scale(.98)}.btn--ghost{color:var(--text-muted);border:1px solid var(--border);background:0 0}.btn--ghost:hover{background:var(--bg-card-hover);color:var(--text)}.btn--compact{border-radius:var(--radius-full);min-height:42px;padding:0 16px;font-size:.8125rem}.btn--join{min-height:44px;font-family:var(--font-display);letter-spacing:-.02em;background:linear-gradient(135deg, var(--primary) 0%, #1db9a5 52%, #159d8c 100%);color:#031a17;padding:0 18px;font-weight:800;box-shadow:0 4px 16px #34e8d238,inset 0 1px #ffffff38}.btn--join:hover:not(:disabled){filter:brightness(1.04);box-shadow:0 6px 28px #34e8d247,inset 0 1px #ffffff40}.btn-row{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.alert{border-radius:var(--radius-md);margin-top:12px;padding:12px 14px;font-size:.875rem;line-height:1.4}.alert--error{color:#fecaca;background:#f871711f;border:1px solid #f8717159}.alert--warn{color:#fde68a;background:#fbbf241a;border:1px solid #fbbf244d}.alert--success{color:#9cf5e8;background:#34e8d21a;border:1px solid #34e8d259}.empty-hint{color:var(--text-muted);margin:12px 0 0;font-size:.875rem}