:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#071018;--bg-2:#0e1a28;--card:#122033;--line:#ffffff14;--text:#f4efe4;--muted:#9aa8b8;--gold:#d4a017;--gold-2:#f0c14b;--teal:#3ecfbf;--danger:#ef6b6b;--shadow:0 22px 50px #00000059;font-family:Segoe UI,Noto Sans KR,Noto Sans,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:radial-gradient(1200px 500px at 10% -10%, #d4a01729, transparent), radial-gradient(900px 400px at 100% 0%, #3ecfbf1a, transparent), var(--bg);color:var(--text);margin:0}button,input,select{font:inherit}.app{min-height:100vh}.shell{grid-template-columns:248px 1fr;min-height:100vh;display:grid}.shell-sidebar{border-right:1px solid var(--line);background:#060e16f0;flex-direction:column;gap:18px;padding:18px 14px;display:flex}.shell-brand,.shell-user,.shell-top-left{align-items:center;gap:12px;display:flex}.shell-brand .mark{border-radius:12px;width:40px;height:40px}.shell-nav{flex:1;align-content:start;gap:4px;display:grid}.shell-section{color:var(--gold-2);letter-spacing:.08em;text-transform:uppercase;margin:14px 8px 6px;font-size:11px}.shell-item{color:var(--text);border-radius:10px;align-items:center;gap:10px;padding:9px 10px;text-decoration:none;display:flex}.shell-item em{color:var(--muted);margin-left:auto;font-size:11px;font-style:normal}.shell-item.is-active{background:#d4a01729;outline:1px solid #d4a01747}.shell-item.is-soon{color:#c5d0db}.shell-user{background:#0b1624;border-radius:12px;padding:10px}.shell-user small{display:block}.shell-avatar{background:linear-gradient(160deg, var(--gold-2), var(--gold));color:#22180a;border-radius:50%;flex:none;place-items:center;width:32px;height:32px;font-weight:700;display:grid}.shell-main{grid-template-rows:auto 1fr;min-width:0;display:grid}.shell-top{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#071018b8;justify-content:space-between;align-items:center;gap:12px;padding:14px 22px;display:flex}.shell-top h1{font-size:20px}.shell-icon-btn,.shell-close{background:#203249;width:40px;height:40px;padding:0;display:none}.shell-content{min-height:0;overflow:auto}.shell-backdrop{display:none}.coming-soon{justify-items:start;gap:10px;width:min(640px,100% - 32px);margin:48px auto;display:grid}.coming-soon .app-visual{width:88px;height:88px}.app-tile{color:inherit;text-decoration:none}.lobby{gap:22px;width:min(920px,100% - 32px);margin:0 auto;padding:48px 0 72px;display:grid}.lobby-brand{align-items:flex-start;gap:18px;display:flex}.mark{width:56px;height:56px;box-shadow:var(--shadow);background:linear-gradient(160deg,#f0c14b,#d4a017 55%,#8a6a10);border-radius:16px;flex:none}.eyebrow{color:var(--gold-2);letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:12px}h1,h2{margin:0}.lead,.muted,small{color:var(--muted)}.lobby-card,.rooms-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#122033e0;border-radius:22px;padding:22px}.lobby-card{gap:16px;display:grid}label{gap:8px;font-size:14px;display:grid}input,select{border:1px solid var(--line);width:100%;color:var(--text);background:#0b1624;border-radius:12px;padding:12px 14px}.lobby-actions{flex-wrap:wrap;gap:10px;display:flex}button{cursor:pointer;color:var(--text);background:#203249;border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 14px;display:inline-flex}button.primary{background:linear-gradient(180deg, var(--gold-2), var(--gold));color:#22180a;font-weight:700}button.ghost{border:1px solid var(--line);background:0 0}button.leave{background:#8d2d2d}button.is-off{background:#5a2430}button.is-on{background:#18564f}button:disabled{opacity:.55;cursor:not-allowed}.form-error{color:var(--danger);margin:0}.rooms-card h2,.live-health{align-items:center;gap:8px;display:flex}.rooms-card ul{gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.rooms-card button{background:#0b1624;justify-content:space-between;width:100%}.rooms-card span{color:var(--muted);font-size:13px}.live-health{margin:0}.live-health.is-ok{color:var(--teal)}.live-health.is-bad{color:var(--danger)}.meeting{grid-template-rows:auto 1fr auto auto;gap:14px;min-height:100vh;padding:18px 18px 20px;display:grid}.meeting-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.meeting-top-actions{align-items:center;gap:10px;display:flex}.live-pill{background:#203249;border-radius:999px;padding:6px 10px;font-size:12px}.live-pill.status-listening,.live-pill.status-ready,.live-pill.status-speaking{color:#d9fff8;background:#18564f}.live-pill.status-error{background:#5a2430}.video-grid{gap:12px;min-height:0;display:grid}.video-grid.count-1,.video-grid.count-2,.video-grid.count-3,.video-grid.count-4{grid-template-columns:1fr 1fr}.video-tile{border:1px solid var(--line);background:#0b1624;border-radius:18px;min-height:240px;position:relative;overflow:hidden}.video-tile video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.video-tile.is-self video{transform:scaleX(-1)}.video-tile video.is-hidden{opacity:0}.video-fallback{color:var(--gold-2);place-items:center;font-size:48px;display:grid;position:absolute;inset:0}.video-meta,.video-flags{align-items:center;gap:8px;display:flex;position:absolute;bottom:12px;left:12px}.video-meta{background:#071018b8;border-radius:999px;padding:6px 10px;font-size:13px}.video-meta span{color:var(--muted)}.video-flags{color:var(--danger);left:auto;right:12px}.waiting-card{border:1px dashed var(--line);color:var(--muted);border-radius:18px;place-items:center;min-height:240px;margin:0;display:grid}.caption-bar{border:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#071018d1;border-radius:16px;width:min(920px,100%);margin:0 auto;padding:12px 16px}.caption-original,.caption-translated,.caption-empty{margin:0}.caption-original,.caption-empty{color:var(--muted);font-size:14px}.caption-translated{margin-top:6px;font-size:20px;line-height:1.35}.caption-bar span{letter-spacing:.06em;text-transform:uppercase;color:var(--gold-2);margin-bottom:2px;font-size:11px;display:block}.meeting-error{text-align:center}.meeting-dock{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.lang-select{background:#203249;border-radius:12px;align-items:center;gap:8px;padding:0 10px;display:flex}.lang-select select{background:0 0;border:0;width:auto;padding:10px 4px}.home{gap:22px;width:min(1080px,100% - 32px);margin:0 auto;padding:22px 0 64px;display:grid}.home-hero{border:1px solid var(--line);min-height:260px;box-shadow:var(--shadow);background:linear-gradient(#07101826,#071018b8),radial-gradient(500px 220px at 80% 20%,#d4a01747,#0000),linear-gradient(135deg,#102033,#071018);border-radius:28px;position:relative;overflow:hidden}.home-hero-art{position:absolute;inset:0}.wing{filter:blur(2px);background:radial-gradient(circle at 30% 40%,#f0c14b8c,#0000 62%);width:42%;height:58%;position:absolute;top:18%}.wing.left{left:6%;transform:rotate(-18deg)}.wing.right{right:6%;transform:rotate(18deg)}.home-hero-copy{z-index:1;max-width:620px;padding:42px 36px;position:relative}.home-apps-title{margin-bottom:12px}.home-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;display:grid}.app-tile{text-align:left;border:1px solid var(--line);cursor:pointer;background:#122033e0;border-radius:20px;gap:12px;min-height:210px;padding:16px;display:grid}.app-tile.is-live{outline:1px solid #d4a01759}.app-tile.is-soon{opacity:.78}.app-visual{width:100%;height:92px;color:var(--gold-2);border-radius:16px;place-items:center;display:grid}.app-visual.meeting{background:linear-gradient(160deg,#2a4d4a,#12303a)}.app-visual.news{background:linear-gradient(160deg,#4a3a1d,#1d2433)}.app-visual.people{background:linear-gradient(160deg,#2a3558,#121a28)}.app-visual.docs{background:linear-gradient(160deg,#1d3a4a,#121a28)}.app-visual.cal{background:linear-gradient(160deg,#3a2a4a,#121a28)}.app-meta{gap:4px;display:grid}.app-tile em{color:var(--gold-2);font-size:13px;font-style:normal}@media (width<=800px){.video-grid.count-1,.video-grid.count-2,.video-grid.count-3,.video-grid.count-4{grid-template-columns:1fr}.meeting-top,.lobby-brand{flex-direction:column}.caption-translated{font-size:17px}.home-hero-copy{padding:28px 20px}.shell{grid-template-columns:1fr}.shell-sidebar,.shell-backdrop{display:none}.shell-icon-btn{display:inline-flex}.shell.is-nav-open .shell-backdrop{z-index:20;background:#040a108c;border:0;border-radius:0;display:block;position:fixed;inset:0}.shell.is-nav-open .shell-sidebar{z-index:21;width:min(280px,86vw);display:flex;position:fixed;inset:0 auto 0 0}.shell-close{margin-left:auto;display:inline-flex}}