:root{--bg:#06152f;--bg-soft:#07243b;--card:#ffffff1a;--glass-top:#ffffff14;--glass-bottom:#d9d9d90a;--glass-border:#f1f2f91a;--text:#fff;--muted:#cac6dd;--accent:#0afece;--accent-strong:#0afece;--line:#ffffff1a;--grad:linear-gradient(69.64deg, #1c3664 9.9047%, #1c64ba 50.485%, #0afece 102.66%);--radius:20px;--hero-border-soft:#0afece73;--hero-ring:#0afece14;--bg-deep:#041027;--panel:#0b1f42d1;--panel-strong:#0d2349f0;--panel-soft:#ffffff14;--border:#b9d2ff2e;--cta:linear-gradient(135deg, #fff 0%, #d4e8ff 100%);--cta-text:#071b3c;--danger:#ffb2b2;--success:#c6f6df;--shadow:0 28px 80px #00000059;--radius-xl:28px;--radius-lg:20px;--radius-md:14px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--text);background:radial-gradient(circle at top left, #306cc24d, transparent 34%), radial-gradient(circle at top right, #48a1ff29, transparent 30%), linear-gradient(180deg, #071a3b 0%, var(--bg) 42%, var(--bg-deep) 100%);margin:0;font-family:Arial Rounded MT,Sora,Inter,Arial,sans-serif}body:before{content:"";pointer-events:none;opacity:.35;background-color:#0000;background-image:linear-gradient(#ffffff06 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:36px 36px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0;-webkit-mask-image:radial-gradient(circle,#000 40%,#0000 85%);mask-image:radial-gradient(circle,#000 40%,#0000 85%)}.App{max-width:1440px;margin:0 auto;padding:28px 28px 44px}.brand-header{border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:radial-gradient(circle at 85% 18%,#7ec2ff33,#0000 22%),linear-gradient(135deg,#ffffff14,#ffffff08);border-radius:34px;padding:30px 34px;position:relative;overflow:hidden}.brand-mark{align-items:center;gap:22px;display:flex}.brand-logo{flex-shrink:0;width:138px;height:auto;display:block}.brand-copy{max-width:760px}.brand-kicker{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;font-size:.96rem;display:inline-block}.brand-copy h1{letter-spacing:-.04em;color:var(--accent);margin:0;font-size:clamp(2rem,3.4vw,3.4rem);line-height:1}.brand-copy p{max-width:640px;color:var(--muted);margin:14px 0 0;font-size:1rem;line-height:1.6}.tabs{flex-wrap:wrap;gap:10px;margin:20px 0 18px;display:flex}.debug-admin-token{color:var(--muted);align-items:center;gap:8px;margin-left:auto;font-size:.82rem;display:flex}.debug-admin-token input{border:1px solid var(--line);width:min(240px,45vw);min-height:42px;color:var(--text);font:inherit;background:#06152fb8;border-radius:12px;padding:0 12px}button,select,input{font:inherit}.tabs button,.input-row button,.avatar-mode-btn,.voice-live-mode-btn,.live-avatar-mode-btn,.history-load-button,.exit-replay-btn,.exam-start-btn{cursor:pointer;border:0;border-radius:999px;transition:transform .12s,box-shadow .12s,opacity .12s}.tabs button,.input-row button,.avatar-mode-btn,.voice-live-mode-btn,.live-avatar-mode-btn,.history-load-button,.exam-start-btn{background:var(--cta);color:var(--cta-text);padding:11px 18px;font-weight:700;box-shadow:0 12px 30px #0000002e}.avatar-mode-btn,.live-avatar-mode-btn,.voice-live-mode-btn{background:var(--grad)!important;color:var(--text)!important}.voice-mode-btn{color:var(--text)!important;background:#0afece1f!important;border:1px solid #0afece61!important}.tabs button:hover,.input-row button:hover,.avatar-mode-btn:hover,.voice-live-mode-btn:hover,.live-avatar-mode-btn:hover,.history-load-button:hover,.exam-start-btn:hover{transform:translateY(-1px)}.chat-toolbar,.chat-layout,.chat-column,.notes-column,.chat-window,.score-panel,.notes-content,.history-panel,.history-detail,.debug-panel,.score-loading-banner,.replay-banner,.exam-banner,.avatar-switch,.debug-switch{box-shadow:var(--shadow)}.chat-toolbar{border-radius:var(--radius-xl);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);flex-wrap:wrap;align-items:end;gap:16px;margin-bottom:16px;padding:18px 20px;display:flex}.chat-toolbar label,.persona-toolbar label{color:var(--muted);flex-direction:column;gap:8px;font-size:.88rem;display:flex}.persona-toolbar input,.chat-toolbar select,.input-row input,.avatar-switch select{min-height:42px;color:var(--text);background:#ffffff0f;border:1px solid #bbd6ff2e;border-radius:999px;outline:none;padding:10px 14px}.input-row input{background:linear-gradient(#ffffff17,#ffffff0a);border:1px solid #0afece29;border-radius:18px;min-height:44px;padding:10px 16px;box-shadow:inset 0 1px #ffffff14}.input-row input::placeholder{color:#cac6ddd1}.input-row input:focus{border-color:#0afece6b;box-shadow:inset 0 1px #ffffff14,0 0 0 3px #0afece1f}.chat-layout{box-shadow:none;border:none;grid-template-columns:minmax(0,1.75fr) minmax(280px,.95fr);gap:18px;margin-top:10px;display:grid}.chat-column,.notes-column{background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:30px;padding:22px}.chat-column h2,.notes-column h3,.score-panel h4,.analysis-section h4{color:var(--accent);margin-top:0}.chat-column h2{letter-spacing:-.03em;margin-bottom:12px;font-size:1.35rem}.chat-window{background:linear-gradient(#ffffff0d,#ffffff05);border-radius:24px;min-height:260px;max-height:440px;margin-bottom:14px;padding:18px;overflow-y:auto}.message{border-radius:18px;max-width:86%;margin-bottom:12px;padding:12px 15px;line-height:1.55}.message.user{background:#5eb9ff2b;border:1px solid #5eb9ff47;margin-left:auto}.message.assistant{background:#ffffff14;border:1px solid #ffffff1f;margin-right:auto}.message b{margin-right:6px;display:inline-block}.language-badge{color:var(--text);background:#74cbff1f;border:1px solid #74cbff38;border-radius:999px;margin-bottom:10px;padding:8px 14px;font-size:.88rem;display:inline-block}.replay-banner,.exam-banner,.score-loading-banner{color:var(--text);background:#ffffff14;border-radius:18px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;padding:12px 16px;display:flex}.score-loading-banner{margin-top:12px}.exit-replay-btn{color:var(--text);background:#ffffff24;padding:9px 14px}.input-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.input-stack{flex-direction:column;gap:12px;margin-bottom:8px;display:flex}.voice-control-panel{background:#ffffff0d;border:1px solid #ffffff14;border-radius:22px;padding:18px}.voice-control-header h3{color:var(--accent);margin:0 0 8px;font-size:1rem}.voice-control-header p{color:var(--muted);margin:0;font-size:.92rem;line-height:1.5}.voice-control-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px;display:grid}.voice-preset-section{margin-top:16px}.voice-preset-section h4{color:var(--text);margin:0 0 10px;font-size:.95rem}.voice-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.voice-preset-card{color:var(--text);text-align:left;background:#ffffff0d;border:1px solid #ffffff14;border-radius:18px;flex-direction:column;align-items:flex-start;gap:6px;padding:14px;display:flex}.voice-preset-card:hover{background:#ffffff12;border-color:#0afece42}.voice-preset-title{font-weight:700}.voice-preset-description{color:var(--muted);font-size:.88rem;line-height:1.45}.voice-control-card{background:#ffffff0a;border:1px solid #ffffff12;border-radius:18px;flex-direction:column;gap:8px;min-width:0;padding:14px;display:flex}.voice-control-card select,.voice-control-card input[type=range]{width:100%}.voice-control-label{color:var(--text);font-weight:700}.voice-control-card small{color:var(--muted);line-height:1.45}.voice-control-card-checkbox{justify-content:space-between}.voice-control-checkbox{color:var(--text);align-items:center;gap:10px;display:inline-flex}.voice-control-checkbox input{accent-color:var(--accent)}.input-row-primary{align-items:stretch}.input-row-primary input{flex:auto;width:100%;max-width:100%}.input-row-secondary,.input-row-tertiary{justify-content:flex-start}.input-row input{flex:260px;min-width:0;max-width:100%}.input-row button:disabled,.input-row input:disabled,.avatar-switch select:disabled{opacity:.58;cursor:not-allowed}.session-complete-actions{border:1px solid var(--hero-border-soft);background:var(--card);border-radius:18px;justify-content:space-between;align-items:center;gap:18px;margin-top:14px;padding:16px 18px;display:flex}.session-complete-actions>div{gap:4px;display:grid}.session-complete-actions strong{color:var(--accent)}.session-complete-actions span{color:var(--muted)}.session-complete-actions button{flex:none}.avatar-switch,.debug-switch{background:#ffffff0d;border-radius:999px;align-items:center;gap:10px;padding:8px 12px;font-size:.86rem;display:inline-flex}.debug-switch input{accent-color:var(--accent-strong)}.waveform-wrapper{margin-top:12px}.waveform-canvas{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:18px;width:100%;max-width:380px;height:60px}.score-panel,.notes-content,.history-panel,.history-detail,.debug-panel{background:#ffffff0d;border-radius:22px;margin-top:16px;padding:18px}.score-panel p,.analysis-section p,.history-summary,.history-empty,.history-error,.debug-panel p,.exam-notes p{color:var(--muted)}.notes-content{white-space:pre-wrap;min-height:220px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.history-panel{border-top:none}.history-filters{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.history-filters select,.history-filters input[type=date]{color:var(--text);background:#ffffff0d;border:1px solid #ffffff24;border-radius:999px;padding:8px 12px}.history-list{max-height:220px;margin:0;padding:0;list-style:none;overflow-y:auto}.history-list li{margin-bottom:10px}.history-list button{width:100%;color:var(--text);text-align:left;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1f;border-radius:18px;padding:13px 14px}.history-list button:hover{background:#ffffff1a}.history-meta{flex-direction:column;gap:3px;display:flex}.history-case,.history-persona,.history-time{color:var(--muted);font-size:.82rem}.history-load-button{width:100%;margin-top:10px}.history-msg.user{color:var(--accent)}.history-msg.assistant{color:var(--success)}.analysis-section{border-top:1px solid #ffffff1f;margin-top:14px;padding-top:12px}.analysis-section h5{color:var(--accent);margin-bottom:6px}.analysis-section ul{color:var(--muted);padding-left:20px}.debug-panel{border-style:dashed}.debug-panel h4{margin:0 0 10px}.exam-notes{margin-top:8px}.error{color:var(--danger)}.avatar-video{object-fit:contain;background:#111;border-radius:10px;width:100%;min-height:380px;max-height:560px}.voice-mode-visual{background:radial-gradient(circle at top,#0afece29,#0000 45%),linear-gradient(#07243beb,#06152ffa);border-radius:22px;flex-direction:column;justify-content:center;align-items:center;gap:22px;min-height:380px;display:flex;overflow:hidden}.realtime-status-card{border:1px solid var(--glass-border);background:var(--card);color:var(--text);border-radius:14px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;padding:12px 14px;display:flex}.realtime-status-card>div:first-child{gap:4px;display:grid}.realtime-status-card span{color:var(--muted)}.realtime-status-error{background:#7b1f3047;border-color:#ff70708c}.realtime-status-actions{flex:none;gap:8px;display:flex}.realtime-status-actions button{min-height:36px;padding:7px 12px}.voice-pulse-orb{--voice-pulse-level:0;width:168px;height:168px;transform:scale(calc(1 + (var(--voice-pulse-level) * .28)));place-items:center;transition:transform 90ms linear;display:grid;position:relative}.voice-pulse-core{background:var(--grad);width:88px;height:88px;box-shadow:0 0 0 calc(16px * var(--voice-pulse-level)) #0afece1f, 0 18px 44px #0afece3d;border-radius:50%}.voice-pulse-ring{transform:scale(calc(1 + (var(--voice-pulse-level) * .7)));opacity:calc(.25 + (var(--voice-pulse-level) * .4));border:1px solid #0afece42;border-radius:50%;transition:transform 90ms linear,opacity 90ms linear;position:absolute;inset:0}.voice-pulse-ring-secondary{border-color:#fff3;inset:18px}.voice-mode-copy{text-align:center;max-width:360px}.voice-mode-copy h4{color:var(--accent);margin:0 0 6px;font-size:1.1rem}.voice-mode-copy p{color:var(--muted);margin:0;line-height:1.5}@media (width<=980px){.App{padding:18px 16px 28px}.brand-header{padding:22px 20px}.brand-mark{flex-direction:column;align-items:flex-start}.chat-layout{grid-template-columns:1fr}.chat-column,.notes-column{padding:18px}}@media (width<=640px){.App{padding:12px 12px 22px}.brand-header{border-radius:24px;padding:18px 16px}.brand-mark{gap:14px}.brand-logo{width:112px}.brand-kicker{letter-spacing:.05em;margin-bottom:8px;font-size:.78rem}.brand-copy h1{font-size:1.7rem;line-height:1.04}.brand-copy p{margin-top:10px;font-size:.92rem;line-height:1.5}.chat-toolbar{border-radius:22px;gap:12px;padding:14px}.chat-toolbar>*,.chat-toolbar label,.persona-toolbar label,.chat-toolbar select,.persona-toolbar input{width:100%}.chat-column,.notes-column{border-radius:24px;padding:14px}.chat-window{border-radius:18px;min-height:220px;max-height:360px;padding:14px}.message{border-radius:14px;max-width:100%;padding:10px 12px;font-size:.94rem}.input-stack,.input-row{gap:10px}.input-row-primary,.input-row-secondary{flex-direction:column;align-items:stretch}.voice-control-grid,.voice-preset-grid{grid-template-columns:1fr}.input-row input,.input-row button,.avatar-switch,.debug-switch,.voice-control-card{width:100%}.input-row input{border-radius:16px;flex:none;max-width:100%;min-height:44px}.avatar-switch,.debug-switch{justify-content:space-between}.avatar-switch select{flex:1;min-width:0}.replay-banner,.exam-banner,.score-loading-banner,.session-complete-actions{flex-direction:column;align-items:flex-start}.session-complete-actions button{width:100%}.notes-content,.score-panel,.history-panel,.history-detail,.debug-panel{border-radius:18px;padding:14px}.history-filters{gap:10px}.history-filters select,.history-filters input[type=date]{width:100%}.avatar-video{min-height:240px;max-height:340px}.voice-mode-visual{gap:16px;min-height:240px;padding:20px 16px}.voice-pulse-orb{width:132px;height:132px}.voice-pulse-core{width:72px;height:72px}}