:root{color:#111827;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f6f8fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0}.startup-loader{color:#fff;background:#111827;place-content:center;justify-items:center;gap:16px;min-height:100vh;display:grid}.startup-wordmark{font-size:28px;font-weight:800}.startup-dots{gap:8px;display:flex}.startup-dots span{background:#f4c542;border-radius:999px;width:10px;height:10px;animation:1.1s ease-in-out infinite startup-pulse}.startup-dots span:nth-child(2){animation-delay:.14s}.startup-dots span:nth-child(3){animation-delay:.28s}@keyframes startup-pulse{0%,80%,to{opacity:.45;transform:translateY(0)}40%{opacity:1;transform:translateY(-6px)}}h1,h2,p{margin:0}h1{color:#111827;letter-spacing:0;font-size:40px;line-height:1.1}a{color:#2563eb}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--color-navy-950:#050a10;--color-navy-900:#08111b;--color-navy-850:#0a131d;--color-navy-800:#0c1621;--color-navy-750:#101b27;--color-orange-600:#ff7a00;--color-orange-500:#ff9b21;--color-orange-700:#e95500;--color-blue-600:#3b82f6;--color-blue-500:#60a5fa;--color-purple-600:#a855f7;--color-teal-600:#14b8a6;--color-pink-500:#fb7185;--color-cyan-500:#22d3ee;--color-indigo-600:#818cf8;--color-gold-400:#ffb84d;--color-surface-app:#050a10;--color-surface-card:#0c1621;--color-surface-subtle:#101b27;--color-border:#789bb929;--color-text-primary:#f7fafc;--color-text-secondary:#a8b3c2;--color-text-muted:#7e8b9a;--color-success:#22c55e;--color-warning:#ff9b21;--color-danger:#f43f5e;--shadow-card:0 18px 42px #00000052;--glow-orange:0 0 26px #ff7a0029;--radius-card:18px}.app-shell{background:radial-gradient(circle at 8% 4%, #ff7a0029, transparent 30rem), radial-gradient(circle at 82% 10%, #3b82f61f, transparent 32rem), linear-gradient(180deg, #08111b 0%, #050a10 62%), var(--color-surface-app);min-height:100vh;color:var(--color-text-primary)}.app-topnav{z-index:30;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#050a10eb;border-bottom:1px solid #789bb929;justify-content:space-between;align-items:center;gap:24px;min-height:78px;padding:0 clamp(18px,3vw,40px);display:flex;position:sticky;top:0;box-shadow:0 14px 34px #00000047}.app-brand{min-width:fit-content;color:var(--color-text-primary);align-items:center;gap:12px;text-decoration:none;display:inline-flex}.app-brand-static{pointer-events:none}.app-brand-mark{background:linear-gradient(135deg, var(--color-orange-600), #ffb84d);color:#fff;border:1px solid #ff9a2157;border-radius:14px;place-items:center;width:42px;height:42px;font-weight:900;display:grid;box-shadow:0 12px 26px #ff7a0047}.app-brand strong{font-size:22px;line-height:1;display:block}.app-brand small{color:var(--color-text-muted);margin-top:4px;font-size:12px;font-weight:650;display:block}.desktop-nav{justify-content:center;align-items:center;gap:4px;min-width:0;display:flex}.desktop-nav a,.mobile-nav a{color:var(--color-text-secondary);align-items:center;gap:8px;padding:22px 12px 20px;font-size:14px;font-weight:700;line-height:1;text-decoration:none;display:flex;position:relative}.desktop-nav a:after{content:"";background:0 0;border-radius:999px 999px 0 0;height:3px;position:absolute;bottom:8px;left:12px;right:12px}.desktop-nav a.active,.desktop-nav a:hover,.mobile-nav a.active,.mobile-nav a:hover{color:var(--color-orange-500)}.desktop-nav a.active:after{background:var(--color-orange-600);box-shadow:0 0 16px #ff7a0073}.desktop-nav a.active{background:#ff7a0014;border-radius:14px}.nav-icon{color:currentColor;background:#ffffff0f;border-radius:9px;place-items:center;width:24px;height:24px;font-size:14px;display:inline-grid}.topbar-actions{align-items:center;gap:10px;display:flex}.topbar-icon-button,.avatar-button,.icon-button{border:1px solid var(--color-border);min-width:40px;height:40px;color:var(--color-text-primary);background:#0c1621eb;border-radius:14px;place-items:center;font-weight:800;display:inline-grid;position:relative}.topbar-icon-button:hover,.avatar-button:hover,.icon-button:hover{background:#101b27;border-color:#ff9a216b}.topbar-status-dot{background:#94a3b8;border:2px solid #fff;border-radius:999px;width:8px;height:8px;position:absolute;bottom:8px;right:8px}.topbar-status-dot-online{background:var(--color-success)}.unread-badge{background:var(--color-danger);color:#fff;border-radius:999px;min-width:18px;padding:2px 5px;font-size:11px;line-height:1.2;position:absolute;top:-6px;right:-6px}.user-menu{position:relative}.user-chip{gap:8px;width:auto;min-width:0;padding:0 10px 0 6px;display:inline-flex}.avatar-button span,.user-chip span{width:28px;height:28px;color:var(--color-orange-500);background:linear-gradient(135deg,#ff7a0038,#ff9a211f);border-radius:999px;place-items:center;font-size:12px;display:inline-grid}.user-chip strong{color:var(--color-text-primary);font-size:14px}.user-chip small{color:var(--color-text-secondary)}.user-menu-popover{z-index:35;border:1px solid var(--color-border);min-width:160px;box-shadow:var(--shadow-card);background:#0c1621;border-radius:10px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.user-menu-popover a,.user-menu-popover button{color:var(--color-text-primary);text-align:left;background:0 0;border:0;border-radius:8px;padding:10px;font-weight:650;text-decoration:none}.content{width:min(1560px,100%);min-width:0;margin:0 auto;padding:clamp(18px,3vw,36px)}.mobile-menu-button{display:none}.mobile-nav-drawer{z-index:45;border-right:1px solid var(--color-border);background:#08111b;grid-template-rows:auto 1fr auto;gap:18px;width:min(360px,100vw - 24px);height:100vh;padding:18px;transition:transform .18s;display:grid;position:fixed;top:0;left:0;transform:translate(-105%);box-shadow:18px 0 42px #0f172a29}.mobile-nav-drawer-open{transform:translate(0)}.mobile-nav-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.mobile-nav{align-content:start;gap:4px;display:grid}.mobile-nav a{border-radius:12px;padding:13px}.mobile-nav a.active{background:#eef4ff}.mobile-nav-logout{border:1px solid var(--color-border);min-height:44px;color:var(--color-text-primary);background:#0c1621;border-radius:12px;justify-content:center;align-items:center;gap:8px;font-weight:800;display:flex}.drawer-backdrop{z-index:40;background:#0000007a;border:0;position:fixed;inset:0}.realtime-drawer{z-index:45;width:min(380px,100vw - 24px);height:100vh;transition:transform .18s;position:fixed;top:0;right:0;transform:translate(105%);box-shadow:-18px 0 42px #0f172a2e}.realtime-drawer-open{transform:translate(0)}.event-panel{border-left:1px solid var(--color-border);background:#08111b;align-content:start;gap:12px;min-width:0;height:100%;padding:18px;display:grid;overflow:hidden}.event-panel-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.event-list{gap:8px;max-height:calc(100vh - 92px);padding-right:2px;display:grid;overflow-y:auto}.event-list article{border:1px solid var(--color-border);background:#0c1621;border-radius:8px;gap:4px;padding:10px;display:grid}.event-list article div{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.event-list span{color:var(--color-text-secondary);font-size:13px}.event-list time,.event-list small{color:var(--color-text-muted);font-size:12px}.event-connection-state{color:var(--color-text-primary);align-items:center;gap:7px;font-size:14px;display:inline-flex}.status-dot{background:#94a3b8;border-radius:999px;width:8px;height:8px}.status-dot-online{background:#16a34a}.state-text,.empty-state{border:1px solid var(--color-border);background:#0a131d;border-radius:8px;padding:18px}.empty-state{gap:6px;display:grid}.empty-state span,.state-text{color:var(--color-text-secondary)}.page-stack{gap:18px;max-width:1040px;display:grid}.auth-layout,.centered-page{background:#f6f8fb;place-items:center;min-height:100vh;padding:24px;display:grid}.auth-panel{background:#fff;border:1px solid #e5e7eb;border-radius:12px;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);align-items:stretch;gap:0;width:min(1120px,100%);min-height:min(760px,100vh - 48px);display:grid;overflow:hidden;box-shadow:0 20px 50px #0f172a24}.auth-brand-panel{color:#fff;background:#111827;align-content:space-between;gap:32px;min-width:0;padding:42px;display:grid;position:relative;overflow:hidden}.auth-brand-copy{z-index:1;gap:16px;max-width:520px;display:grid;position:relative}.auth-logo{color:#fff;font-size:24px;font-weight:800}.auth-brand-copy h1{color:#fff;font-size:clamp(40px,5vw,60px);line-height:1}.auth-brand-copy p:last-child{color:#d1d5db;max-width:460px;font-size:18px;line-height:1.6}.conversation-scene{place-items:center;min-height:320px;display:grid;position:relative}.session-card{background:#172033;border:1px solid #ffffff29;border-radius:12px;box-shadow:0 18px 45px #0000003d}.session-card-main{gap:26px;width:min(360px,88%);padding:20px;display:grid}.session-topbar{gap:8px;display:flex}.session-topbar span{background:#334155;border-radius:999px;width:10px;height:10px}.avatar-row{justify-content:center;align-items:center;gap:14px;display:flex}.avatar-dot{color:#fff;background:#2563eb;border-radius:999px;place-items:center;width:64px;height:64px;font-size:22px;font-weight:800;display:grid}.avatar-dot-gold{color:#111827;background:#f4c542}.connection-line{background:linear-gradient(90deg,#2563eb,#f4c542);width:92px;height:2px}.waveform{justify-content:center;align-items:center;gap:8px;height:52px;display:flex}.waveform span,.mini-wave span{background:#60a5fa;border-radius:999px;width:6px;animation:1.1s ease-in-out infinite wave-rise}.waveform span{height:22px}.waveform span:nth-child(2),.mini-wave span:nth-child(2){animation-delay:.12s}.waveform span:nth-child(3),.mini-wave span:nth-child(3){animation-delay:.24s}.waveform span:nth-child(4){animation-delay:.36s}.waveform span:nth-child(5){animation-delay:.48s}@keyframes wave-rise{0%,to{opacity:.65;transform:scaleY(.55)}50%{opacity:1;transform:scaleY(1.55)}}.mini-session{color:#fff;background:#1f2937;border:1px solid #ffffff29;border-radius:8px;padding:10px 12px;font-weight:800;position:absolute;box-shadow:0 12px 30px #0003}.mini-session-debate{top:18%;left:8%}.mini-session-gd{top:42%;right:4%}.mini-session-roleplay{bottom:14%;left:18%}.auth-feature-row{z-index:1;flex-wrap:wrap;gap:10px;display:flex;position:relative}.auth-feature-row span{color:#d1d5db;background:#ffffff0a;border:1px solid #ffffff29;border-radius:999px;padding:8px 12px;font-size:14px;font-weight:700}.auth-card{align-content:center;gap:14px;min-width:0;padding:clamp(28px,5vw,54px);display:grid}.auth-card h2{color:#111827;font-size:clamp(30px,4vw,42px);line-height:1.05}.auth-form{gap:16px;margin-top:10px;display:grid}.auth-form input:focus,.auth-form select:focus,.auth-form textarea:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb29}.password-field{display:block;position:relative}.password-field input{padding-right:78px}.password-toggle{color:#2563eb;background:0 0;padding:6px 10px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.auth-submit-button{justify-content:center;align-items:center;gap:10px;min-height:46px;display:inline-flex}.button-loader{border:2px solid #fff6;border-top-color:#fff;border-radius:999px;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.auth-loading-status{color:#1e40af;align-items:center;gap:10px;font-weight:700;display:flex}.mini-wave{align-items:center;gap:4px;display:flex}.mini-wave span{height:16px}.auth-retry-button{width:fit-content}.auth-switch-link{text-align:center}.branded-loader{color:#fff;background:#111827;place-items:center;gap:14px;display:grid}.branded-loader-fullscreen{min-height:100vh}.loader-wordmark{font-size:28px;font-weight:800}.conversation-loader{gap:8px;display:flex}.conversation-loader span{background:#f4c542;border-radius:999px;width:12px;height:12px;animation:1.1s ease-in-out infinite startup-pulse}.conversation-loader span:nth-child(2){animation-delay:.14s}.conversation-loader span:nth-child(3){animation-delay:.28s}.form-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;gap:16px;padding:24px;display:grid;box-shadow:0 10px 24px #0f172a0f}.form-card.compact{max-width:520px}.profile-page{gap:24px;width:min(100%,1180px);max-width:none;margin-inline:auto;padding-block:12px 40px}.profile-header{gap:10px;display:grid}.profile-header h1{color:var(--color-orange-500);margin:0;font-size:clamp(42px,5vw,54px);line-height:.96}.profile-header h1 span{color:#fff}.profile-header p.muted{max-width:680px;color:var(--color-text-secondary);font-size:16px;line-height:1.55}.profile-form,.profile-connect-section{border:1px solid var(--color-border);max-width:none;box-shadow:var(--shadow-card);background:linear-gradient(#101b27f5,#0c1621fa);border-radius:16px;gap:24px;padding:clamp(22px,2.8vw,30px);display:grid}.profile-form-section{border-bottom:1px solid #7d96af24;gap:18px;padding-bottom:26px;display:grid}.profile-form-section:last-of-type{border-bottom:0;padding-bottom:0}.profile-section-header,.profile-connect-header,.social-editor-panel header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.profile-section-header>div{align-items:center;gap:10px;display:flex}.profile-form-section h2,.profile-connect-section h2,.social-editor-panel h3{color:#fff;margin:0}.profile-section-header>span,.profile-connect-header span,.profile-bio-counter{color:var(--color-text-secondary)}.profile-section-header strong,.profile-field strong,.profile-bio-counter-warning{color:var(--color-orange-500)}.profile-section-icon{width:34px;height:34px;color:var(--color-orange-500);background:#ff7a001f;border-radius:12px;flex:none;place-items:center;display:grid;position:relative}.profile-section-icon:before{content:"";border:2px solid;border-radius:999px;width:16px;height:16px}.profile-section-icon-communication:before{border-radius:4px 4px 8px 8px}.profile-section-icon-about:before{border-radius:4px}.profile-fields-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 22px;display:grid}.profile-field-full{grid-column:1/-1}.profile-field{min-width:0;color:var(--color-text-secondary);gap:8px;font-size:14px;font-weight:800;display:grid}.profile-field input,.profile-field select,.profile-field textarea,.social-editor-fields input,.social-editor-fields select{width:100%;min-height:50px;color:var(--color-text-primary);font:inherit;background:#0d151d;border:1px solid #7d96af33;border-radius:10px;padding:10px 12px}.profile-field textarea{resize:vertical;min-height:118px}.profile-field input::placeholder,.profile-field textarea::placeholder,.social-editor-fields input::placeholder{color:var(--color-text-muted)}.profile-field input:focus,.profile-field select:focus,.profile-field textarea:focus,.social-editor-fields input:focus,.social-editor-fields select:focus,.profile-save-button:focus-visible,.profile-add-social-button:focus-visible,.social-editor-panel button:focus-visible,.social-link-actions a:focus-visible,.social-link-actions button:focus-visible{border-color:#ff9a21a8;outline:none;box-shadow:0 0 0 3px #ff7a0029}.profile-unsaved-note{color:var(--color-orange-500);margin:0;font-size:13px;font-weight:800}.profile-save-button,.profile-add-social-button{border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:52px;padding:10px 16px;font-weight:900;transition:border-color .17s,background .17s,box-shadow .17s,transform .17s;display:inline-flex}.profile-save-button{background:linear-gradient(135deg, var(--color-orange-600), var(--color-orange-500));color:#fff;border:1px solid #ff9a2161;width:100%;box-shadow:0 0 26px #ff7a0038}.profile-save-button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 30px #ff7a004d}.profile-save-button:disabled,.profile-add-social-button:disabled{cursor:not-allowed;opacity:.58;box-shadow:none}.profile-connect-header{align-items:center}.profile-add-social-button{color:var(--color-orange-500);background:#ff7a000d;border:1px solid #ff9a2157}.profile-add-social-button:hover{background:#ff7a0017;border-color:#ff9a21a8}.profile-plus-icon{width:16px;height:16px;position:relative}.profile-plus-icon:before,.profile-plus-icon:after{content:"";background:currentColor;border-radius:999px;height:2px;position:absolute;inset:7px 1px auto}.profile-plus-icon:after{transform:rotate(90deg)}.profile-social-empty{text-align:center;background:#ff7a0009;border:1px dashed #ff9a216b;border-radius:14px;align-content:center;place-items:center;gap:9px;min-height:168px;padding:24px;display:grid}.profile-social-empty-icon{width:52px;height:52px;color:var(--color-orange-500);background:#ff7a0021;border-radius:999px;place-items:center;display:grid;position:relative;box-shadow:0 0 24px #ff7a001f}.profile-social-empty-icon:before{content:"";border:2px solid;border-radius:999px 999px 8px 8px;width:22px;height:16px}.profile-social-empty strong{color:#fff;font-size:18px}.profile-social-empty p{color:var(--color-text-secondary);margin:0}.profile-error-card{background:linear-gradient(#101b27f5,#0c1621fa);border:1px solid #f43f5e42;border-radius:16px;padding:20px}.profile-error-card strong{color:#fff;display:block}.profile-error-card span{color:var(--color-text-secondary)}.social-link-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.social-link-card{border:1px solid var(--color-border);background:#101b27b8;border-radius:12px;gap:14px;min-width:0;padding:16px;display:grid}.social-link-card>div:first-child{align-items:center;gap:12px;min-width:0;display:flex}.social-link-card strong,.social-link-card span{overflow-wrap:anywhere;min-width:0}.social-link-card strong{color:#fff}.social-link-card span:not(.platform-icon){color:var(--color-text-secondary)}.platform-icon{width:36px;height:36px;color:var(--color-orange-500);text-transform:uppercase;background:#ff7a001f;border-radius:10px;flex:none;place-items:center;font-size:12px;font-weight:800;display:inline-grid}.social-link-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.social-link-actions a{color:var(--color-orange-500);font-weight:700}.content .danger-button{color:var(--color-danger)}.social-editor-panel{background:radial-gradient(circle at 96% 6%,#ff7a001f,#0000 9rem),linear-gradient(#101b27fa,#0c1621fa);border:1px solid #ff9a2138;border-radius:14px;gap:16px;padding:18px;display:grid}.platform-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;display:grid}.platform-option{border:1px solid var(--color-border);min-height:86px;color:var(--color-text-primary);text-align:center;background:#0d151deb;border-radius:12px;place-items:center;gap:6px;display:grid}.platform-option.selected{color:var(--color-orange-500);background:#ff7a001f;border-color:#ff9a218f}.platform-option small{color:var(--color-text-muted)}.social-editor-fields{gap:14px;display:grid}.social-editor-fields label{color:var(--color-text-secondary)}.social-editor-fields button[type=submit]{background:linear-gradient(135deg, var(--color-orange-600), var(--color-orange-500));color:#fff;border:1px solid #ff9a2161;border-radius:12px;min-height:48px;font-weight:900}.social-editor-fields button[type=submit]:disabled{cursor:not-allowed;opacity:.58}.profile-skeleton-panel,.profile-social-skeleton{position:relative;overflow:hidden}.profile-skeleton-line,.profile-skeleton-field,.profile-social-skeleton{background:#101b27;border-radius:12px}.profile-skeleton-title{width:min(260px,80%);height:28px}.profile-skeleton-field{min-height:54px}.profile-social-skeleton{min-height:160px}.profile-skeleton-panel:after,.profile-social-skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffff14,#0000);animation:1.15s ease-in-out infinite skeleton-sweep;position:absolute;inset:0}label{color:#374151;gap:8px;font-size:14px;font-weight:600;display:grid}input,select,textarea{box-sizing:border-box;color:#111827;width:100%;font:inherit;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:10px 12px}textarea{resize:vertical}code{color:#111827;overflow-wrap:anywhere}video{aspect-ratio:16/9;object-fit:cover;background:#111827;border-radius:8px;width:100%}button{color:#fff;font:inherit;cursor:pointer;background:#2563eb;border:0;border-radius:6px;padding:10px 14px;font-weight:700}button:disabled{opacity:.6;cursor:not-allowed}.ghost-button{color:inherit;background:0 0;border:1px solid}.compact-button{padding:6px 10px;font-size:14px}.content .ghost-button{color:var(--color-orange-500)}.eyebrow{color:var(--color-orange-500);letter-spacing:.08em;text-transform:uppercase;font-size:13px;font-weight:800}.muted{color:var(--color-text-secondary)}.error-text{color:#b91c1c}.success-text{color:#047857}.alert{color:#bfdbfe;background:#3b82f617;border:1px solid #60a5fa52;border-radius:8px;gap:4px;padding:12px 14px;display:grid}.alert strong{color:inherit}.alert span{color:inherit;overflow-wrap:anywhere}.validation-summary ul{margin:.5rem 0 0;padding-left:1.25rem}.validation-summary li+li{margin-top:.25rem}.alert-error{color:#fecdd3;background:#f43f5e1a;border-color:#f43f5e52}.alert-success{color:#ccfbf1;background:#14b8a61a;border-color:#14b8a652}.toast-region{z-index:30;gap:10px;width:min(360px,100vw - 36px);display:grid;position:fixed;bottom:18px;right:18px}.toast{border:1px solid var(--color-border);color:var(--color-text-primary);background:#0c1621;border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:12px;display:grid;box-shadow:0 12px 28px #0f172a29}.toast span{overflow-wrap:anywhere}.toast-success{color:#ccfbf1;background:#0c1621;border-color:#14b8a652}.toast-error{color:#fecdd3;background:#0c1621;border-color:#f43f5e52}.stats-grid,.skill-grid,.list-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.stats-grid article,.skill-grid article,.list-grid article{background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-content:center;gap:8px;min-width:0;min-height:96px;padding:18px;display:grid}.stats-grid span,.skill-grid span,.list-grid span{color:#6b7280;text-transform:capitalize;overflow-wrap:anywhere;line-height:1.35}.stats-grid strong,.skill-grid strong{color:#111827;overflow-wrap:anywhere;word-break:break-word;max-width:100%;font-size:clamp(22px,2vw,26px);line-height:1.2}.stats-grid .rank-value{text-wrap:balance;overflow-wrap:anywhere;word-break:normal;font-size:clamp(18px,1.65vw,24px);line-height:1.15}.dashboard-page{gap:22px;max-width:none}.dashboard-layout{grid-template-columns:minmax(0,2.2fr) minmax(280px,.85fr);align-items:start;gap:clamp(18px,2vw,26px);display:grid}.dashboard-main-column,.dashboard-side-column{gap:22px;display:grid}.dashboard-side-column{position:sticky;top:94px}.welcome-hero{min-height:232px;box-shadow:0 24px 54px #00000057, var(--glow-orange);background:radial-gradient(circle at 2%,#ff7a003d,#0000 16rem),radial-gradient(circle at 82% 18%,#3b82f638,#0000 16rem),linear-gradient(135deg,#0c1621 0%,#08111b 48%,#050a10 100%);border:1px solid #ff9a2133;border-radius:20px;grid-template-columns:minmax(0,1fr) minmax(210px,320px);align-items:center;gap:18px;padding:clamp(24px,3vw,38px);display:grid;position:relative;overflow:hidden}.welcome-hero-copy{z-index:1;gap:10px;display:grid;position:relative}.welcome-hero-copy span{color:var(--color-orange-500);font-weight:800}.welcome-hero-copy h1{color:#fff;letter-spacing:0;margin:0;font-size:clamp(34px,4.6vw,52px);line-height:.95}.welcome-hero-copy p{max-width:560px;color:var(--color-text-secondary);font-size:15px;line-height:1.6}.welcome-illustration{min-height:180px;position:relative}.illustration-person{background:linear-gradient(#101b27 0%,#0c1621 100%);border-radius:52px 52px 28px 28px;width:104px;height:126px;position:absolute;bottom:6px;right:58px;box-shadow:0 0 0 1px #789bb933,0 18px 40px #0000004d}.illustration-person:before{content:"";background:linear-gradient(135deg,#ff9b21,#ff7a00);border-radius:999px;width:54px;height:54px;position:absolute;top:-44px;left:25px;box-shadow:inset 0 -9px #78350f1f}.illustration-bubble,.illustration-card{background:#0c1621eb;border:1px solid #789bb92e;position:absolute;box-shadow:0 12px 28px #00000038}.illustration-bubble{border-radius:20px 20px 20px 6px;width:80px;height:48px;top:54px;right:16px}.illustration-card{min-width:82px;min-height:52px;color:var(--color-text-primary);border-radius:16px;place-items:center;font-size:13px;font-weight:900;display:grid}.illustration-card-chat{top:12px;left:12px}.illustration-card-score{color:var(--color-purple-600);bottom:12px;right:6px}.illustration-laptop{background:linear-gradient(#101b27,#050a10);border:1px solid #789bb93d;border-radius:14px 14px 6px 6px;width:118px;height:72px;position:absolute;bottom:18px;right:82px;box-shadow:inset 0 0 0 1px #ff9a2114,0 18px 30px #00000042}.illustration-laptop:after{content:"";background:linear-gradient(90deg, var(--color-orange-600) 24%, var(--color-blue-500) 24% 52%, var(--color-teal-600) 52% 76%, transparent 76%);border-radius:8px;height:26px;position:absolute;bottom:12px;left:18px;right:18px}.illustration-mic{background:linear-gradient(180deg, var(--color-orange-500), var(--color-orange-700));border-radius:999px 999px 10px 10px;width:22px;height:58px;position:absolute;bottom:18px;right:198px;box-shadow:0 0 20px #ff7a0042}.illustration-chart{background:linear-gradient(#3b82f621,#0c1621eb);border:1px solid #60a5fa3d;border-radius:18px;width:92px;height:74px;position:absolute;top:18px;right:32px}.illustration-chart:before{content:"";background:linear-gradient(to top, var(--color-blue-500) 0 44%, transparent 44%) left bottom / 12px 100% no-repeat, linear-gradient(to top, var(--color-orange-500) 0 72%, transparent 72%) center bottom / 12px 100% no-repeat, linear-gradient(to top, var(--color-teal-600) 0 58%, transparent 58%) right bottom / 12px 100% no-repeat;height:34px;position:absolute;bottom:18px;left:16px;right:16px}.retry-button{width:fit-content}.dashboard-card-section{gap:14px;display:grid}.section-heading-row{justify-content:space-between;align-items:end;gap:16px;display:flex}.dashboard-card-section h2{color:#fff;font-size:clamp(20px,2vw,22px);line-height:1.2}.dashboard-card-grid{gap:12px;display:grid}.dashboard-summary-grid{grid-template-columns:repeat(4,minmax(160px,1fr))}.dashboard-skill-grid{grid-template-columns:repeat(7,minmax(118px,1fr))}.dashboard-card{border:1px solid var(--color-border);min-width:0;min-height:168px;box-shadow:var(--shadow-card);background:linear-gradient(#101b27f5,#0c1621f5);border-radius:18px;align-content:start;gap:10px;padding:18px;transition:transform .17s,box-shadow .17s,border-color .17s;display:grid}.dashboard-card:hover{box-shadow:var(--shadow-card), 0 0 22px #ff7a0014;border-color:#ff9a214d;transform:translateY(-2px)}.dashboard-card-blue{box-shadow:var(--shadow-card), 0 0 22px #3b82f614}.dashboard-card-purple{box-shadow:var(--shadow-card), 0 0 22px #a855f714}.dashboard-card-green{box-shadow:var(--shadow-card), 0 0 22px #14b8a614}.dashboard-card-orange{box-shadow:var(--shadow-card), 0 0 22px #ff7a001a}.metric-icon{width:42px;height:42px;color:var(--color-blue-600);background:#3b82f61f;border-radius:14px;place-items:center;font-size:18px;font-weight:900;display:grid}.dashboard-card-purple .metric-icon{color:var(--color-purple-600);background:#a855f71f}.dashboard-card-green .metric-icon{color:var(--color-teal-600);background:#14b8a61f}.dashboard-card-orange .metric-icon{color:var(--color-orange-500);background:#ff7a0024}.dashboard-card-label{color:var(--color-text-secondary);font-size:14px;font-weight:700;line-height:1.2}.dashboard-card-value{color:#fff;min-width:0;max-width:100%;line-height:1.12}.dashboard-card-value-number{font-size:clamp(26px,2.8vw,34px);font-weight:800}.dashboard-card-value small{color:var(--color-text-secondary);margin-left:3px;font-size:14px;font-weight:700}.dashboard-card-value-text{overflow-wrap:break-word;font-size:clamp(18px,1.8vw,22px);font-weight:800}.dashboard-card-value-long{white-space:nowrap;text-overflow:ellipsis;word-break:normal;overflow-wrap:normal;font-size:clamp(14px,1.25vw,18px);font-weight:800;overflow:hidden}.metric-helper{color:var(--color-text-secondary);font-size:13px;line-height:1.35}.metric-progress{background:#789bb929;border-radius:999px;align-self:end;height:6px;margin-top:4px;overflow:hidden}.metric-progress span{border-radius:inherit;background:#2563eb;height:100%;display:block}.dashboard-card-skeleton{background:#101b27;position:relative;overflow:hidden}.dashboard-card-skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffff14,#0000);animation:1.15s ease-in-out infinite skeleton-sweep;position:absolute;inset:0}.skill-ring-card{--skill-accent:var(--color-blue-600);border:1px solid var(--color-border);min-width:0;min-height:180px;box-shadow:var(--shadow-card);background:linear-gradient(#101b27f5,#0c1621fa);border-radius:18px;align-content:start;justify-items:center;gap:10px;padding:16px;transition:transform .17s,box-shadow .17s;display:grid}.skill-ring-card:hover{box-shadow:var(--shadow-card), 0 0 22px color-mix(in srgb, var(--skill-accent) 12%, transparent);transform:translateY(-2px)}.skill-ring-card-pronunciation{--skill-accent:var(--color-purple-600)}.skill-ring-card-grammar{--skill-accent:var(--color-teal-600)}.skill-ring-card-confidence{--skill-accent:var(--color-orange-500)}.skill-ring-card-empathy{--skill-accent:var(--color-pink-500)}.skill-ring-card-listening{--skill-accent:var(--color-cyan-500)}.skill-ring-card-engagement{--skill-accent:var(--color-indigo-600)}.skill-icon{background:color-mix(in srgb, var(--skill-accent) 18%, #101b27);width:34px;height:34px;color:var(--skill-accent);border-radius:12px;place-items:center;font-weight:900;display:grid}.skill-ring-card h3{color:#fff;text-align:center;margin:0;font-size:14px;line-height:1.2}.skill-ring{background:radial-gradient(circle at center, #0c1621 0 56%, transparent 57%), conic-gradient(var(--skill-accent) var(--skill-progress), #789bb929 0);width:86px;height:86px;box-shadow:0 0 24px color-mix(in srgb, var(--skill-accent) 18%, transparent);border-radius:999px;place-items:center;display:grid}.skill-ring span{color:#fff;font-size:24px;font-weight:850;line-height:1}.skill-ring small{color:var(--color-text-secondary);margin-top:-18px;font-size:11px;font-weight:700}.dashboard-activity-section{gap:14px;display:grid}.dashboard-activity-section h2{color:#fff;font-size:clamp(20px,2vw,22px);line-height:1.2}.practice-row-list{gap:12px;display:grid}.practice-row{border:1px solid var(--color-border);min-width:0;min-height:148px;box-shadow:var(--shadow-card);background:linear-gradient(#101b27f5,#0c1621fa);border-radius:18px;grid-template-columns:auto minmax(0,1fr) minmax(156px,auto) auto minmax(72px,108px);align-items:center;gap:16px;padding:18px;transition:transform .17s,box-shadow .17s,border-color .17s;display:grid;position:relative;overflow:hidden}.practice-row:hover{box-shadow:var(--shadow-card), 0 0 20px #ff7a0014;border-color:#ff9a2142;transform:translateY(-2px)}.practice-row-debate{border-left:5px solid var(--color-blue-500)}.practice-row-gd{border-left:5px solid var(--color-teal-600)}.practice-row-roleplay{border-left:5px solid var(--color-pink-500)}.practice-row-icon{width:54px;height:54px;color:var(--color-blue-500);background:#3b82f621;border-radius:16px;place-items:center;font-size:20px;font-weight:900;display:grid}.practice-row-gd .practice-row-icon{color:var(--color-teal-600);background:#14b8a624}.practice-row-roleplay .practice-row-icon{color:var(--color-pink-500);background:#fb718524}.practice-row-main{gap:6px;min-width:0;display:grid}.practice-row-main h3{color:#fff;margin:0;font-size:20px;line-height:1.2}.practice-row-main p,.practice-row-main span{color:var(--color-text-secondary);font-size:14px;line-height:1.5}.practice-preview-list,.practice-row-meta,.practice-row-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.practice-preview-pill,.practice-row-meta span{border:1px solid var(--color-border);color:var(--color-text-secondary);background:#789bb914;border-radius:999px;padding:5px 8px;font-size:12px;font-weight:700}.practice-row-meta,.practice-row-actions{justify-content:flex-end}.button-link,.ghost-link,.link-button{font:inherit;border-radius:6px;font-weight:800}.button-link{background:linear-gradient(135deg, var(--color-orange-600), var(--color-orange-500));color:#fff;justify-content:center;align-items:center;min-height:42px;padding:9px 14px;text-decoration:none;display:inline-flex}.ghost-link{min-height:42px;color:var(--color-orange-500);background:#ff7a000a;border:1px solid #ff9a2159;justify-content:center;align-items:center;padding:9px 14px;text-decoration:none;display:inline-flex}.link-button{color:var(--color-orange-500);background:0 0;padding:0}.practice-row-loading{background:#101b27;position:relative;overflow:hidden}.practice-row-loading:after{content:"";background:linear-gradient(90deg,#0000,#ffffff14,#0000);animation:1.15s ease-in-out infinite skeleton-sweep;position:absolute;inset:0}.practice-row-visual{place-items:center;min-height:90px;display:grid;position:relative}.practice-row-visual span:first-child{background:#3b82f624;border-radius:18px;width:78px;height:58px}.practice-row-visual span:last-child{background:#60a5fa33;border-radius:14px 14px 14px 4px;width:42px;height:34px;position:absolute;top:16px;right:6px}.practice-row-gd .practice-row-visual span:first-child{background:#14b8a624}.practice-row-gd .practice-row-visual span:last-child{background:#2dd4bf33}.practice-row-roleplay .practice-row-visual span:first-child{background:#fb718524}.practice-row-roleplay .practice-row-visual span:last-child{background:#ff9a212e}.side-widget{border:1px solid var(--color-border);box-shadow:var(--shadow-card);background:linear-gradient(#101b27f5,#0c1621fa);border-radius:18px;gap:14px;padding:18px;display:grid}.side-widget h2{color:#fff;margin:0;font-size:18px}.quick-action-body{gap:14px;display:grid;position:relative}.quick-action-body button{min-height:46px;color:var(--color-orange-500);border-color:#ff9a2157;justify-content:center}.quick-action-copy{gap:5px;padding-right:48px;display:grid}.quick-action-copy strong{color:#fff}.quick-action-copy span{color:var(--color-text-secondary);font-size:13px;line-height:1.45}.quick-action-rocket{width:40px;height:40px;color:var(--color-orange-500);background:#ff7a0024;border-radius:14px;place-items:center;display:grid;position:absolute;bottom:0;right:0;box-shadow:0 0 18px #ff7a001f}.spin-icon{animation:.9s linear infinite spin;display:inline-block}.motivational-card{background:radial-gradient(circle at 92% 10%,#ff9a212e,#0000 7rem),linear-gradient(135deg,#101b27,#0c1621);border-color:#ff9a2138;overflow:hidden}.quote-mark{color:var(--color-orange-500);font-size:42px;font-weight:900;line-height:.7}.motivational-card p{color:#fff;font-size:16px;line-height:1.5}.motivational-card strong{color:var(--color-orange-500)}.progress-overview-card .empty-state{background:#789bb912;padding:14px}.achievement-card{background:radial-gradient(circle at 90% 20%,#60a5fa24,#0000 7rem),linear-gradient(#101b27f5,#0c1621fa)}.activity-lobby{max-width:1120px}.roleplay-lobby-page{gap:22px;width:100%;max-width:none}.roleplay-hero{min-height:250px;box-shadow:var(--shadow-card), var(--glow-orange);background:radial-gradient(circle at 6%,#ff7a0033,#0000 17rem),radial-gradient(circle at 88% 16%,#a855f72e,#0000 15rem),linear-gradient(135deg,#101b27 0%,#08111b 54%,#050a10 100%);border:1px solid #ff9a2133;border-radius:20px;grid-template-columns:minmax(0,1fr) minmax(240px,360px);align-items:center;gap:24px;padding:clamp(24px,3vw,38px);display:grid;position:relative;overflow:hidden}.roleplay-hero-copy{z-index:1;gap:12px;display:grid;position:relative}.roleplay-hero h1{color:var(--color-orange-500);margin:0;font-size:clamp(38px,5vw,56px);line-height:.95}.roleplay-hero h1 span{color:#fff}.roleplay-hero p.muted{max-width:680px;color:var(--color-text-secondary);font-size:16px;line-height:1.6}.roleplay-queue-actions{flex-wrap:wrap;gap:12px;margin-top:8px;display:flex}.roleplay-primary-action,.roleplay-secondary-action{border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 16px;font-weight:850;display:inline-flex}.roleplay-primary-action{background:linear-gradient(135deg, var(--color-orange-600), var(--color-orange-500));color:#fff;border:1px solid #ff9a215c;box-shadow:0 0 26px #ff7a0038}.roleplay-secondary-action{color:var(--color-orange-500);background:#ff7a000d;border:1px solid #ff9a2157}.roleplay-primary-action:disabled,.roleplay-secondary-action:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}.roleplay-hero-visual{min-height:190px;position:relative}.roleplay-mask,.roleplay-bubble{background:#0c1621e0;border:1px solid #789bb92e;position:absolute;box-shadow:0 18px 34px #00000042}.roleplay-mask{border-radius:56px 56px 34px 34px;width:116px;height:86px}.roleplay-mask:before,.roleplay-mask:after{content:"";background:#ff9a2170;border-radius:999px;width:16px;height:11px;position:absolute;top:30px}.roleplay-mask:before{left:30px}.roleplay-mask:after{right:30px}.roleplay-mask-left{border-color:#ff9a2147;top:42px;left:30px;transform:rotate(-8deg)}.roleplay-mask-right{border-color:#a855f74d;bottom:28px;right:52px;transform:rotate(10deg)}.roleplay-bubble{border-radius:18px 18px 18px 5px;width:82px;height:48px}.roleplay-bubble-one{background:#ff7a001c;top:16px;right:16px}.roleplay-bubble-two{background:#3b82f61f;bottom:16px;left:8px}.roleplay-star{color:var(--color-orange-500);text-shadow:0 0 18px #ff7a005c;font-size:34px;position:absolute;top:14px;right:150px}.roleplay-status-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.roleplay-status-card{border:1px solid var(--color-border);border-left:5px solid var(--color-orange-600);min-height:112px;box-shadow:var(--shadow-card);background:linear-gradient(#101b27f5,#0c1621fa);border-radius:16px;align-items:center;gap:14px;padding:18px;display:flex}.roleplay-status-card-user{border-left-color:var(--color-purple-600)}.roleplay-status-card-active{box-shadow:var(--shadow-card), 0 0 24px #a855f724}.roleplay-status-icon{width:44px;height:44px;color:var(--color-orange-500);background:#ff7a001f;border-radius:14px;place-items:center;font-size:20px;display:grid}.roleplay-status-card-user .roleplay-status-icon{color:var(--color-purple-600);background:#a855f71f}.roleplay-status-card span:not(.roleplay-status-icon){color:var(--color-text-secondary);font-size:13px;font-weight:800}.roleplay-status-card strong{color:#fff;margin-top:4px;font-size:28px;line-height:1;display:block}.roleplay-status-card small{color:var(--color-text-secondary);font-size:13px}.roleplay-section-header{justify-content:space-between;align-items:end;gap:18px;width:100%;display:flex}.roleplay-section-header h2{color:#fff;margin:0;font-size:clamp(24px,3vw,32px)}.roleplay-scenario-controls{flex-wrap:wrap;gap:12px;display:flex}.roleplay-scenario-controls label{color:var(--color-text-secondary);gap:6px;font-size:12px;font-weight:800;display:grid}.roleplay-scenario-controls select{border:1px solid var(--color-border);min-width:170px;min-height:42px;color:var(--color-text-primary);background:#0c1621;border-radius:12px;padding:8px 12px}.roleplay-scenario-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px;width:100%;display:grid}.roleplay-scenarios-section{gap:18px;width:100%;max-width:none}.scenario-card{width:100%;min-width:0;min-height:252px;box-shadow:var(--shadow-card);background:linear-gradient(#101b27f5,#0c1621fa);border-left:5px solid #64748b}.scenario-card-communication{border-left-color:var(--color-orange-600)}.scenario-card-interview{border-left-color:var(--color-cyan-500)}.scenario-card-customer-service{border-left-color:var(--color-purple-600)}.scenario-card-workplace{border-left-color:var(--color-blue-500)}.scenario-card-teamwork{border-left-color:var(--color-teal-600)}.scenario-card strong{color:#fff;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:clamp(18px,1.4vw,20px);line-height:1.25;display:-webkit-box;overflow:hidden}.role-pair{align-items:center;gap:7px;margin-top:auto;display:flex}.role-pair span{color:var(--color-orange-500)}.category-interview{color:var(--color-cyan-500);background:#22d3ee1c}.category-customer-service{color:var(--color-purple-600);background:#a855f71f}.category-workplace{color:var(--color-blue-500);background:#60a5fa1f}.category-teamwork{color:var(--color-teal-600);background:#14b8a61f}.roleplay-selection-panel{background:radial-gradient(circle at 84% 16%,#ff7a0029,#0000 12rem),linear-gradient(#101b27f5,#0c1621fa);border-color:#ff9a2138}.roleplay-selection-copy h2{color:#fff}.matchmaking-scenario-card{border-color:var(--color-border);background:linear-gradient(#101b27f5,#0c1621fa)}.matchmaking-scenario-card strong{color:#fff}.roleplay-skeleton-card{background:#101b27;position:relative;overflow:hidden}.roleplay-skeleton-card:after{content:"";background:linear-gradient(90deg,#0000,#ffffff14,#0000);animation:1.15s ease-in-out infinite skeleton-sweep;position:absolute;inset:0}.roleplay-lobby-skeleton{gap:18px;display:grid}.roleplay-retry-action{width:fit-content}.debate-lobby-page{gap:22px;width:min(100%,1540px);max-width:none;margin-inline:auto}.debate-hero{min-height:250px;box-shadow:var(--shadow-card), var(--glow-orange);background:radial-gradient(circle at 8% 52%,#ff7a002e,#0000 18rem),radial-gradient(circle at 86% 18%,#a855f724,#0000 15rem),linear-gradient(135deg,#101b27 0%,#08111b 54%,#050a10 100%);border:1px solid #ff9a2133;border-radius:20px;grid-template-columns:minmax(0,1fr) minmax(280px,420px);align-items:center;gap:24px;padding:clamp(24px,3vw,38px);display:grid;position:relative;overflow:hidden}.debate-hero-copy{gap:12px;display:grid}.debate-hero h1{color:var(--color-orange-500);margin:0;font-size:clamp(42px,5vw,56px);line-height:.95}.debate-hero h1 span{color:#fff}.debate-hero p.muted{max-width:720px;color:var(--color-text-secondary);font-size:16px;line-height:1.6}.debate-hero-visual{min-height:190px;position:relative}.debate-orbit{border:1px solid #ff9a2138;border-left-color:#0000;border-radius:999px;position:absolute;inset:4px 22px 8px;transform:rotate(10deg)}.debate-stage{filter:blur(2px);background:radial-gradient(#ff7a0042,#0c16211f 70%);border-radius:999px;height:24px;position:absolute;bottom:18px;left:46px;right:46px}.debate-podium{border:1px solid var(--color-border);width:112px;height:82px;box-shadow:var(--shadow-card);background:linear-gradient(#101b27f5,#08111bfa);border-radius:16px 16px 8px 8px;position:absolute;bottom:38px}.debate-podium:before{content:"";opacity:.7;background:currentColor;border-radius:999px;height:8px;position:absolute;top:16px;left:18px;right:18px}.debate-podium-left{color:var(--color-orange-500);box-shadow:var(--shadow-card), 0 0 28px #ff7a0029;border-color:#ff9a2157;left:34px}.debate-podium-right{color:var(--color-text-secondary);right:34px}.debate-mic{width:34px;height:52px;color:var(--color-orange-500);border-top:3px solid;border-left:3px solid;border-radius:18px 0 0;position:absolute;bottom:120px}.debate-mic:after{content:"";background:currentColor;border-radius:999px;width:17px;height:17px;position:absolute;top:-8px;right:-10px}.debate-mic-left{left:104px}.debate-mic-right{color:var(--color-text-secondary);right:104px;transform:scaleX(-1)}.debate-vs{width:66px;height:66px;color:var(--color-orange-500);background:#ff7a001f;border:1px solid #ff9a2157;border-radius:999px;place-items:center;font-weight:950;display:grid;position:absolute;top:58px;left:50%;transform:translate(-50%);box-shadow:0 0 28px #ff7a0033}.debate-spark{background:var(--color-orange-500);border-radius:999px;width:8px;height:8px;position:absolute;box-shadow:0 0 18px #ff7a0070}.debate-spark-one{top:34px;left:26px}.debate-spark-two{bottom:60px;right:30px}.debate-info-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:900px;display:grid}.debate-info-card,.debate-control-panel,.debate-status-card,.debate-topic-card,.debate-empty-card,.debate-error-card{border:1px solid var(--color-border);box-shadow:var(--shadow-card);background:linear-gradient(#101b27f5,#0c1621fa)}.debate-info-card{border-radius:16px;gap:16px;padding:22px;display:grid}.debate-info-card header{align-items:center;gap:10px;display:flex}.debate-info-card strong{color:#fff;font-size:18px}.debate-info-card ol{color:var(--color-text-secondary);gap:12px;margin:0;padding:0;list-style:none;display:grid}.debate-info-card li{align-items:center;gap:10px;display:flex}.debate-info-card li span,.debate-info-icon,.debate-status-icon{width:34px;height:34px;color:var(--color-orange-500);background:#ff7a001f;border-radius:12px;flex:none;place-items:center;font-weight:900;display:grid}.debate-info-icon-blue,.debate-status-icon-purple{color:var(--color-purple-600);background:#a855f71f}.debate-info-icon-blue:before,.debate-status-icon:before{content:"";border:2px solid;border-radius:999px 999px 6px 6px;width:17px;height:13px}.debate-current-status{color:var(--color-text-secondary);gap:8px;line-height:1.45;display:grid}.debate-control-panel{border-left:5px solid var(--color-orange-600);border-radius:16px;grid-template-columns:minmax(320px,.9fr) minmax(180px,.35fr) minmax(150px,.28fr) 1fr;align-items:end;gap:16px;padding:clamp(20px,2.4vw,26px);display:grid;position:relative;overflow:hidden}.debate-control-panel:before{content:"";width:5px;position:absolute;inset:0 auto 0 0;box-shadow:0 0 28px #ff7a006b}.debate-topic-field{min-width:0;color:var(--color-text-secondary);gap:8px;font-size:13px;font-weight:800;display:grid;position:relative}.debate-topic-field select{border:1px solid var(--color-border);width:100%;min-height:54px;color:var(--color-text-primary);font:inherit;background:#0c1621;border-radius:12px;padding:10px 13px 10px 38px;font-weight:750}.debate-topic-field:after{content:"#";color:var(--color-orange-500);font-size:18px;font-weight:950;position:absolute;bottom:16px;left:15px}.debate-topic-field select:focus,.debate-join-button:focus-visible,.debate-leave-button:focus-visible,.debate-topic-card:focus-visible,.debate-match-link:focus-visible{border-color:#ff9a21a8;outline:none;box-shadow:0 0 0 3px #ff7a0029}.debate-join-button,.debate-leave-button,.debate-match-link{border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:54px;padding:10px 16px;font-weight:900;text-decoration:none;transition:border-color .17s,background .17s,box-shadow .17s,transform .17s;display:inline-flex}.debate-join-button{background:linear-gradient(135deg, var(--color-orange-600), var(--color-orange-500));color:#fff;border:1px solid #ff9a2161;box-shadow:0 0 26px #ff7a003d}.debate-leave-button{color:var(--color-orange-500);background:#ff7a000d;border:1px solid #ff9a2157}.debate-join-button:hover:not(:disabled),.debate-match-link:hover{transform:translateY(-1px);box-shadow:0 0 30px #ff7a0052}.debate-join-button:disabled,.debate-leave-button:disabled,.debate-topic-card:disabled{cursor:not-allowed;opacity:.58;box-shadow:none}.debate-play-icon,.debate-exit-icon{border-top:6px solid #0000;border-bottom:6px solid #0000;border-left:10px solid;width:0;height:0}.debate-exit-icon{border:2px solid;border-left:0;width:14px;height:12px}.debate-status-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.debate-status-card{border-radius:16px;align-items:center;gap:14px;min-height:112px;padding:18px;display:flex}.debate-status-card span:not(.debate-status-icon){color:var(--color-text-secondary);font-size:13px;font-weight:800}.debate-status-card strong{color:#fff;margin-top:4px;font-size:28px;line-height:1;display:block}.debate-match-link{width:fit-content;color:var(--color-orange-500);background:#ff7a001f;border:1px solid #ff9a2161}.debate-topics-section{gap:14px;display:grid}.debate-topic-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;display:grid}.debate-topic-card{width:100%;min-height:172px;color:inherit;text-align:left;border-left:5px solid #64748b;border-radius:16px;flex-direction:column;gap:12px;padding:16px;transition:border-color .17s,transform .17s,box-shadow .17s;display:flex}.debate-topic-card:hover:not(:disabled),.debate-topic-card-selected{box-shadow:var(--shadow-card), 0 0 24px #ff7a001f;border-color:#ff9a2185;transform:translateY(-2px)}.debate-topic-card-economy{border-left-color:var(--color-orange-600)}.debate-topic-card-technology{border-left-color:var(--color-blue-500)}.debate-topic-card-environment{border-left-color:var(--color-success)}.debate-topic-card-society{border-left-color:var(--color-danger)}.debate-topic-card-education{border-left-color:var(--color-purple-600)}.debate-topic-card-politics{border-left-color:var(--color-cyan-500)}.debate-topic-card-topline,.debate-topic-footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.debate-topic-category,.debate-topic-meta-badge,.debate-topic-selected-label{border:1px solid var(--color-border);width:fit-content;color:var(--color-orange-500);background:#ff7a001a;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:900;line-height:1.2}.debate-topic-category-technology{color:var(--color-blue-500);background:#4c8dff1c}.debate-topic-category-environment{color:var(--color-success);background:#25d98b1a}.debate-topic-category-society{color:var(--color-danger);background:#f43f5e1a}.debate-topic-category-education{color:var(--color-purple-600);background:#a855f71c}.debate-topic-category-politics{color:var(--color-cyan-500);background:#22d3ee1c}.debate-topic-card strong{color:#fff;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:17px;line-height:1.28;display:-webkit-box;overflow:hidden}.debate-topic-footer{color:var(--color-text-secondary);margin-top:auto;font-size:13px;font-weight:800}.debate-topic-selected-label{background:#ff7a0029;border-color:#ff9a216b}.debate-empty-card,.debate-error-card{border-radius:16px;gap:8px;padding:20px;display:grid}.debate-empty-card strong,.debate-error-card strong{color:#fff;font-size:18px}.debate-empty-card span,.debate-error-card span{color:var(--color-text-secondary)}.debate-empty-card .debate-leave-button{width:fit-content;margin-top:8px}.debate-error-card{border-color:#f43f5e42;grid-template-columns:minmax(0,1fr) auto;align-items:center}.debate-action-error-card{display:block}.debate-skeleton-stack{gap:18px;display:grid}.debate-skeleton-card{background:#101b27;position:relative;overflow:hidden}.debate-skeleton-card:after{content:"";background:linear-gradient(90deg,#0000,#ffffff14,#0000);animation:1.15s ease-in-out infinite skeleton-sweep;position:absolute;inset:0}.gd-lobby-page{gap:24px;width:min(100%,1500px);max-width:none;margin-inline:auto}.gd-hero{min-height:250px;box-shadow:var(--shadow-card), var(--glow-orange);background:radial-gradient(circle at 8% 52%,#ff7a002e,#0000 18rem),radial-gradient(circle at 86% 18%,#4c8dff29,#0000 15rem),linear-gradient(135deg,#101b27 0%,#08111b 54%,#050a10 100%);border:1px solid #ff9a2133;border-radius:20px;grid-template-columns:minmax(0,1fr) minmax(260px,380px);align-items:center;gap:24px;padding:clamp(24px,3vw,38px);display:grid;position:relative;overflow:hidden}.gd-hero-copy{gap:12px;display:grid}.gd-hero h1{color:var(--color-orange-500);margin:0;font-size:clamp(42px,5vw,56px);line-height:.95}.gd-hero h1 span{color:#fff}.gd-hero p.muted{max-width:700px;color:var(--color-text-secondary);font-size:16px;line-height:1.6}.gd-hero-visual{min-height:190px;position:relative}.gd-orbit{border:1px solid #ff9a2138;border-right-color:#0000;border-radius:999px;position:absolute;inset:14px 38px 4px 24px;transform:rotate(-12deg)}.gd-person{border:1px solid #ffffff14;border-radius:42px 42px 22px 22px;width:78px;height:92px;position:absolute;bottom:30px;box-shadow:0 18px 34px #00000047}.gd-person:before{content:"";background:currentColor;border-radius:999px;width:42px;height:42px;position:absolute;top:-34px;left:18px;box-shadow:0 0 22px}.gd-person-orange{color:#ff7a0094;background:linear-gradient(#ff7a0061,#ff7a001f);left:52px}.gd-person-blue{color:#4c8dff94;background:linear-gradient(#4c8dff61,#4c8dff1f);bottom:12px;left:144px}.gd-person-green{color:#25d98b94;background:linear-gradient(#25d98b57,#25d98b1a);right:48px}.gd-speech{width:88px;height:52px;box-shadow:var(--shadow-card);background:#0c1621e6;border:1px solid #ff9a213d;border-radius:20px 20px 20px 6px;position:absolute}.gd-speech:before,.gd-speech:after{content:"";background:currentColor;border-radius:999px;width:10px;height:5px;position:absolute;top:22px}.gd-speech:before{left:24px}.gd-speech:after{right:24px}.gd-speech-one{color:var(--color-orange-500);top:12px;left:36px}.gd-speech-two{color:var(--color-blue-500);border-color:#4c8dff38;top:34px;right:18px}.gd-spark,.gd-empty-spark{background:var(--color-orange-500);border-radius:999px;width:8px;height:8px;position:absolute;box-shadow:0 0 18px #ff7a0070}.gd-spark-one{bottom:34px;left:20px}.gd-spark-two{top:20px;right:142px}.gd-create-panel,.gd-empty-panel,.gd-error-card,.gd-benefits-strip,.gd-room-card{border:1px solid var(--color-border);box-shadow:var(--shadow-card);background:linear-gradient(#101b27f5,#0c1621fa)}.gd-create-panel{border-left:5px solid var(--color-orange-600);border-radius:16px;gap:20px;padding:clamp(20px,2.4vw,28px);display:grid;position:relative;overflow:hidden}.gd-create-panel:before{content:"";width:5px;position:absolute;inset:0 auto 0 0;box-shadow:0 0 28px #ff7a006b}.gd-create-header{align-items:center;gap:16px;display:flex}.gd-create-header h2{color:#fff;margin:0;font-size:clamp(22px,2vw,28px)}.gd-create-icon{width:60px;height:60px;color:var(--color-orange-500);background:#ff7a0021;border-radius:16px;flex:none;place-items:center;display:grid;position:relative;box-shadow:0 0 26px #ff7a0024}.gd-create-icon:before{content:"";border:2px solid;border-radius:999px 999px 8px 8px;width:24px;height:18px}.gd-create-icon:after{content:"+";font-size:20px;font-weight:900;position:absolute;top:12px;right:13px}.gd-create-form{grid-template-columns:minmax(300px,1.8fr) minmax(160px,.8fr) minmax(220px,1.1fr) minmax(190px,.9fr);align-items:end;gap:18px;display:grid}.gd-field{min-width:0;color:var(--color-text-secondary);gap:8px;font-size:13px;font-weight:800;display:grid}.gd-field input,.gd-field select{border:1px solid var(--color-border);width:100%;min-height:54px;color:var(--color-text-primary);font:inherit;background:#0c1621;border-radius:12px;padding:10px 13px;font-weight:750}.gd-field input::placeholder{color:var(--color-text-muted)}.gd-field input:focus,.gd-field select:focus,.gd-create-button:focus-visible,.gd-outline-button:focus-visible,.gd-room-action:focus-visible{border-color:#ff9a21a8;outline:none;box-shadow:0 0 0 3px #ff7a0029}.gd-duration-field{position:relative}.gd-duration-field select{padding-left:38px}.gd-duration-field:after{content:"";border:2px solid var(--color-orange-500);border-radius:999px;width:16px;height:16px;position:absolute;bottom:17px;left:13px}.gd-create-button,.gd-outline-button,.gd-room-action{border-radius:12px;justify-content:center;align-items:center;gap:8px;min-height:54px;padding:10px 16px;font-weight:900;text-decoration:none;transition:border-color .17s,background .17s,box-shadow .17s,transform .17s;display:inline-flex}.gd-create-button{background:linear-gradient(135deg, var(--color-orange-600), var(--color-orange-500));color:#fff;border:1px solid #ff9a2161;box-shadow:0 0 26px #ff7a003d}.gd-create-button:hover:not(:disabled),.gd-room-action:hover{transform:translateY(-1px);box-shadow:0 0 30px #ff7a0052}.gd-create-button:disabled,.gd-outline-button:disabled{cursor:not-allowed;opacity:.58;box-shadow:none}.gd-plus-icon,.gd-refresh-icon{width:16px;height:16px;position:relative}.gd-plus-icon:before,.gd-plus-icon:after{content:"";background:currentColor;border-radius:999px;height:2px;position:absolute;inset:7px 1px auto}.gd-plus-icon:after{transform:rotate(90deg)}.gd-refresh-icon{border:2px solid;border-left-color:#0000;border-radius:999px}.gd-helper-text{color:var(--color-text-secondary);align-items:center;gap:8px;margin:0;font-size:14px;line-height:1.45;display:inline-flex}.gd-helper-text span{width:22px;height:22px;color:var(--color-orange-500);background:#ff7a001f;border-radius:999px;flex:none;place-items:center;font-weight:900;display:grid}.gd-error-card{border-color:#f43f5e42;border-radius:16px;justify-content:space-between;align-items:center;gap:16px;padding:18px;display:flex}.gd-error-card strong{color:#fff;font-size:18px;display:block}.gd-error-card span{color:var(--color-text-secondary)}.gd-outline-button{color:var(--color-orange-500);background:#ff7a000d;border:1px solid #ff9a2157}.gd-outline-button:hover:not(:disabled){background:#ff7a0017;border-color:#ff9a21a8}.gd-room-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px;display:grid}.gd-room-card{border-radius:16px;flex-direction:column;gap:14px;min-height:250px;padding:20px;transition:border-color .17s,transform .17s,box-shadow .17s;display:flex}.gd-room-card:hover{box-shadow:var(--shadow-card), 0 0 24px #ff7a0014;border-color:#ff9a2152;transform:translateY(-2px)}.gd-room-card-topline{justify-content:space-between;align-items:center;gap:10px;display:flex}.gd-room-status{width:fit-content;color:var(--color-success);background:#25d98b1a;border:1px solid #25d98b4d;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:900}.gd-room-status-almost-full,.gd-room-status-ending{color:var(--color-orange-500);background:#ff7a001a;border-color:#ff9a2152}.gd-room-status-full{color:var(--color-danger);background:#f43f5e1a;border-color:#f43f5e52}.gd-room-time{color:var(--color-text-secondary);font-size:13px;font-weight:800}.gd-room-card>strong{color:#fff;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:clamp(19px,1.6vw,22px);line-height:1.25;display:-webkit-box;overflow:hidden}.gd-room-meta{color:var(--color-text-secondary);gap:8px;font-size:14px;line-height:1.4;display:grid}.gd-room-meta span{align-items:center;gap:8px;display:flex}.gd-meta-icon{width:18px;height:18px;color:var(--color-orange-500);border:2px solid;border-radius:999px;display:inline-block}.gd-room-action{color:var(--color-orange-500);background:#ff7a001f;border:1px solid #ff9a215c;margin-top:auto}.gd-room-action-disabled{cursor:not-allowed;color:var(--color-text-muted);background:#789bb914;border-color:#789bb929}.gd-empty-panel{border-radius:16px;grid-template-columns:minmax(120px,190px) minmax(0,1fr) auto;align-items:center;gap:24px;min-height:220px;padding:clamp(22px,3vw,32px);display:grid}.gd-empty-visual{min-height:150px;position:relative}.gd-empty-orb{background:radial-gradient(circle,#ff7a0024,#0c1621eb);border:1px solid #ff9a213d;border-radius:999px;position:absolute;inset:18px;box-shadow:0 0 34px #ff7a002e}.gd-empty-bubble{background:#0c1621f0;border:1px solid #ff9a2142;border-radius:22px 22px 22px 6px;width:86px;height:54px;position:absolute;top:50px;left:46px}.gd-empty-spark-one{top:28px;left:28px}.gd-empty-spark-two{bottom:38px;right:24px}.gd-empty-copy h2{color:#fff;width:fit-content;margin:0 0 14px;font-size:clamp(24px,3vw,34px);position:relative}.gd-empty-copy h2:after{content:"";background:var(--color-orange-500);border-radius:999px;width:56px;height:3px;position:absolute;bottom:-8px;left:0}.gd-empty-copy p{color:var(--color-text-secondary);margin:0;line-height:1.55}.gd-empty-actions{gap:10px;min-width:190px;display:grid}.gd-section-heading{gap:4px;display:grid}.gd-section-heading h2{color:#fff;margin:0;font-size:clamp(22px,2.4vw,30px)}.gd-benefits-strip{border-radius:16px;grid-template-columns:repeat(4,minmax(0,1fr));padding:22px;display:grid}.gd-benefit{border-right:1px solid var(--color-border);gap:12px;padding-inline:18px;display:flex}.gd-benefit:first-child{padding-left:0}.gd-benefit:last-child{border-right:0;padding-right:0}.gd-benefit-icon{width:42px;height:42px;color:var(--color-blue-500);background:#4c8dff1f;border-radius:12px;flex:none;place-items:center;display:grid}.gd-benefit-icon:before{content:"";border:2px solid;border-radius:999px 999px 7px 7px;width:20px;height:16px}.gd-benefit-green .gd-benefit-icon{color:var(--color-success);background:#25d98b1f}.gd-benefit-red .gd-benefit-icon{color:var(--color-danger);background:#f43f5e1f}.gd-benefit-purple .gd-benefit-icon{color:var(--color-purple-600);background:#a855f71f}.gd-benefit strong{color:#fff;font-size:16px}.gd-benefit p{color:var(--color-text-secondary);margin:4px 0 0;font-size:13px;line-height:1.45}.gd-room-skeleton{background:#101b27;position:relative;overflow:hidden}.gd-room-skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffff14,#0000);animation:1.15s ease-in-out infinite skeleton-sweep;position:absolute;inset:0}.lobby-header{gap:8px;display:grid}.lobby-header h1{font-size:clamp(30px,3vw,36px)}.lobby-info-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.lobby-info-grid article{background:#fff;border:1px solid #dbe5f2;border-radius:8px;gap:8px;padding:14px;display:grid}.lobby-info-grid ol{color:#64748b;margin:0;padding-left:18px}.lobby-info-grid span{color:#64748b}.lobby-action-panel{max-width:none;box-shadow:none}.lobby-action-panel header{gap:4px;display:grid}.lobby-action-panel h2{margin:0;font-size:18px}.field-help{color:#64748b;margin-top:6px;font-size:13px;line-height:1.35;display:block}.room-card,.scenario-card{align-content:start}.room-card a{width:fit-content;font-weight:800}.scenario-card{gap:12px;min-height:190px;transition:transform .16s,border-color .16s,background .16s}.scenario-card:hover,.scenario-card:focus-visible{border-color:#9bb7ff;outline:none;transform:translateY(-2px)}.scenario-card-topline{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.category-badge,.difficulty-badge{color:#475569;background:#f8fafc;border:1px solid #dbe5f2;border-radius:999px;align-items:center;width:fit-content;padding:4px 8px;font-size:12px;font-weight:800;display:inline-flex}.category-badge{color:#1d4ed8;background:#eef4ff}.difficulty-easy{color:#166534;background:#dcfce7}.difficulty-medium{color:#92400e;background:#fef3c7}.difficulty-hard{color:#991b1b;background:#fee2e2}.scenario-description{color:#526174;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.roleplay-lobby-page .scenario-card{background:linear-gradient(#101b27f5,#0c1621fa);border-radius:16px;flex-direction:column;gap:12px;height:100%;min-height:252px;padding:18px 20px;display:flex}.roleplay-lobby-page .scenario-card-topline{justify-content:space-between;align-items:flex-start;gap:8px}.roleplay-lobby-page .category-badge,.roleplay-lobby-page .difficulty-badge{border-color:var(--color-border);white-space:normal;max-width:100%;padding:5px 9px;line-height:1.25}.roleplay-lobby-page .scenario-description{color:var(--color-text-secondary);-webkit-line-clamp:4;font-size:14px;line-height:1.5}.roleplay-lobby-page .role-pair{color:var(--color-text-secondary);padding-top:8px;font-size:13px;line-height:1.4}.role-pair{color:#334155;margin-top:auto;font-weight:700}.roleplay-selection-panel{background:linear-gradient(#fff 0%,#f8fbff 100%);border:1px solid #c7d2fe;border-radius:8px;justify-items:center;gap:18px;padding:24px;display:grid}.roleplay-selection-copy{text-align:center;max-width:680px}.roleplay-selection-copy h2{margin:0;font-size:clamp(22px,3vw,30px)}.matchmaking-scenario-card{background:#fff;border:1px solid #dbe5f2;border-radius:8px;gap:14px;width:min(100%,620px);min-height:250px;padding:24px;animation:.42s scenario-card-enter;display:grid}.matchmaking-scenario-card strong{color:#0f172a;font-size:clamp(24px,3vw,34px);line-height:1.05}.matchmaking-scenario-card p{color:#475569;margin:0;font-size:16px;line-height:1.55}.matchmaking-scenario-card--selected{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb24}.selected-confirmation,.state-pill{border-radius:999px;width:fit-content;padding:6px 12px;font-weight:800}.selected-confirmation{color:#166534;background:#dcfce7}.state-pill{color:#075985;background:#e0f2fe}.roleplay-preparation{gap:18px;display:grid}.preparation-hero{background:#fff;border:1px solid #dbe5f2;border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(180px,240px);align-items:stretch;gap:16px;padding:22px;display:grid}.preparation-hero h2{margin:0 0 8px;font-size:clamp(26px,3vw,38px)}.preparation-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.role-focus-card,.roleplay-reference-panel{background:#fff;border:1px solid #dbe5f2;border-radius:8px;gap:10px;padding:18px;display:grid}.role-focus-card span,.roleplay-reference-panel span{color:#64748b}.role-focus-card strong,.roleplay-reference-panel strong{color:#0f172a;font-size:20px}.role-focus-card p,.roleplay-reference-panel p{color:#475569;margin:0;line-height:1.5}.role-focus-card small{color:#64748b;font-size:14px;line-height:1.45}.role-focus-card ul{color:#475569;margin:0;padding-left:18px}.roleplay-reference-panel{background:#f8fafc}@keyframes scenario-card-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.event-panel .empty-state{background:#f8fafc;padding:14px}.event-panel .empty-state strong{font-size:14px}.event-panel .empty-state span{font-size:13px}@keyframes skeleton-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}@media (width<=1500px){.roleplay-scenario-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=1180px){.desktop-nav{gap:0}.desktop-nav a{padding-inline:8px;font-size:13px}.dashboard-layout{grid-template-columns:1fr}.dashboard-side-column{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;position:static}.realtime-drawer{width:min(390px,100vw)}.dashboard-summary-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}.dashboard-skill-grid{grid-template-columns:repeat(4,minmax(140px,1fr))}.practice-row{grid-template-columns:auto minmax(0,1fr) auto}.practice-row-meta,.practice-row-actions{grid-column:2;justify-content:flex-start}.practice-row-visual{grid-area:1/3/span 2}.roleplay-hero{grid-template-columns:minmax(0,1fr) minmax(190px,280px)}.debate-hero{grid-template-columns:minmax(0,1fr) minmax(220px,320px)}.debate-control-panel{grid-template-columns:minmax(260px,1fr) minmax(170px,auto) minmax(140px,auto)}.roleplay-scenario-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gd-create-form{grid-template-columns:repeat(2,minmax(0,1fr))}.gd-create-button{width:100%}.gd-benefits-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.gd-benefit{border-right:0;border-bottom:1px solid var(--color-border);padding:16px}.gd-benefit:nth-last-child(-n+2){border-bottom:0}}@media (width<=860px){.roleplay-scenario-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=920px){.desktop-nav{display:none}.mobile-menu-button{display:inline-grid}.user-chip strong,.user-chip small{display:none}.dashboard-side-column,.welcome-hero{grid-template-columns:1fr}.welcome-illustration{min-height:120px}.dashboard-skill-grid{grid-template-columns:repeat(3,minmax(140px,1fr))}.preparation-hero,.preparation-grid,.roleplay-hero{grid-template-columns:1fr}.roleplay-hero-visual{min-height:132px}.roleplay-section-header{flex-direction:column;align-items:start}.debate-hero,.debate-info-grid,.debate-control-panel{grid-template-columns:1fr}.debate-hero-visual{min-height:138px}.debate-join-button,.debate-leave-button,.roleplay-scenario-controls{width:100%}.roleplay-scenario-controls label{flex:180px}.roleplay-scenario-controls select{width:100%}.gd-hero{grid-template-columns:1fr}.gd-hero-visual{min-height:130px}.gd-empty-panel{grid-template-columns:1fr}.gd-empty-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%}}.toolbar{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.toolbar input,.toolbar select{max-width:280px}.detail-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;display:grid}.admin-section{grid-template-columns:minmax(260px,360px) 1fr;align-items:start;gap:18px;display:grid}.form-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.detail-grid article{background:#fff;border:1px solid #e5e7eb;border-radius:8px;gap:8px;padding:18px;display:grid}.detail-grid span{color:#6b7280}.detail-grid strong{color:#111827}.countdown-card{background:#fff;border:1px solid #bfdbfe;border-radius:8px;gap:8px;padding:18px;display:grid}.countdown-card span{color:#2563eb}.countdown-card strong{color:#111827;font-size:26px}.countdown-card--warning{background:#fffbeb;border-color:#f59e0b}.countdown-card--warning span{color:#b45309}.countdown-card--elapsed{background:#f8fafc;border-color:#cbd5e1}.countdown-card--elapsed strong{color:#475569}.progress-panel,.chart-grid{gap:14px;display:grid}.progress-row,.chart-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;gap:10px;padding:16px;display:grid}.progress-row div:first-child,.chart-card header{justify-content:space-between;align-items:center;gap:14px;display:flex}.progress-row span,.chart-card span{color:#6b7280}.progress-row strong,.chart-card strong{color:#111827}.progress-track{background:#e5e7eb;border-radius:999px;height:10px;overflow:hidden}.progress-track span{border-radius:inherit;background:#2563eb;height:100%;display:block}.chart-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.chart-card svg{width:100%;height:180px}.chart-axis{stroke:#e5e7eb;stroke-width:1px}.chart-line{fill:none;stroke:#2563eb;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px}.chart-dot{fill:#047857}.history-list{gap:10px;display:grid}.history-list article{background:#fff;border:1px solid #e5e7eb;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;padding:14px 16px;display:flex}.history-list article div{gap:4px;display:grid}.history-page{gap:28px;max-width:none}.history-hero{grid-template-columns:minmax(0,1fr) minmax(220px,330px);align-items:center;gap:24px;min-height:190px;display:grid;position:relative}.history-hero h1{color:var(--color-orange-500);margin:8px 0 0;font-size:clamp(42px,5vw,56px);line-height:.96}.history-hero h1 span{color:#fff}.history-hero-visual{min-height:168px;position:relative}.history-clock{background:radial-gradient(circle,#ff7a001f,#0c1621e6);border:2px solid #ff9a216b;border-radius:999px;width:112px;height:112px;position:absolute;top:18px;right:72px;box-shadow:0 0 34px #ff7a002e}.history-clock:before,.history-clock:after{content:"";background:var(--color-orange-500);transform-origin:0;border-radius:999px;position:absolute;top:54px;left:54px}.history-clock:before{width:34px;height:4px}.history-clock:after{width:4px;height:34px;transform:rotate(-90deg)}.history-orbit{border:1px solid #ff9a2133;border-left-color:#0000;border-radius:999px;width:154px;height:154px;position:absolute;top:0;right:50px}.history-calendar{width:88px;height:72px;box-shadow:var(--shadow-card);background:linear-gradient(#101b27f5,#0c1621fa);border:1px solid #60a5fa3d;border-radius:16px;position:absolute;bottom:10px;right:8px}.history-calendar:before{content:"";background:var(--color-blue-500);border-radius:999px;height:8px;position:absolute;inset:12px 14px auto}.history-calendar:after{content:"";background:radial-gradient(circle,#ff9a21e6 0 3px,#0000 4px) 0 0/18px 16px,radial-gradient(circle,#60a5facc 0 3px,#0000 4px) 9px 8px/18px 16px;height:30px;position:absolute;bottom:14px;left:16px;right:16px}.history-particle{background:var(--color-orange-500);border-radius:999px;width:8px;height:8px;position:absolute;box-shadow:0 0 18px #ff7a0075}.history-particle-one{top:42px;right:208px}.history-particle-two{top:28px;right:38px}.history-controls{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:18px;display:flex}.history-refresh-button{min-width:180px;min-height:48px;color:var(--color-orange-500);background:#ff7a000a;border:1px solid #ff9a215c;border-radius:10px;justify-content:center;align-items:center;gap:8px;font-weight:850;transition:background .17s,border-color .17s,box-shadow .17s;display:inline-flex}.history-refresh-button:hover:not(:disabled),.history-refresh-button:focus-visible{background:#ff7a0014;border-color:#ff9a21b3;box-shadow:0 0 20px #ff7a001f}.history-refresh-button:disabled{cursor:not-allowed;opacity:.6}.history-refresh-icon{border:2px solid;border-left-color:#0000;border-radius:999px;width:16px;height:16px;position:relative}.history-refresh-icon:after{content:"";border-top:2px solid;border-right:2px solid;width:7px;height:7px;position:absolute;top:-4px;right:-3px;transform:rotate(28deg)}.history-controls label{color:var(--color-text-secondary);align-items:center;gap:10px;font-weight:800;display:flex}.history-controls select{border:1px solid var(--color-border);color:#fff;background:#0c1621;border-radius:10px;min-width:190px;min-height:48px;padding:8px 12px}.history-section{gap:14px;display:grid}.history-section-heading{align-items:center;gap:10px;display:flex}.history-section-heading span{width:32px;height:32px;color:var(--color-orange-500);background:#ff7a001f;border-radius:10px;place-items:center;display:grid;position:relative}.history-section-icon-sessions:before{content:"";border:2px solid;border-radius:4px;width:15px;height:15px;box-shadow:inset 0 5px #ff7a0038}.history-section-icon-skills:before{content:"";border-bottom:2px solid;border-left:2px solid;width:17px;height:12px;transform:skew(-16deg)}.history-section-icon-skills:after{content:"";border-top:2px solid;border-right:2px solid;width:8px;height:8px;position:absolute;transform:translate(5px,-5px)rotate(45deg)}.history-section-icon-reputation:before{content:"";clip-path:polygon(50% 0,100% 18%,86% 100%,50% 84%,14% 100%,0 18%);border:2px solid;border-radius:8px 8px 10px 10px;width:16px;height:18px}.history-section-skills .history-section-heading span{color:var(--color-success);background:#22c55e1f}.history-section-reputation .history-section-heading span{color:var(--color-purple-600);background:#a855f71f}.history-section-heading h2{color:#fff;letter-spacing:.04em;text-transform:uppercase;margin:0;font-size:16px}.history-empty-card,.history-record-row,.history-error-card,.history-info-banner{border:1px solid var(--color-border);box-shadow:var(--shadow-card);background:linear-gradient(#101b27f5,#0c1621fa);border-radius:14px}.history-empty-card{justify-content:space-between;align-items:center;gap:18px;min-height:118px;padding:22px;display:flex;position:relative;overflow:hidden}.history-empty-content{align-items:center;gap:16px;min-width:0;display:flex}.history-empty-icon,.history-record-icon,.history-info-banner>span{width:48px;height:48px;color:var(--color-blue-500);background:#60a5fa1f;border-radius:14px;flex:none;place-items:center;display:grid;position:relative;box-shadow:0 0 22px #60a5fa1f}.history-empty-icon-blue:before{content:"";border:2px solid;border-radius:8px;width:24px;height:17px}.history-empty-icon-blue:after{content:"";border-bottom:2px solid;border-left:2px solid;width:8px;height:8px;position:absolute;bottom:12px;left:18px;transform:rotate(-22deg)}.history-empty-icon-green:before{content:"";background:linear-gradient(0deg,currentColor 0 44%,#0000 44%) 0 bottom/5px 100% no-repeat,linear-gradient(0deg,currentColor 0 66%,#0000 66%) 10px bottom/5px 100% no-repeat,linear-gradient(0deg,currentColor 0 88%,#0000 88%) 20px bottom/5px 100% no-repeat;width:25px;height:20px}.history-empty-icon-purple:before{content:"";clip-path:polygon(50% 0,100% 20%,86% 100%,50% 82%,14% 100%,0 20%);border:2px solid;border-radius:10px 10px 12px 12px;width:20px;height:22px}.history-empty-card-green .history-empty-icon{color:var(--color-success);background:#22c55e1f;box-shadow:0 0 22px #22c55e1f}.history-empty-card-purple .history-empty-icon{color:var(--color-purple-600);background:#a855f71f;box-shadow:0 0 22px #a855f71f}.history-empty-card strong,.history-record-main strong,.history-error-card strong,.history-info-banner strong{color:#fff;font-size:18px}.history-empty-card p,.history-record-main span,.history-record-side,.history-error-card span,.history-info-banner p{color:var(--color-text-secondary);line-height:1.45}.history-record-list{gap:10px;display:grid}.history-record-row{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;min-height:104px;padding:16px;display:grid}.history-record-debate .history-record-icon{color:var(--color-blue-500);background:#60a5fa1f}.history-record-icon:before{content:"";border:2px solid;border-radius:999px;width:18px;height:18px}.history-record-icon:after{content:"";background:currentColor;border-radius:999px;width:7px;height:7px;position:absolute}.history-record-roleplay .history-record-icon{color:var(--color-orange-500);background:#ff7a001f}.history-record-skill .history-record-icon{color:var(--color-success);background:#22c55e1f}.history-record-reputation .history-record-icon{color:var(--color-purple-600);background:#a855f71f}.history-record-main,.history-record-side{gap:5px;display:grid}.history-record-side{text-align:right;justify-items:end}.history-status-badge{border:1px solid var(--color-border);width:fit-content;color:var(--color-text-secondary);background:#789bb914;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:850}.history-status-completed{color:var(--color-success);border-color:#22c55e47}.history-status-active,.history-status-matched,.history-status-preparation{color:var(--color-orange-500);border-color:#ff9a214d}.history-status-cancelled,.history-status-expired{color:var(--color-danger);border-color:#f43f5e4d}.positive-text{color:var(--color-success);font-weight:850}.negative-text{color:var(--color-danger);font-weight:850}.history-skill-visual,.history-reputation-visual{flex:none;width:190px;height:74px;position:relative}.history-skill-visual:before{content:"";background:linear-gradient(to top, #22c55e3d 0 30%, transparent 30%) 0 bottom / 28px 100% no-repeat, linear-gradient(to top, #22c55e57 0 52%, transparent 52%) 42px bottom / 28px 100% no-repeat, linear-gradient(to top, #22c55e80 0 74%, transparent 74%) 84px bottom / 28px 100% no-repeat, linear-gradient(140deg, transparent 18%, var(--color-success) 18% 21%, transparent 21% 48%, var(--color-success) 48% 51%, transparent 51%);filter:drop-shadow(0 0 10px #22c55e40);position:absolute;inset:10px 0}.history-reputation-visual:before{content:"";background:linear-gradient(#a855f766,#a855f71f);border-radius:16px 16px 30px 30px;width:78px;height:58px;position:absolute;top:8px;right:42px;box-shadow:0 0 24px #a855f738}.history-error-card{border-color:#f43f5e42;justify-content:space-between;align-items:center;gap:16px;padding:18px;display:flex}.history-info-banner{background:radial-gradient(circle at 4%,#ff7a0029,#0000 8rem),linear-gradient(#101b27f5,#0c1621fa);border-color:#ff9a213d;align-items:center;gap:14px;padding:18px;display:flex}.history-info-banner>span{color:var(--color-orange-500);background:#ff7a0021}.history-info-banner p{margin:4px 0 0}.history-skeleton-stack{gap:24px;display:grid}.history-skeleton-card{background:#101b27;min-height:118px}.history-skeleton-card:after{content:"";background:linear-gradient(90deg,#0000,#ffffff14,#0000);animation:1.15s ease-in-out infinite skeleton-sweep;position:absolute;inset:0}.history-list article span{color:#6b7280}.webrtc-panel{box-shadow:none}.video-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;display:grid}.video-grid article{gap:8px;display:grid}.video-grid span{color:#6b7280;font-weight:700}.rating-grid{grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:12px;display:grid}.inline-link{width:fit-content;font-weight:700}@media (width<=760px){.auth-panel{min-height:0;box-shadow:none;border:0;border-radius:0;grid-template-columns:1fr}.auth-brand-panel{gap:18px;padding:24px 18px}.auth-brand-copy{gap:10px}.auth-brand-copy h1{font-size:34px}.auth-brand-copy p:last-child{font-size:15px}.conversation-scene{display:none}.auth-card{padding:24px 18px}.app-topnav{gap:10px;min-height:64px;padding:0 14px}.app-brand small{display:none}.app-brand strong{font-size:19px}.app-brand-mark{border-radius:12px;width:38px;height:38px}.content{padding:16px}.realtime-drawer{width:min(380px,100vw)}.event-panel{border-left:1px solid var(--color-border);border-top:0;padding:16px}.event-list{grid-template-columns:1fr;max-height:calc(100vh - 94px)}.welcome-hero{border-radius:18px;min-height:0;padding:20px}.welcome-hero-copy h1{font-size:clamp(34px,12vw,42px)}.dashboard-summary-grid,.dashboard-skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-header h1{font-size:clamp(34px,12vw,42px)}.profile-fields-grid,.social-link-grid{grid-template-columns:1fr}.profile-section-header,.profile-connect-header,.social-editor-panel header{flex-direction:column;align-items:stretch}.profile-add-social-button{width:100%}.practice-row{grid-template-columns:1fr;gap:12px}.practice-row-icon,.practice-row-meta,.practice-row-actions,.practice-row-visual{grid-area:auto}.practice-row-meta,.practice-row-actions{justify-content:flex-start}.practice-row-actions .button-link,.practice-row-actions .ghost-link{width:100%}.practice-row-visual{display:none}.roleplay-selection-panel,.matchmaking-scenario-card,.preparation-hero,.role-focus-card{padding:16px}.roleplay-hero{border-radius:18px;min-height:0;padding:20px}.roleplay-hero h1{font-size:clamp(34px,12vw,44px)}.roleplay-queue-actions,.roleplay-status-grid{grid-template-columns:1fr}.roleplay-primary-action,.roleplay-secondary-action{width:100%}.roleplay-hero-visual{display:none}.debate-hero{border-radius:18px;min-height:0;padding:20px}.debate-hero h1{font-size:clamp(34px,12vw,44px)}.debate-hero-visual{display:none}.debate-control-panel,.debate-empty-card,.debate-error-card{padding:18px}.debate-status-grid,.debate-error-card{grid-template-columns:1fr}.gd-hero{border-radius:18px;min-height:0;padding:20px}.gd-hero h1{font-size:clamp(34px,12vw,44px)}.gd-hero-visual{display:none}.gd-create-header,.gd-error-card,.gd-helper-text{align-items:flex-start}.gd-create-form,.gd-benefits-strip,.gd-empty-actions{grid-template-columns:1fr}.gd-create-header,.gd-error-card{flex-direction:column}.gd-create-panel,.gd-empty-panel,.gd-benefits-strip{padding:18px}.gd-room-grid{grid-template-columns:1fr}.gd-benefit,.gd-benefit:first-child,.gd-benefit:last-child{border-right:0;border-bottom:1px solid var(--color-border);padding:14px 0}.gd-benefit:last-child{border-bottom:0}.roleplay-status-grid{display:grid}.matchmaking-scenario-card{min-height:220px}.dashboard-card{min-height:156px;padding:14px}.dashboard-card-value-long{font-size:14px}.history-list article{flex-direction:column;align-items:flex-start}.history-hero{grid-template-columns:1fr;min-height:0}.history-hero h1{font-size:clamp(34px,12vw,42px)}.history-hero-visual{display:none}.history-controls,.history-controls label,.history-error-card,.history-info-banner{flex-direction:column;align-items:stretch}.history-controls label,.history-refresh-button,.history-controls select{width:100%}.history-empty-card{flex-direction:column;align-items:flex-start}.history-empty-content{align-items:flex-start}.history-record-row{grid-template-columns:1fr}.history-record-side{text-align:left;justify-items:start}.history-skill-visual,.history-reputation-visual{display:none}.admin-section,.form-row{grid-template-columns:1fr}}@media (width<=560px){.roleplay-scenario-grid{grid-template-columns:1fr}}@media (width<=430px){.dashboard-summary-grid{grid-template-columns:1fr}.dashboard-skill-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.skill-ring-card{min-height:166px;padding:12px}.skill-ring{width:76px;height:76px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}.matchmaking-scenario-card,.scenario-card,.dashboard-card,.skill-ring-card,.practice-row,.realtime-drawer,.mobile-nav-drawer{transition:none;animation:none}}