:root{--lime:#acf460;--vibrant:#74d143;--forest:#00701d;--deep:#1f3d2b;--ink:#082315;--bg:#061a10;--text:#f2f7ef;--text-muted:#f2f7ef9e;--text-faint:#f2f7ef66;--glass-fill:#ffffff12;--glass-fill-strong:#ffffff1c;--glass-border-hi:#ffffff38;--glass-border-lo:#ffffff0a;--glass-blur:18px;--glass-shadow:0 24px 60px -24px #000000a6, 0 2px 6px #00000040;--danger:#ff7a6b;--radius-lg:22px;--radius-md:14px;--radius-sm:10px;--font-display:"Fraunces", Georgia, serif;--font-body:"Inter Tight", system-ui, -apple-system, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body,#root{background:var(--bg);min-height:100%;color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}a{color:var(--lime);text-decoration:none}button{font:inherit}.backdrop{z-index:0;pointer-events:none;background:radial-gradient(120% 90% at 50% 0%, #0b2a19 0%, var(--bg) 60%);position:fixed;inset:0;overflow:hidden}.backdrop:after{content:"";opacity:.09;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.orb{filter:blur(70px);opacity:.55;border-radius:50%;animation:26s ease-in-out infinite alternate drift;position:absolute}.orb--lime{background:radial-gradient(circle, var(--lime) 0%, transparent 68%);opacity:.32;width:520px;height:520px;top:-140px;left:-120px}.orb--vibrant{background:radial-gradient(circle, var(--vibrant) 0%, transparent 66%);opacity:.3;width:620px;height:620px;animation-duration:32s;bottom:-220px;right:-160px}.orb--forest{background:radial-gradient(circle, var(--forest) 0%, transparent 70%);opacity:.5;width:460px;height:460px;animation-duration:38s;top:38%;left:52%}@keyframes drift{0%{transform:translate(0,0)scale(1)}to{transform:translate(40px,-30px)scale(1.08)}}@media (prefers-reduced-motion:reduce){.orb{animation:none}}.cursor-glow{z-index:1;pointer-events:none;will-change:transform;background:radial-gradient(circle,#acf4601f 0%,#0000 62%);border-radius:50%;width:520px;height:520px;margin:-260px 0 0 -260px;transition:opacity .4s;position:fixed;top:0;left:0}@media (hover:none){.cursor-glow{display:none}}.glass{background:var(--glass-fill);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(140%);border:1px solid #0000;border-top-color:var(--glass-border-hi);border-left-color:var(--glass-border-hi);border-right-color:var(--glass-border-lo);border-bottom-color:var(--glass-border-lo);box-shadow:var(--glass-shadow);border-radius:var(--radius-lg);position:relative}.page{z-index:2;min-height:100vh;padding:28px 16px 48px;position:relative}.page--center{place-items:center;display:grid}.shell{width:100%;max-width:1120px;margin:0 auto}.brand{letter-spacing:.14em;color:var(--text);align-items:center;gap:10px;font-size:13px;font-weight:700;display:inline-flex}.brand__mark{background:linear-gradient(145deg, var(--forest), var(--deep));width:34px;height:34px;font-family:var(--font-display);color:var(--lime);letter-spacing:0;border:1px solid #acf46059;border-radius:10px;place-items:center;font-size:18px;display:grid}.brand__sub{color:var(--text-faint);letter-spacing:.08em;font-weight:500}.eyebrow{letter-spacing:.16em;text-transform:uppercase;color:var(--vibrant);font-size:12px;font-weight:600;display:inline-block}h1,h2{font-family:var(--font-display);letter-spacing:-.01em;margin:0;font-weight:600}h1{font-size:clamp(30px,4.4vw,44px);line-height:1.08}h2{font-size:22px}p{line-height:1.6}.muted{color:var(--text-muted)}.faint{color:var(--text-faint)}.field{gap:8px;display:grid}.field label{color:var(--text-muted);font-size:13px;font-weight:500}.input{border-radius:var(--radius-md);width:100%;color:var(--text);font:inherit;background:#04120a8c;border:1px solid #ffffff1f;outline:none;padding:13px 15px;font-size:15px;transition:border-color .2s,box-shadow .2s}.input:focus{border-color:#acf46099;box-shadow:0 0 0 4px #acf4601f}.btn{cursor:pointer;white-space:nowrap;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:13px 20px;font-size:15px;font-weight:600;transition:transform .15s,box-shadow .2s,background .2s,opacity .2s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:not-allowed}.btn--primary{background:linear-gradient(135deg, var(--lime), var(--vibrant));color:var(--ink);box-shadow:0 10px 30px -10px #acf46099}.btn--primary:hover:not(:disabled){box-shadow:0 14px 36px -10px #acf460cc}.btn--ghost{color:var(--text);background:#ffffff0f;border-color:#ffffff24}.btn--ghost:hover:not(:disabled){background:#ffffff1a}.btn--sm{padding:8px 14px;font-size:13px}.notice{border-radius:var(--radius-md);padding:12px 14px;font-size:14px;line-height:1.5}.notice--error{color:#ffd0c9;background:#ff7a6b1a;border:1px solid #ff7a6b59}.notice--ok{color:#e3fbc7;background:#acf46014;border:1px solid #acf4604d}.badge{letter-spacing:.04em;color:var(--lime);background:#acf4601f;border:1px solid #acf46047;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.badge--learner{color:var(--text);background:#ffffff14;border-color:#ffffff29}.dot{background:var(--lime);width:7px;height:7px;box-shadow:0 0 10px var(--lime);border-radius:50%}.spinner{border:2px solid #ffffff26;border-top-color:var(--lime);border-radius:50%;width:26px;height:26px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.bento{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.bento>.glass{padding:22px}.bento__create{grid-area:span 2/span 3}.bento__stat{align-content:space-between;gap:12px;display:grid}.bento__empty{grid-column:1/-1}.stat{font-family:var(--font-display);color:var(--lime);font-size:44px;font-weight:600;line-height:1}.room-card{grid-column:span 2;align-content:space-between;gap:18px;display:grid}.room-card__url{color:var(--vibrant);background:#00000040;border-radius:6px;justify-self:start;padding:4px 8px;font-size:12px}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=860px){.bento{grid-template-columns:1fr 1fr}.bento__create,.room-card{grid-area:auto/1/auto/-1}.form-grid{grid-template-columns:1fr}}.live{z-index:2;flex-direction:column;gap:12px;height:100dvh;padding:12px;display:flex;position:relative}.live__bar{border-radius:var(--radius-md);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:10px 16px;display:flex}.live__meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.live__title{font-size:14px;font-weight:600}.live__stage{border-radius:var(--radius-lg);flex:1;min-height:0;overflow:hidden}@media (width<=600px){.live__title{display:none}}.beos-lk[data-lk-theme],.beos-lk [data-lk-theme]{--lk-bg:#061a108c;--lk-bg2:#ffffff0f;--lk-bg3:#ffffff1a;--lk-bg4:#ffffff24;--lk-fg:var(--text);--lk-accent-bg:var(--vibrant);--lk-accent-fg:var(--ink);--lk-accent2:var(--forest);--lk-danger:#e5484d;--lk-border-radius:12px;--lk-font-family:var(--font-body);background:0 0}.live__stage.beos-lk{-webkit-backdrop-filter:blur(14px);background:#04120a73;border:1px solid #ffffff14;border-top-color:#ffffff2e}.beos-lk .lk-participant-tile{background:#082315bf;border-radius:16px}.beos-lk .lk-participant-tile[data-lk-speaking=true]:not([data-lk-source=screen_share]):after{box-shadow:inset 0 0 0 2px var(--lime)}.beos-lk .lk-control-bar{border-top:1px solid #ffffff14}.beos-lk .lk-button,.beos-lk .lk-disconnect-button,.beos-lk .lk-chat-toggle{border-radius:999px}.beos-lk .lk-chat{background:#061a10cc;border-left:1px solid #ffffff14}.beos-prejoin .lk-prejoin{width:100%;max-width:none;padding:0}.beos-prejoin .lk-prejoin .lk-video-container{background:#082315cc;border-radius:16px;overflow:hidden}.beos-prejoin .lk-prejoin form>input.lk-form-control{display:none}.beos-prejoin .lk-join-button{background:linear-gradient(135deg, var(--lime), var(--vibrant));color:var(--ink);border-radius:999px;font-weight:700}
