:root{--bg-color: #f5f5f5;--container-bg: #ffffff;--text-color: #333;--text-color-secondary: #555;--text-color-tertiary: #666;--heading-color: #2c3e50;--heading-color-secondary: #34495e;--border-color: #3498db;--question-bg: #f8f9fa;--question-hover-bg: #e8f4f8;--card-bg: #ffffff;--card-hover-bg: #f8f9fa;--shadow: rgba(0,0,0,.1)}[data-theme=dark]{--bg-color: #000000;--container-bg: #0a0a0a;--text-color: #e0e0e0;--text-color-secondary: #b0b0b0;--text-color-tertiary: #999;--heading-color: #ffffff;--heading-color-secondary: #e0e0e0;--border-color: #4a9eff;--question-bg: #1a1a1a;--question-hover-bg: #2a2a2a;--card-bg: #1a1a1a;--card-hover-bg: #2a2a2a;--shadow: rgba(0,0,0,.8)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:var(--text-color);background-color:var(--bg-color);padding:8px;transition:background-color .3s ease,color .3s ease}@media (min-width: 480px){body{padding:20px}}.container{max-width:1200px;margin:0 auto;background-color:var(--container-bg);padding:12px;border-radius:10px;box-shadow:0 2px 10px var(--shadow);position:relative;transition:background-color .3s ease,box-shadow .3s ease}@media (min-width: 480px){.container{padding:30px}}@media (min-width: 1024px){.container:not(.layout-single-column){display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;grid-auto-flow:row}.container:not(.layout-single-column)>h1{grid-column:1 / -1;margin-bottom:20px}.container:not(.layout-single-column)>.sections-grid{grid-column:1 / -1}}@media (min-width: 1024px){.container.layout-two-column{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;grid-auto-flow:row}.container.layout-two-column>h1{grid-column:1 / -1;margin-bottom:20px}.container.layout-two-column>.sections-grid{grid-column:1 / -1}}.container.layout-single-column{display:block}h1{color:var(--heading-color);margin-bottom:30px;font-size:28px;border-bottom:3px solid var(--border-color);padding-bottom:10px;transition:color .3s ease,border-color .3s ease}.container>h1,.container.layout-single-column>h1,.container.layout-two-column>h1{text-align:center}h2,h3,h4{color:var(--heading-color-secondary);margin-top:24px;margin-bottom:12px;transition:color .3s ease;cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;padding-right:30px}h2{font-size:24px;border-left:4px solid var(--border-color);padding-left:10px}h3{font-size:20px;color:var(--text-color-secondary);padding-left:16px}h4{font-size:18px;color:var(--text-color-tertiary);font-weight:600;padding-left:24px}h2:after,h3:after,h4:after{content:"▼";position:absolute;right:0;font-size:12px;transition:transform .3s ease;color:var(--border-color)}.collapsed:after{transform:rotate(-90deg)}.section{margin-bottom:24px}.back-link{display:inline-block;margin-bottom:20px;color:var(--border-color);text-decoration:none;font-size:16px;transition:opacity .3s ease}.back-link:hover{opacity:.7}p{margin:12px 0;line-height:1.8}.description{font-size:14px;color:var(--text-color-tertiary);background:transparent;border-left:3px solid var(--border-color);padding:10px 15px;margin:15px 0;opacity:.8}.paraphrase{color:var(--text-color-tertiary);font-style:italic;opacity:.8}.section-content.collapsed{max-height:0;overflow:hidden;opacity:0;transition:all .3s ease;margin:0;padding:0}.section-content.expanded{max-height:1000px;opacity:1;transition:all .3s ease;margin:12px 0}.settings-button{position:fixed;top:20px;right:20px;width:50px;height:50px;border-radius:50%;background-color:#ffffffb3;border:2px solid rgba(52,152,219,.5);display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 2px 10px var(--shadow);z-index:1000;opacity:.6;cursor:pointer}[data-theme=dark] .settings-button{background-color:#0a0a0ab3;border-color:#4a9eff80}.settings-modal{display:flex;position:fixed;z-index:2000;left:0;top:0;width:100%;height:100%;background-color:#00000080;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);align-items:center;justify-content:center}.settings-content{background-color:var(--container-bg);padding:30px;border-radius:10px;max-width:420px;width:90%;box-shadow:0 5px 20px var(--shadow)}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.close-button{background:none;border:none;font-size:28px;cursor:pointer;color:var(--text-color)}.settings-item{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.settings-label{font-size:16px;color:var(--text-color)}.toggle-switch{position:relative;width:50px;height:26px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;right:0;bottom:0;left:0;background-color:#ccc;transition:.3s;border-radius:26px}.toggle-slider:before{position:absolute;content:"";height:20px;width:20px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.toggle-switch input:checked+.toggle-slider{background-color:var(--border-color)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.layout-options{display:flex;flex-direction:column;gap:10px}.radio-option{display:flex;align-items:center;cursor:pointer;padding:8px 12px;border-radius:5px}.radio-option:hover{background-color:var(--question-bg)}.radio-option input{margin-right:8px}.settings-auth-section,.settings-api-keys-section{flex-direction:column;align-items:stretch;gap:12px}.settings-auth-header{display:flex;justify-content:space-between;align-items:center;width:100%}.settings-auth-toggle{background-color:var(--border-color);color:#fff;border:none;padding:6px 12px;border-radius:6px;font-size:14px;cursor:pointer;transition:background-color .2s ease}.settings-auth-toggle:hover{background-color:#2980b9}.settings-auth-content{margin-top:12px;padding-top:12px;border-top:1px solid rgba(0,0,0,.1)}[data-theme=dark] .settings-auth-content{border-top-color:#ffffff1a}.settings-auth-close{margin-top:12px;width:100%;padding:8px 16px;background-color:var(--question-bg);color:var(--text-color);border:1px solid rgba(0,0,0,.1);border-radius:6px;font-size:14px;cursor:pointer;transition:background-color .2s ease}[data-theme=dark] .settings-auth-close{border-color:#ffffff1a}.settings-auth-close:hover{background-color:var(--question-hover-bg)}.settings-api-keys-actions{display:flex;gap:8px;margin-top:12px}.settings-api-keys-actions .auth-button{flex:1}.auth-content{display:flex;flex-direction:column;gap:16px}.auth-user-info{padding:16px;background-color:var(--question-bg);border-radius:8px}.auth-email{font-weight:600;color:var(--heading-color);margin-bottom:8px}.auth-hint{font-size:14px;color:var(--text-color-secondary)}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-label{font-size:14px;font-weight:600;color:var(--text-color-secondary)}.auth-input{width:100%;padding:10px 12px;border:1px solid rgba(0,0,0,.12);border-radius:8px;font-size:14px;background-color:var(--question-bg);color:var(--text-color);transition:border-color .2s ease}[data-theme=dark] .auth-input{border-color:#ffffff26}.auth-input:focus{outline:none;border-color:var(--border-color)}.auth-error{padding:12px;background-color:#e74c3c1a;color:#e74c3c;border-radius:8px;font-size:14px}.auth-button{padding:12px 20px;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:background-color .2s ease,opacity .2s ease}.auth-button:disabled{opacity:.6;cursor:not-allowed}.auth-button-primary{background-color:var(--border-color);color:#fff}.auth-button-primary:hover:not(:disabled){background-color:#2980b9}.auth-button-google{background-color:var(--question-bg);color:var(--text-color);display:flex;align-items:center;justify-content:center;gap:8px}.auth-button-google:hover:not(:disabled){background-color:var(--question-hover-bg)}.auth-button-logout{background-color:#e74c3c1a;color:#e74c3c}.auth-button-logout:hover:not(:disabled){background-color:#e74c3c33}.auth-google-icon{font-size:18px}.auth-divider{display:flex;align-items:center;text-align:center;margin:8px 0}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid rgba(0,0,0,.12)}[data-theme=dark] .auth-divider:before,[data-theme=dark] .auth-divider:after{border-bottom-color:#ffffff26}.auth-divider span{padding:0 12px;font-size:14px;color:var(--text-color-tertiary)}.auth-switch{text-align:center;margin-top:8px}.auth-switch-link{background:none;border:none;color:var(--border-color);cursor:pointer;font-size:14px;text-decoration:underline}.auth-switch-link:hover{color:#2980b9}.sections-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;max-width:100%;justify-content:center;justify-items:stretch}@media (min-width: 480px){.sections-grid{gap:20px}}@media (min-width: 769px){.sections-grid{grid-template-columns:repeat(3,1fr)}}.section-card{background-color:var(--card-bg);border:2px solid var(--border-color);border-radius:10px;padding:12px 8px;text-align:center;text-decoration:none;color:var(--text-color);display:block;transition:all .2s ease;box-shadow:0 2px 5px var(--shadow);min-width:0;overflow:hidden;width:100%}@media (min-width: 480px){.section-card{padding:20px}}.section-card:hover{transform:translateY(-3px);background-color:var(--card-hover-bg);box-shadow:0 4px 12px var(--shadow)}.section-icon{font-size:24px;margin-bottom:6px;line-height:1;display:inline-block}@media (min-width: 480px){.section-icon{font-size:36px;margin-bottom:10px}}.section-title{font-size:14px;font-weight:700;color:var(--heading-color);margin-bottom:3px;word-break:break-word}@media (min-width: 480px){.section-title{font-size:18px;margin-bottom:6px}}.section-subtitle{font-size:11px;opacity:.8;word-break:break-word}@media (min-width: 480px){.section-subtitle{font-size:14px}}.question-item{list-style:none;margin:8px 0;padding:12px 14px 12px 36px;border:1px solid var(--border-color);border-radius:8px;cursor:pointer;position:relative;background:var(--container-bg);transition:background-color .2s ease,box-shadow .2s ease}.question-item:before{content:"🔊";position:absolute;left:10px;top:50%;transform:translateY(-50%);opacity:.8}.question-item:hover{background-color:var(--question-hover-bg);box-shadow:0 2px 6px var(--shadow)}.question-item.playing{background-color:#d4edda;border-color:#2ecc71}[data-theme=dark] .question-item.playing{background-color:#2ecc712e;border-color:#2ecc718c;color:var(--text-color)}[data-theme=dark] .question-item.playing:before{opacity:1}.question-text{color:var(--text-color)}.injected{display:contents}.heading-l3{margin-left:8px}.heading-l4{margin-left:16px}.indent-1{margin-left:24px;padding-left:8px}.indent-2{margin-left:40px;padding-left:12px}.indent-1 li{margin-left:24px}.indent-2 li{margin-left:40px}.section-full{width:100%;grid-column:1 / -1}.figure-row{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-start;width:100%;margin:4px 0 12px}.section-figure{flex:0 0 auto;width:220px;margin:0 12px 8px 0}.section-figure img{display:block;width:100%;max-width:220px;max-height:200px;height:auto;border-radius:6px;box-shadow:0 2px 6px var(--shadow);object-fit:contain}.figure-row ul{flex:1 1 260px;margin:0}.call-launcher{position:fixed;right:24px;bottom:24px;width:56px;height:56px;border-radius:50%;border:none;background:var(--border-color);color:#fff;font-size:28px;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 25px #0003;cursor:pointer;z-index:1200;transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease;opacity:.92}.call-launcher:hover{transform:translateY(-2px) scale(1.03);box-shadow:0 14px 28px #00000040;opacity:1}[data-theme=dark] .call-launcher{background:var(--border-color);color:#0a0a0a}.call-launcher.is-active{background:#2ecc71;color:#fff}[data-theme=dark] .call-launcher.is-active{background:#2ecc71;color:#0a0a0a}.call-launcher.has-unread{box-shadow:0 18px 32px #3498db59}.call-launcher-badge{position:absolute;top:-6px;right:-6px;background:#ff5c5c;color:#fff;border-radius:999px;font-size:12px;font-weight:600;padding:2px 6px;min-width:22px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #00000040}.call-mini-status{position:fixed;right:24px;bottom:94px;width:min(320px,calc(100% - 48px));background:var(--container-bg);color:var(--text-color);border-radius:14px;box-shadow:0 20px 45px #00000040;padding:14px 18px;display:flex;flex-direction:column;gap:10px;z-index:2000}[data-theme=dark] .call-mini-status{background:#0c0c0cf5;box-shadow:0 20px 45px #0000008c}.call-mini-details{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px}.call-mini-status-label{font-weight:600;color:var(--heading-color-secondary)}.call-mini-feedback{background:#3498db1f;color:var(--border-color);padding:2px 8px;border-radius:999px;font-size:12px;font-weight:600}.call-mini-actions{display:flex;align-items:center;gap:8px}.call-mini-button{flex:1;border-radius:999px;border:1px solid rgba(52,152,219,.4);background:#3498db14;color:var(--border-color);font-size:13px;padding:6px 10px;cursor:pointer;transition:background .2s ease,border-color .2s ease}.call-mini-button:hover:not(:disabled){background:#3498db2e}.call-mini-button.is-danger{border-color:#ff636366;background:#ff63631f;color:#ff5c5c}.call-mini-button.is-danger:hover:not(:disabled){background:#ff636338}.call-mini-button:disabled{opacity:.6;cursor:not-allowed}.call-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:2100;padding:24px}.call-modal-content{background:var(--container-bg);color:var(--text-color);width:min(520px,100%);max-height:min(640px,100%);border-radius:16px;box-shadow:0 20px 45px #00000040;display:flex;flex-direction:column;padding:28px;position:relative;overflow-y:auto;gap:18px}.call-modal-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.call-modal-header h2{margin:0;font-size:22px;color:var(--heading-color)}.call-subtitle{margin-top:4px;font-size:14px;color:var(--text-color-tertiary)}.call-modal-close{border:none;background:transparent;font-size:28px;line-height:1;cursor:pointer;color:var(--text-color);padding:2px 6px}.call-status-row{display:flex;align-items:center;gap:12px}.call-status-badge{display:inline-flex;align-items:center;justify-content:center;padding:4px 10px;border-radius:999px;font-size:13px;font-weight:600;background:var(--question-hover-bg);color:var(--heading-color-secondary)}.call-status-connecting{background:#f1c40f2e;color:#9c7d08}.call-status-connected{background:#2ecc7138;color:#1b8a4d}.call-status-error{background:#e74c3c2e;color:#96281b}.call-mic-indicator{font-size:13px;color:var(--text-color-secondary)}.call-section{display:flex;flex-direction:column;gap:8px}.call-live-panels{display:flex;flex-direction:column;gap:16px}.call-live-panel{min-height:240px}.call-live-panel .call-scroll-block{flex:1}.call-scroll-block{flex:1;overflow-y:auto;max-height:260px}@media (min-width: 900px){.call-live-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch}.call-scroll-block{max-height:360px}}.call-provider-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-bottom:12px}.call-provider-button{display:flex;flex-direction:column;align-items:flex-start;padding:12px 14px;border-radius:10px;border:1px solid rgba(52,152,219,.3);text-align:left;cursor:pointer;background:transparent;transition:border-color .2s ease,background .2s ease,transform .2s ease}.call-provider-button:hover{border-color:var(--border-color);background:#3498db14}.call-provider-button.is-active{border-color:var(--border-color);background:#3498db1f}.call-provider-label{font-weight:600;color:var(--heading-color-secondary)}.call-provider-description{font-size:13px;color:var(--text-color-tertiary)}.call-field-label{font-size:14px;font-weight:600;color:var(--text-color-secondary)}.call-field-input,.call-field-textarea{width:100%;border:1px solid rgba(0,0,0,.12);border-radius:10px;padding:10px 12px;font-size:14px;background:#00000005;color:var(--text-color);transition:border-color .2s ease,box-shadow .2s ease}[data-theme=dark] .call-field-input,[data-theme=dark] .call-field-textarea{border-color:#ffffff26;background:#ffffff0d}.call-field-input:focus,.call-field-textarea:focus{border-color:var(--border-color);box-shadow:0 0 0 3px #3498db40;outline:none}.call-field-textarea{resize:vertical;min-height:120px}.call-hint{font-size:12px;color:var(--text-color-tertiary);line-height:1.5}.call-scenario-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px}.call-random-button{border:none;border-radius:999px;background:#3498db1f;color:var(--heading-color);font-weight:600;padding:6px 14px;cursor:pointer;transition:background .2s ease,transform .2s ease}.call-random-button:hover{background:#3498db38;transform:translateY(-1px)}.call-scenario-count{font-size:12px;color:var(--text-color-tertiary)}.call-symptom-browser{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;margin-top:12px}.call-symptom-category{border:1px solid rgba(0,0,0,.08);border-radius:12px;padding:10px 12px;background:#00000005}[data-theme=dark] .call-symptom-category{border-color:#ffffff1f;background:#ffffff08}.call-symptom-category-header{display:flex;align-items:baseline;gap:8px;margin-bottom:6px}.call-symptom-category-roman{font-weight:700;color:var(--border-color)}.call-symptom-category-label-ja{font-weight:600;color:var(--heading-color-secondary)}.call-symptom-category-label-en{font-size:12px;color:var(--text-color-tertiary)}.call-symptom-list{display:flex;flex-wrap:wrap;gap:6px}.call-symptom-pill{border:1px solid rgba(52,152,219,.25);border-radius:999px;padding:6px 12px;background:transparent;color:var(--text-color);font-size:12px;display:flex;align-items:center;gap:6px;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease}[data-theme=dark] .call-symptom-pill{border-color:#3498db73}.call-symptom-pill:hover{background:#3498db1f}.call-symptom-pill.is-active{background:#3498db33;border-color:var(--border-color);color:var(--heading-color)}.call-symptom-pill-order{font-weight:600;color:var(--border-color)}.call-symptom-pill-label{display:flex;flex-direction:column;text-align:left;line-height:1.2}.call-symptom-pill-label-en,.call-symptom-pill-variant{font-size:10px;color:var(--text-color-tertiary)}.call-case-card{margin-top:14px;padding:8px 12px;border-radius:12px;border:1px solid rgba(52,152,219,.25);background:#3498db14}[data-theme=dark] .call-case-card{background:#3498db2e;border-color:#3498db66}.call-case-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:6px 0;border:none;background:none;font-size:15px;font-weight:600;color:var(--heading-color);cursor:pointer}.call-case-toggle-icon{font-size:12px;color:var(--text-color-tertiary)}.call-case-list{list-style:none;margin:0;padding:0;font-size:13px;color:var(--text-color)}.call-case-list li{margin-bottom:6px}.call-case-notes-label{margin:10px 0 6px;font-size:12px;color:var(--text-color-secondary);font-weight:600}.call-case-notes{margin:0;padding-left:18px;color:var(--text-color);font-size:12px;line-height:1.5}.call-case-source{margin-top:8px;font-size:11px;color:var(--text-color-tertiary)}.simple-realtime-debugger{border:1px solid rgba(0,0,0,.1);border-radius:12px;padding:16px;background:var(--question-bg);display:flex;flex-direction:column;gap:12px}[data-theme=dark] .simple-realtime-debugger{border-color:#fff3;background:#ffffff0d}.simple-realtime-debugger label{font-size:13px;font-weight:600;color:var(--text-color-secondary);display:flex;flex-direction:column;gap:4px}.simple-realtime-debugger input,.simple-realtime-debugger select,.simple-realtime-debugger textarea{border-radius:8px;border:1px solid rgba(0,0,0,.2);padding:8px;font-size:13px;background:var(--container-bg);color:var(--text-color)}[data-theme=dark] .simple-realtime-debugger input,[data-theme=dark] .simple-realtime-debugger select,[data-theme=dark] .simple-realtime-debugger textarea{border-color:#fff3}.srd-row{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}.srd-row.srd-advanced label{flex:1}.srd-hint-box{font-size:12px;background:#3498db14;border-left:3px solid rgba(52,152,219,.5);padding:8px 12px;border-radius:8px;color:var(--text-color-secondary)}[data-theme=dark] .srd-hint-box{background:#3498db33;color:var(--text-color)}.srd-flex{flex:1}.srd-status{font-weight:600}.srd-status-connected{color:#1abc9c}.srd-status-connecting{color:#f1c40f}.srd-status-error{color:#e74c3c}.srd-error{color:#e74c3c;font-size:13px;margin:0}.srd-actions{display:flex;gap:12px}.srd-actions button,.srd-send-box button{border-radius:999px;border:1px solid rgba(0,0,0,.2);padding:8px 16px;cursor:pointer}.srd-send-box{display:flex;gap:8px}.srd-send-box textarea{flex:1}.srd-log{max-height:240px;overflow-y:auto;border-top:1px solid rgba(0,0,0,.1);padding-top:8px}.srd-log ul{margin:0;padding-left:16px;font-size:12px;color:var(--text-color-secondary)}.call-error{margin:4px 0 0;padding:10px 12px;border-radius:10px;background:#e74c3c1f;color:#96281b;font-size:14px}.call-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.call-button{padding:10px 18px;border-radius:30px;border:1px solid rgba(0,0,0,.12);background:transparent;color:var(--text-color);cursor:pointer;font-size:14px;transition:background .2s ease,border-color .2s ease,color .2s ease}.call-button:disabled{opacity:.5;cursor:not-allowed}.call-button-primary{background:var(--border-color);color:#fff;border-color:transparent}.call-button-primary:disabled{background:#3498db8c;color:#fffc}.call-button:hover:not(:disabled){background:#3498db1f;border-color:var(--border-color)}.call-button-primary:hover:not(:disabled){background:#2c80c9;border-color:#2c80c9}.call-collapsible{display:none;margin-top:10px}.call-collapsible.is-open{display:block}.call-audio{display:none}.call-transcript-list,.call-feedback-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.call-transcript-item,.call-feedback-item{background:#3498db14;border-radius:12px;padding:10px 14px;border:1px solid rgba(52,152,219,.18)}[data-theme=dark] .call-transcript-item,[data-theme=dark] .call-feedback-item{background:#3498db2e;border-color:#3498db52}.call-transcript-meta,.call-feedback-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:6px;font-size:12px;color:var(--text-color-tertiary)}.call-transcript-role{border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;background:#0a0a0a0d;color:var(--text-color-secondary)}.call-transcript-role.role-user{background:#2ecc7129;color:#1c8f5c}.call-transcript-role.role-assistant{background:#3498db29;color:#2c80c9}[data-theme=dark] .call-transcript-role{background:#ffffff14;color:var(--text-color-secondary)}[data-theme=dark] .call-transcript-role.role-user{background:#2ecc7140;color:#7be0a5}[data-theme=dark] .call-transcript-role.role-assistant{background:#3498db47;color:#8ecbff}.call-transcript-text,.call-feedback-text{font-size:14px;line-height:1.5;color:var(--text-color);white-space:pre-wrap;word-break:break-word}.call-feedback-provider{font-weight:600;color:var(--heading-color-secondary)}.call-feedback-text{background:#ffffff59;padding:8px 10px;border-radius:8px}[data-theme=dark] .call-feedback-text{background:#00000038}.call-feedback-source{background:#0000000a;border-radius:8px;padding:6px 10px;margin-bottom:8px;font-size:12px;color:var(--text-color-secondary)}[data-theme=dark] .call-feedback-source{background:#ffffff14}.call-feedback-source-label{display:block;font-weight:600;color:var(--heading-color-secondary);margin-bottom:4px}.call-feedback-source-text{font-size:13px;color:var(--text-color);line-height:1.4}.call-warning{background:#fff4e5;border-left:4px solid #f39c12;padding:8px 12px;border-radius:6px;margin-bottom:12px;color:#7a4b00;font-size:13px}[data-theme=dark] .call-warning{background:#ffffff1a;color:#ffd9a0;border-color:#f1c40f}.grading-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:8px}.grading-col{background:var(--card-bg);border:1px solid #e5e7eb;border-radius:8px;padding:12px}[data-theme=dark] .grading-col{background:#ffffff0a;border-color:#ffffff1f}.grading-checklist{list-style:none;margin:8px 0 12px;padding:0}.grading-checklist li{display:flex;align-items:center;gap:8px;padding:4px 0}.grading-overall{display:flex;align-items:center;gap:12px;font-size:18px;margin-top:12px}.grading-overall-grade{display:inline-block;min-width:36px;text-align:center;font-weight:700;padding:2px 8px;border-radius:6px;background:#e5f3ff;color:#0b6ea8}.grading-overall-grade.grade-a{background:#e6ffed;color:#067d2d}.grading-overall-grade.grade-b{background:#f0fff4;color:#2f855a}.grading-overall-grade.grade-c{background:#fffbea;color:#975a16}.grading-overall-grade.grade-d{background:#fff5f5;color:#9b2c2c}.grading-overall-grade.grade-e{background:#ffe6e6;color:#8b0000}.call-dock{position:fixed;top:0;right:0;bottom:0;background:var(--container-bg);color:var(--text-color);border-left:1px solid rgba(0,0,0,.08);z-index:40;display:flex;flex-direction:column;box-shadow:-8px 0 24px #0000002e}.call-dock-header{display:flex;align-items:center;gap:12px;padding:10px 12px;border-bottom:1px solid rgba(0,0,0,.08)}.call-dock-header .spacer{flex:1}.call-dock-body{padding:12px;overflow-y:auto}.call-dock-resizer{position:fixed;top:0;bottom:0;width:8px;cursor:col-resize;z-index:41;background:transparent}.call-dock-resizer:hover{background:#3498db2e}.call-subtitles{position:fixed;left:50%;bottom:16px;transform:translate(-50%);max-width:min(90vw,960px);background:#000000b8;color:#fff;padding:8px 12px;border-radius:8px;font-size:14px;line-height:1.5;z-index:50}