:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#050711;--bg-soft:#0c1020;--panel:#0d1222d6;--panel-solid:#111827;--line:#ffffff21;--text:#f8fafc;--muted:#b8c2d6;--soft:#7d8aa4;--accent:#f6c76b;--accent-strong:#ffb84d;--teal:#6de7d8;--danger:#ff8b8b;--radius:8px;--shadow:0 24px 70px #00000059}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Arial,Apple SD Gothic Neo,Noto Sans KR,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.64}.home-shell{min-height:100svh;overflow:hidden}.home-hero{isolation:isolate;place-items:center;min-height:76svh;padding:80px 24px 48px;display:grid;position:relative}.hero-visual{z-index:-1;background:linear-gradient(#05071133,#050711),repeating-radial-gradient(circle,#fff3 0 1px,#0000 1px 92px),#050711;position:absolute;inset:0;overflow:hidden}.orbit{border:1px solid #ffffff21;border-radius:50%;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.orbit-one{width:46vw;min-width:360px;height:46vw;min-height:360px}.orbit-two{width:68vw;min-width:560px;height:68vw;min-height:560px}.orbit-three{width:88vw;min-width:760px;height:88vw;min-height:760px}.hero-planet{aspect-ratio:1;background:radial-gradient(circle at 35% 30%, var(--planet-accent), transparent 32%), var(--planet-color);width:clamp(26px,4vw,78px);box-shadow:0 0 26px color-mix(in srgb, var(--planet-color), transparent 45%);border-radius:50%;animation:8s ease-in-out infinite floatPlanet;display:block;position:absolute}.hero-planet:first-of-type{top:24%;left:16%}.hero-planet:nth-of-type(2){top:70%;left:27%}.hero-planet:nth-of-type(3){top:26%;left:43%}.hero-planet:nth-of-type(4){top:78%;left:54%}.hero-planet:nth-of-type(5){width:clamp(48px,7vw,118px);top:30%;left:66%}.hero-planet:nth-of-type(6){width:clamp(42px,6vw,102px);top:66%;left:76%}.hero-planet:nth-of-type(7){top:22%;left:84%}.hero-planet:nth-of-type(8){top:50%;left:90%}.hero-copy{text-align:center;width:min(720px,100%);animation:.62s ease-out both riseIn}.eyebrow{color:var(--accent);letter-spacing:0;text-transform:uppercase;margin:0 0 10px;font-size:.82rem;font-weight:800}h1,h2,p{overflow-wrap:anywhere}.hero-copy h1,.section-heading h1{letter-spacing:0;margin:0;font-size:clamp(2.8rem,8vw,6.8rem);line-height:.95}.hero-summary,.section-heading p{width:min(620px,100%);color:var(--muted);margin:22px auto 0;font-size:1.06rem;line-height:1.7}.home-actions{justify-items:center;gap:14px;margin-top:34px;display:grid}.button-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.primary-action,.secondary-action,.audio-toggle{border-radius:var(--radius);border:1px solid #0000;justify-content:center;align-items:center;gap:9px;min-height:46px;padding:0 18px;font-weight:800;line-height:1.1;transition:transform .16s,border-color .16s,background .16s;display:inline-flex}.primary-action{background:var(--accent);color:#1c1303}.secondary-action,.audio-toggle{color:var(--text);border-color:var(--line);background:#ffffff14}.primary-action:hover,.secondary-action:hover,.audio-toggle:hover{transform:translateY(-1px)}.mode-note,.notice,.form-error,.chat-notice,.room-error,.audio-status{color:var(--muted);margin:0;font-size:.92rem;line-height:1.5}.home-details{border-top:1px solid var(--line);background:var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid}.home-details article{background:#080b15;min-height:190px;padding:32px}.home-details svg{color:var(--teal)}.home-details h2{margin:22px 0 10px;font-size:1.15rem}.home-details p{color:var(--muted);margin:0;line-height:1.65}.page-shell{background:linear-gradient(#050711b8,#050711),repeating-radial-gradient(circle,#ffffff2e 0 1px,#0000 1px 96px),#050711;min-height:100svh;padding:24px}.top-nav{max-width:1120px;color:var(--muted);justify-content:space-between;margin:0 auto 48px;font-weight:800;display:flex}.teacher-console,.join-panel{width:min(1120px,100%);margin:0 auto}.section-heading{margin-bottom:34px}.teacher-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:20px;display:grid}.tool-panel,.session-output,.listening-panel,.chat-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}.tool-panel{gap:18px;padding:24px;display:grid}label{color:var(--muted);gap:8px;font-size:.92rem;font-weight:800;display:grid}fieldset{border:0;min-width:0;margin:0;padding:0}legend{color:var(--muted);margin-bottom:10px;font-size:.92rem;font-weight:800}input{border:1px solid var(--line);border-radius:var(--radius);width:100%;min-height:48px;color:var(--text);background:#ffffff14;outline:none;padding:0 14px}input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #f6c76b26}.session-output{align-content:center;gap:16px;min-height:280px;padding:28px;display:grid}.session-output strong{font-size:1.4rem}.teacher-ops{gap:18px;margin-top:24px;display:grid}.teacher-ops-heading h2{margin:0;font-size:clamp(1.5rem,3.6vw,2.3rem);line-height:1.08}.teacher-ops-heading p:last-child{color:var(--muted);margin:12px 0 0;line-height:1.6}.teacher-ops-grid{grid-template-columns:minmax(300px,.82fr) minmax(0,1fr);gap:18px;display:grid}.teacher-summary-panel,.teacher-participants-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);align-content:start;gap:14px;padding:18px;display:grid}.status-pill.neutral{color:var(--text);background:#ffffff0f;border-color:#ffffff24;gap:6px}.teacher-status-pills{flex-wrap:wrap;gap:10px;display:flex}.status-pill{border:1px solid var(--line);border-radius:999px;justify-content:center;align-items:center;min-height:34px;padding:0 12px;font-size:.84rem;font-weight:800;display:inline-flex}.status-pill.active,.status-pill.chat-open{color:#baf6ec;background:#6de7d81f;border-color:#6de7d880}.status-pill.ended,.status-pill.chat-closed{color:#f6c76b;background:#f6c76b1f;border-color:#f6c76b75}.teacher-summary-list{gap:8px;margin:0;display:grid}.teacher-summary-row{border-top:1px solid #ffffff14;justify-content:space-between;gap:16px;padding-top:8px;display:flex}.teacher-summary-row dt,.teacher-summary-row dd{margin:0;line-height:1.5}.teacher-summary-row dt{color:var(--muted)}.teacher-summary-row dd{font-weight:800}.teacher-control-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.danger-action{color:#2a0b07;background:#ff8f84}.teacher-participant-list{gap:10px;display:grid}.teacher-participant-item{border-radius:var(--radius);background:#ffffff0a;border:1px solid #ffffff14;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.teacher-participant-main{gap:4px;display:grid}.teacher-participant-main p{color:var(--muted);margin:0;font-size:.9rem;line-height:1.45}.teacher-participant-name-row{align-items:center;gap:10px;display:flex}.teacher-participant-swatch{aspect-ratio:1;border-radius:50%;width:12px;box-shadow:0 0 0 1px #fff3}.teacher-kick-button{min-width:88px}.session-code{color:var(--accent);font-family:Arial,sans-serif;line-height:.96;display:block;font-size:clamp(3rem,7vw,5rem)!important}.join-link{color:var(--muted);margin:0;font-size:.95rem}.session-share-layout{grid-template-columns:1fr;align-items:center;gap:18px;width:100%;display:grid}.session-code-block{gap:12px;min-width:0;display:grid}.qr-card{border:1px solid var(--line);border-radius:var(--radius);background:#ffffff0f;justify-self:start;justify-items:center;gap:10px;width:min(220px,100%);padding:12px;display:grid}.qr-card img,.qr-placeholder{aspect-ratio:1;border-radius:6px;width:min(152px,100%)}.qr-card img{background:#fff;padding:8px;display:block}.qr-placeholder{color:var(--muted);border:1px dashed #ffffff38;place-items:center;display:grid}.qr-card p{color:var(--muted);text-align:center;margin:0;font-size:.78rem;font-weight:800;line-height:1.35}.notice{margin-top:18px}.join-shell{align-content:start;display:grid}.join-panel{max-width:720px}.join-form{max-width:560px}.teacher-avatar-fieldset{gap:10px;margin-top:2px;display:grid}.teacher-avatar-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.teacher-avatar-option{border:1px solid var(--line);border-radius:var(--radius);min-height:92px;color:var(--text);background:#ffffff0d;place-items:center;gap:6px;padding:8px 6px;transition:transform .16s,border-color .16s,background .16s;display:grid}.teacher-avatar-option img{object-fit:contain;filter:drop-shadow(0 6px 8px #0000003d);width:auto;height:44px}.teacher-avatar-option span{color:var(--muted);text-align:center;font-size:.72rem;font-weight:800;line-height:1.25}.teacher-avatar-option:hover,.teacher-avatar-option.selected{border-color:var(--avatar-accent);background:color-mix(in srgb, var(--avatar-accent), transparent 88%);transform:translateY(-1px)}.avatar-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.avatar-option{border:1px solid var(--line);border-radius:var(--radius);min-height:132px;color:var(--text);background:#ffffff0f;place-items:center;gap:7px;padding:10px 6px;transition:transform .16s,border-color .16s,background .16s;display:grid}.avatar-option img{object-fit:contain;filter:drop-shadow(0 8px 10px #00000038);width:auto;height:76px}.avatar-option span{min-height:31px;color:var(--muted);text-align:center;font-size:.78rem;font-weight:800;line-height:1.25}.avatar-option:hover,.avatar-option.selected{border-color:var(--avatar-accent);background:color-mix(in srgb, var(--avatar-accent), transparent 86%);transform:translateY(-1px)}.avatar-option.selected span{color:var(--text)}.form-error,.room-error,.chat-notice{color:var(--danger)}.room-session-banner{color:#ffd0cb;background:#ff8f8424;border-bottom:1px solid #ffffff14;margin:0;padding:10px 18px;font-size:.92rem;font-weight:700;line-height:1.5}.room-session-banner.subtle{color:#f6c76b;background:#f6c76b1f}.room-fallback{background:var(--bg);place-content:center;justify-items:start;gap:24px;min-height:100svh;padding:24px;display:grid}.metaverse-shell{background:var(--bg);min-height:100svh;overflow:hidden}.room-header{border-bottom:1px solid var(--line);background:#050711eb;justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:0 18px;display:flex}.room-brand{font-weight:900}.room-meta{color:var(--muted);flex-wrap:wrap;justify-content:flex-end;gap:10px;font-size:.92rem;display:flex}.room-meta span{align-items:center;gap:6px;display:inline-flex}.metaverse-stage{grid-template-rows:minmax(0,auto) minmax(0,1fr);grid-template-columns:minmax(0,1fr) 340px;gap:14px;height:calc(100svh - 64px);min-height:0;padding:14px;display:grid;position:relative;overflow:hidden}.metaverse-stage.teacher-mode{grid-template-rows:minmax(0,auto) minmax(0,auto) minmax(0,1fr)}.universe-canvas{border:1px solid var(--line);border-radius:var(--radius);isolation:isolate;background:#050711;grid-row:1/span 2;min-height:0;position:relative;overflow:hidden}.universe-canvas canvas{z-index:1;touch-action:none;-webkit-user-select:none;user-select:none;display:block;position:absolute;inset:0}.virtual-joystick{z-index:20;bottom:max(20px, env(safe-area-inset-bottom));left:max(20px, env(safe-area-inset-left));touch-action:none;-webkit-user-select:none;user-select:none;background:#05071194;border:1px solid #ffffff38;border-radius:50%;width:132px;height:132px;display:none;position:absolute;box-shadow:0 18px 38px #00000057}.virtual-joystick:before{content:"";border:1px solid #ffffff2e;border-radius:50%;position:absolute;inset:18px}.virtual-joystick-knob{aspect-ratio:1;background:radial-gradient(circle at 35% 28%, #ffffff8f, transparent 34%), var(--accent);border:1px solid #ffffff57;border-radius:50%;width:54px;transition:transform .1s;position:absolute;top:50%;left:50%;box-shadow:0 10px 24px #00000061}.virtual-joystick.active .virtual-joystick-knob{transition:none}@media (pointer:coarse){.virtual-joystick{display:block}}.listening-panel{align-content:start;align-self:start;gap:10px;max-height:min(280px,100svh - 104px);padding:16px 18px;display:grid;overflow:auto}.teacher-room-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);align-content:start;gap:12px;padding:16px 18px;display:grid}.teacher-control-buttons.single-column{grid-template-columns:1fr}.teacher-room-students{gap:10px;display:grid}.teacher-room-students-heading{align-items:center;gap:8px;display:flex}.teacher-room-students-heading h3{margin:0;font-size:.96rem}.teacher-room-student-list{gap:9px;display:grid}.teacher-room-student-item{border-radius:var(--radius);background:#ffffff0a;border:1px solid #ffffff14;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;display:grid}.teacher-room-student-main{gap:4px;display:grid}.teacher-room-student-main p{color:var(--muted);margin:0;font-size:.88rem;line-height:1.45}.listening-panel strong{font-size:1.18rem;line-height:1.35}.listening-panel p{color:var(--muted);margin:0;line-height:1.55}.panel-title{align-items:center;gap:9px;display:flex}.panel-title h1,.panel-title h2{margin:0;font-size:1rem}.audio-toggle{width:100%;margin-top:4px}.audio-toggle.enabled{background:#6de7d824;border-color:#6de7d8a6}.audio-toggle:disabled,.chat-form button:disabled{cursor:not-allowed;opacity:.56;transform:none}.chat-panel{grid-template-rows:auto minmax(0,1fr) auto auto;gap:12px;height:100%;min-height:0;padding:18px;display:grid;overflow:hidden}.message-list{flex-direction:column;gap:9px;min-height:0;padding-right:3px;display:flex;overflow:auto}.message-row{border-left:2px solid #f6c76ba6;gap:3px;margin:0;padding-left:10px;line-height:1.45;display:grid}.message-row strong{color:var(--accent);font-size:.82rem}.message-row span,.empty-state{color:var(--muted)}.empty-state{margin:0;line-height:1.5}.chat-form{grid-template-columns:minmax(0,1fr) 44px;gap:8px;display:grid}.chat-form input{min-height:44px}.chat-form input:disabled{opacity:.72}.chat-form button{border:1px solid var(--line);border-radius:var(--radius);background:var(--accent);color:#1c1303;place-items:center;width:44px;height:44px;display:grid}@keyframes riseIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes floatPlanet{0%,to{transform:translate(0,0)}50%{transform:translateY(-12px)}}@media (max-width:1100px),(pointer:coarse) and (max-width:1366px){.metaverse-shell{min-height:100dvh;overflow:auto}.room-header{min-height:auto}.metaverse-stage{grid-template-rows:auto;grid-template-columns:1fr;height:auto;min-height:calc(100dvh - 64px);overflow:visible}.metaverse-stage.teacher-mode{grid-template-rows:auto}.universe-canvas{grid-row:auto;min-height:min(62dvh,520px)}.listening-panel{max-height:none}.chat-panel{height:min(430px,46dvh);min-height:300px}}@media (max-width:940px){.home-details,.teacher-grid{grid-template-columns:1fr;height:auto;overflow:visible}.teacher-ops-grid,.teacher-control-buttons,.teacher-participant-item{grid-template-columns:1fr}}@media (min-width:1500px){.session-share-layout{grid-template-columns:minmax(0,1fr) minmax(148px,176px)}}@media (max-width:640px){.home-hero{min-height:72svh;padding:72px 18px 40px}.hero-copy h1,.section-heading h1{font-size:clamp(2.35rem,15vw,4rem)}.button-row,.home-actions,.primary-action,.secondary-action{width:100%}.primary-action,.secondary-action{min-height:50px}.home-details{display:block}.home-details article{border-top:1px solid var(--line);min-height:auto;padding:26px 20px}.page-shell{padding:18px}.avatar-grid,.teacher-avatar-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.qr-card{width:100%}.room-header{flex-direction:column;align-items:flex-start;padding:14px}.metaverse-stage{padding:10px}.universe-canvas{min-height:min(54dvh,420px)}.virtual-joystick{bottom:max(14px, env(safe-area-inset-bottom));left:max(14px, env(safe-area-inset-left));width:112px;height:112px}.virtual-joystick-knob{width:46px}.chat-panel{height:min(390px,52dvh);min-height:300px;padding:14px}.teacher-room-student-item{grid-template-columns:1fr}.chat-form{grid-template-columns:minmax(0,1fr) 52px;gap:10px}.chat-form input{min-height:52px;font-size:1rem}.chat-form button{width:52px;height:52px}}