@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-slow{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}@keyframes glow-pulse{0%,to{filter:drop-shadow(0 0 20px rgba(35,134,54,.5))}50%{filter:drop-shadow(0 0 40px rgba(35,134,54,.8))}}@keyframes breathing{0%,to{transform:scale(1);opacity:.9}50%{transform:scale(1.02);opacity:1}}@keyframes flash{0%{opacity:0}50%{opacity:.7}to{opacity:0}}.splash-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:linear-gradient(135deg,#0a0c10,#0d1117,#0a0c10);display:flex;align-items:center;justify-content:center;transition:opacity .5s ease-out}.splash-screen.fade-out{opacity:0;pointer-events:none}.splash-particles{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.splash-particle{position:absolute;width:4px;height:4px;background:#2386364d;border-radius:50%;animation:float 3s ease-in-out infinite}.splash-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,rgba(35,134,54,.1) 0%,transparent 70%);transition:opacity .5s ease}.splash-gradient.animate{animation:pulse-slow 2s ease-in-out infinite}.splash-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;animation:flash .5s ease-in-out}.splash-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;gap:24px}.splash-glow{position:absolute;top:-50px;right:-50px;bottom:-50px;left:-50px;background:radial-gradient(ellipse at center,rgba(35,134,54,.4) 0%,transparent 70%);filter:blur(30px);transform:scale(1.5);transition:all .5s ease}.splash-glow.animate{animation:glow-pulse 2s ease-in-out infinite}.splash-logo{position:relative;z-index:10;width:280px;max-width:80vw;height:auto;transition:all .7s ease-out}.splash-logo.entering{transform:scale(.95);filter:blur(4px);opacity:.5}.splash-logo.breathing{animation:breathing 3s ease-in-out infinite}.splash-logo.exiting{transform:translateY(-20px);opacity:0}.splash-text{text-align:center;transition:all .7s ease-out}.splash-text.entering{opacity:0;transform:translateY(20px)}.splash-text.exiting{opacity:0;transform:translateY(-10px)}.splash-app-name{font-size:2.5rem;font-weight:700;color:#238636;margin:0;text-shadow:0 0 30px rgba(35,134,54,.5)}.splash-tagline{font-size:1rem;color:#8b949e;margin:8px 0 0;letter-spacing:.5px}@media (max-width: 480px){.splash-logo{width:200px}.splash-app-name{font-size:1.8rem}.splash-tagline{font-size:.9rem}}.app-header{background:linear-gradient(135deg,#22c55e,#16a34a,#15803d);border-bottom:1px solid rgba(21,128,61,.6);position:fixed;top:0;left:0;right:0;z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 12px #16a34a4d}.app-header-content{max-width:1200px;margin:0 auto;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.app-header-btn{padding:8px;background:transparent;border:none;border-radius:8px;color:#ffffffe6;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.app-header-btn:hover{background:#fff3;color:#fff}.app-header-brand{position:absolute;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:10px}.app-header-brand-logo{height:42px;width:auto;border-radius:6px}.app-header-app-name{display:none}.app-header-logo{display:flex;align-items:center;justify-content:center}.app-header-logo img{height:32px;width:auto}.app-header-actions{display:flex;gap:8px;align-items:center;flex-shrink:0}@media (max-width: 480px){.app-header-content{padding:10px 12px}.app-header-logo img{height:28px}}.sidebar-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:199;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:fadeIn .2s ease-out}.app-sidebar{position:fixed;left:0;top:0;bottom:0;width:260px;max-width:85vw;background:linear-gradient(180deg,#161b22,#0d1117);border-right:1px solid rgba(48,54,61,.5);z-index:200;display:flex;flex-direction:column;transform:translate(-100%);transition:transform .3s ease-out}.app-sidebar.open{transform:translate(0)}.sidebar-header{padding:16px;border-bottom:1px solid rgba(48,54,61,.5);display:flex;align-items:center;justify-content:space-between;gap:12px}.sidebar-title{display:flex;flex-direction:column;gap:2px}.sidebar-app-name{font-size:1.5rem;font-weight:700;color:#238636}.sidebar-app-subtitle{font-size:.75rem;color:#8b949e}.sidebar-close-btn{padding:8px;background:transparent;border:none;border-radius:8px;color:#8b949e;cursor:pointer;transition:all .2s ease}.sidebar-close-btn:hover{background:#30363d80;color:#f0f6fc}.sidebar-nav{flex:1;overflow-y:auto;padding:12px 8px;display:flex;flex-direction:column;gap:4px}.sidebar-menu-group{display:flex;flex-direction:column}.sidebar-menu-item{display:flex;align-items:center;gap:12px;padding:12px 16px;background:transparent;border:none;border-radius:10px;color:#c9d1d9;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-align:left;width:100%}.sidebar-menu-item:hover{background:#30363d80;color:#f0f6fc}.sidebar-menu-item.active{background:#23863633;color:#238636;border:1px solid rgba(35,134,54,.3)}.sidebar-menu-parent{justify-content:flex-start}.sidebar-menu-icon{font-size:1.2rem;flex-shrink:0;width:24px;text-align:center}.sidebar-menu-label{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-menu-chevron{flex-shrink:0;transition:transform .2s ease;color:#8b949e}.sidebar-menu-chevron.expanded{transform:rotate(180deg)}.sidebar-submenu{margin-left:8px;border-left:2px solid rgba(48,54,61,.5);padding-left:0;margin-top:4px}.sidebar-footer{padding:16px;border-top:1px solid rgba(48,54,61,.5);display:flex;flex-direction:column;align-items:center;gap:12px}.sidebar-version{font-size:.7rem;color:#6e7681;display:flex;flex-direction:column;align-items:center;gap:2px}.sidebar-sw-version{font-size:.6rem;color:#484f58}.sidebar-branding{display:flex;flex-direction:column;align-items:center;gap:6px}.sidebar-branding span{font-size:.7rem;color:#6e7681}.sidebar-branding img{height:36px;width:auto;opacity:.7;transition:opacity .2s ease}.sidebar-branding img:hover{opacity:1}.sidebar-install-section{padding:12px;margin:0 8px 8px;background:linear-gradient(135deg,#23863626,#2386360d);border:1px solid rgba(35,134,54,.3);border-radius:12px}.sidebar-install-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:12px 16px;background:linear-gradient(135deg,#238636,#196c2e);border:none;border-radius:8px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.sidebar-install-btn:hover{background:linear-gradient(135deg,#2ea043,#238636);transform:translateY(-1px);box-shadow:0 4px 12px #23863666}.sidebar-install-btn:active{transform:translateY(0)}.sidebar-install-info{display:flex;align-items:flex-start;gap:10px;color:#8b949e}.sidebar-install-info svg{flex-shrink:0;margin-top:2px;color:#238636}.install-info-text{display:flex;flex-direction:column;gap:2px}.install-info-title{font-size:.85rem;font-weight:600;color:#c9d1d9}.install-info-desc{font-size:.7rem;color:#6e7681;line-height:1.3}.sidebar-installed-badge{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;margin:0 8px 8px;background:#2386361a;border:1px solid rgba(35,134,54,.2);border-radius:8px;color:#238636;font-size:.8rem;font-weight:500}.installed-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:#238636;border-radius:50%;color:#fff;font-size:.7rem}.app-footer{background:linear-gradient(180deg,#0d1117,#161b22);border-top:1px solid #30363d;padding:20px 16px;margin-top:auto}.footer-content{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:12px}.footer-app-info{display:flex;align-items:center;flex-wrap:wrap;justify-content:center;gap:8px;font-size:.85rem}.footer-app-name{color:#238636;font-weight:700}.footer-separator{color:#484f58}.footer-tagline{color:#8b949e}.footer-version{color:#6e7681;font-family:monospace;font-size:.8rem}.footer-branding{display:flex;align-items:center;gap:8px}.footer-developed{color:#6e7681;font-size:.75rem}.footer-logo{height:28px;width:auto;opacity:.8;transition:opacity .2s ease;border-radius:4px}.footer-logo:hover{opacity:1}@media (max-width: 480px){.footer-app-info{flex-direction:column;gap:4px}.footer-separator{display:none}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0d1117;color:#e6edf3}.app{max-width:1400px;margin:0 auto;padding:20px}.app-main{padding-top:70px;min-height:100vh}h1{margin-bottom:20px;color:#e6edf3}h2{margin-bottom:15px;color:#e6edf3}h3{margin-bottom:10px;color:#8b949e}.home-page{padding:20px}.content-grid{display:grid;grid-template-columns:1fr 2fr;gap:30px;margin-top:30px}@media (max-width: 968px){.content-grid{grid-template-columns:1fr}}.upload-form{background:#161b22;padding:20px;border-radius:8px;border:1px solid #30363d}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:500;color:#8b949e}.form-group input,.form-group textarea{width:100%;padding:10px;border:1px solid #30363d;background:#0d1117;color:#e6edf3;border-radius:4px;font-size:14px}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#3498db}button{background-color:#3498db;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;font-size:14px;font-weight:500}button:hover:not(:disabled){background-color:#2980b9}button:disabled{background-color:#bdc3c7;cursor:not-allowed}.conversations-section{background:#161b22;padding:20px;border-radius:8px;border:1px solid #30363d}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.conversations-list{display:flex;flex-direction:column;gap:15px}.conversation-card{padding:16px;background:#161b22;border:1px solid #30363d;border-radius:8px;text-decoration:none;color:#c9d1d9;transition:all .2s ease}.conversation-card:hover{background:#1c2128;border-color:#484f58;box-shadow:0 4px 12px #0000004d}.conversation-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.conversation-description{color:#7f8c8d;margin-bottom:10px}.conversation-meta{font-size:12px;color:#95a5a6}.status-badge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;color:#fff}.conversation-detail{background:#161b22;padding:30px;border-radius:12px;border:1px solid #30363d;color:#c9d1d9;width:100%;max-width:1400px;margin:0 auto}.conversation-detail h1{color:#f0f6fc;margin:10px 0}.detail-header{margin-bottom:20px}.back-link{display:inline-block;margin-bottom:10px;color:#58a6ff;text-decoration:none}.back-link:hover{text-decoration:underline;color:#79b8ff}.transcript-section{margin-top:30px;padding:25px;background:#0d1117;border-radius:10px;border:1px solid #30363d;width:100%;max-width:100%}.transcript-section h2{margin:0 0 20px;font-size:18px;color:#e6edf3}.transcript-text{white-space:pre-wrap;line-height:1.8;font-size:16px;color:#c9d1d9;background:#161b22;padding:20px;border-radius:6px;border:1px solid #30363d;max-height:500px;overflow-y:auto}.claims-section{margin-top:30px}.claim-item{padding:20px;margin-bottom:20px;border:1px solid #30363d;border-radius:10px;background:#0d1117}.claim-header{display:flex;justify-content:space-between;margin-bottom:10px}.claim-status{font-weight:600;font-size:16px}.claim-confidence{color:#8b949e;font-size:14px}.claim-text{font-size:16px;line-height:1.5;margin-bottom:10px;color:#e6edf3}.claim-timing{font-size:12px;color:#8b949e;margin-bottom:15px}.claim-sources h4{font-size:14px;margin-bottom:10px;color:#c9d1d9}.claim-sources ul{list-style:none}.claim-sources li{padding:10px;margin-bottom:10px;background:#161b22;border-radius:6px;border-left:3px solid #58a6ff}.claim-sources a{color:#58a6ff;text-decoration:none;font-weight:500}.claim-sources a:hover{text-decoration:underline;color:#79b8ff}.source-snippet{margin-top:5px;font-size:13px;color:#8b949e;font-style:italic}.source-reliability{display:inline-block;margin-top:5px;font-size:12px;color:#8b949e}.error-message{padding:15px;background:#e74c3c;color:#fff;border-radius:4px;margin-bottom:20px}.info-message{padding:15px;background:#3498db;color:#fff;border-radius:4px;margin-bottom:20px}.no-data,.no-claims{color:#95a5a6;font-style:italic}.success-message{padding:15px;background:#27ae60;color:#fff;border-radius:4px;margin-bottom:20px}.input-mode-tabs{display:flex;gap:10px;margin-bottom:20px}.input-mode-tabs .tab{flex:1;padding:12px 20px;background:#ecf0f1;color:#7f8c8d;border:2px solid transparent;border-radius:6px;cursor:pointer;font-weight:500;transition:all .2s}.input-mode-tabs .tab:hover:not(:disabled){background:#d5dbdb}.input-mode-tabs .tab.active{background:#3498db;color:#fff;border-color:#2980b9}.audio-input-section{margin-bottom:20px}.file-input-wrapper{position:relative}.file-input-wrapper input[type=file]{position:absolute;left:-9999px}.file-input-label{display:flex;align-items:center;justify-content:center;min-height:100px;padding:20px;border:2px dashed #bdc3c7;border-radius:8px;cursor:pointer;text-align:center;color:#7f8c8d;transition:all .2s}.file-input-label:hover{border-color:#3498db;background:#f8f9fa}.file-selected{display:flex;align-items:center;gap:10px;color:#2c3e50;font-weight:500}.clear-btn{padding:2px 8px;font-size:16px;background:#e74c3c;color:#fff;border:none;border-radius:4px;cursor:pointer;line-height:1}.clear-btn:hover{background:#c0392b}.audio-recorder{padding:20px;background:#f8f9fa;border-radius:8px;text-align:center}.recorder-error{padding:10px;margin-bottom:15px;background:#e74c3c;color:#fff;border-radius:4px;font-size:14px}.recorder-warning{padding:10px;margin-bottom:15px;background:#f39c12;color:#fff;border-radius:4px;font-size:14px;display:flex;flex-direction:column;gap:10px;align-items:center}.btn-small{padding:6px 12px;font-size:12px;background:#fff;color:#f39c12}.btn-record{padding:15px 30px;font-size:16px;background:#e74c3c;color:#fff;border:none;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;margin:0 auto}.btn-record:hover:not(:disabled){background:#c0392b}.btn-record:disabled{background:#bdc3c7;cursor:not-allowed}.record-icon{font-size:24px}.recording-controls{display:flex;flex-direction:column;gap:15px;align-items:center}.recording-indicator{display:flex;align-items:center;gap:10px;font-size:24px;font-weight:700;color:#2c3e50}.recording-dot{width:16px;height:16px;border-radius:50%;background:#e74c3c}.recording-dot.active{animation:pulse 1s infinite}.recording-dot.paused{background:#f39c12;animation:none}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.recording-time{font-family:Courier New,monospace}.paused-label{font-size:12px;color:#f39c12;font-weight:400}.recording-buttons{display:flex;gap:10px}.btn-pause,.btn-stop,.btn-cancel{padding:10px 20px;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:500}.btn-pause{background:#3498db;color:#fff}.btn-pause:hover{background:#2980b9}.btn-stop{background:#27ae60;color:#fff}.btn-stop:hover:not(:disabled){background:#229954}.btn-stop:disabled{background:#bdc3c7;cursor:not-allowed}.btn-cancel{background:#95a5a6;color:#fff}.btn-cancel:hover{background:#7f8c8d}.recording-preview{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:15px;padding:15px;background:#d5f5e3;border-radius:6px;color:#27ae60;font-weight:500}.submit-btn{width:100%;padding:15px;font-size:16px;background:#27ae60;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600}.submit-btn:hover:not(:disabled){background:#229954}.submit-btn:disabled{background:#bdc3c7;cursor:not-allowed}.volume-meter{width:100%;max-width:300px;margin:10px auto}.volume-bars{display:flex;gap:3px;justify-content:center;height:40px;align-items:flex-end}.volume-bar{width:10px;height:100%;border-radius:2px;transition:background-color .1s}.volume-label{display:block;margin-top:8px;font-size:12px;color:#7f8c8d}.audio-preview{padding:20px;background:#e8f6e8;border-radius:8px;border:2px solid #27ae60}.preview-header{display:flex;align-items:center;gap:10px;margin-bottom:15px;font-weight:500;color:#27ae60}.preview-icon{font-size:24px}.audio-player{width:100%;margin-bottom:15px}.preview-buttons{display:flex;gap:10px;justify-content:center}.btn-confirm{padding:12px 24px;background:#27ae60;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500}.btn-confirm:hover{background:#229954}.btn-discard{padding:12px 24px;background:#95a5a6;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500}.btn-discard:hover{background:#7f8c8d}.header-actions{display:flex;align-items:center;gap:15px}.polling-indicator{display:flex;align-items:center;gap:8px;font-size:12px;color:#27ae60;padding:6px 12px;background:#e8f6e8;border-radius:20px}.polling-dot{width:8px;height:8px;background:#27ae60;border-radius:50%;animation:pulse 1.5s infinite}.status-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:4px;font-size:12px;font-weight:600;color:#fff}.status-badge.processing{animation:statusPulse 2s infinite}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.7}}.status-icon{font-size:14px}.progress-steps{display:flex;align-items:center;justify-content:center;margin:15px 0;padding:10px;background:#f8f9fa;border-radius:6px}.progress-step{display:flex;align-items:center}.step-dot{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:12px;font-weight:700;background:#ecf0f1;color:#95a5a6;transition:all .3s}.progress-step.completed .step-dot{background:#27ae60;color:#fff}.progress-step.current .step-dot{background:#3498db;color:#fff;animation:currentStep 1.5s infinite}@keyframes currentStep{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.step-line{width:30px;height:3px;background:#ecf0f1;margin:0 5px}.step-line.completed{background:#27ae60}.loading-state{display:flex;flex-direction:column;align-items:center;padding:40px;color:#7f8c8d}.spinner{width:40px;height:40px;border:4px solid #ecf0f1;border-top-color:#3498db;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}.empty-state{text-align:center;padding:40px;color:#7f8c8d}.empty-icon{font-size:48px;display:block;margin-bottom:15px}.empty-hint{font-size:14px;color:#bdc3c7;margin-top:10px}.conversation-card.failed{border-color:#f8514980;background:#f851491a}.error-text{color:#e74c3c;display:block;margin-top:5px}.success-text{color:#27ae60;display:block;margin-top:5px}.transcript-player{background:#161b22;border-radius:10px;padding:20px 30px;border:1px solid #30363d;width:100%;max-width:100%}.no-utterances{text-align:center;color:#8b949e;padding:20px}.player-controls{background:#0d1117;border-radius:10px;padding:15px;margin-bottom:20px;border:1px solid #30363d}.controls-row{display:flex;justify-content:center;gap:15px;margin-bottom:15px}.play-btn{padding:12px 30px;font-size:16px;background:linear-gradient(135deg,#238636,#196c2e);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600}.play-btn:hover{background:linear-gradient(135deg,#2ea043,#238636)}.skip-btn{padding:10px 15px;font-size:14px;background:#21262d;color:#c9d1d9;border:1px solid #30363d;border-radius:6px;cursor:pointer}.skip-btn:hover{background:#30363d;border-color:#484f58}.progress-row{display:flex;align-items:center;gap:10px;margin-bottom:15px}.time-display{font-family:Courier New,monospace;font-size:14px;color:#8b949e;min-width:50px}.seek-slider{flex:1;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#30363d;border-radius:3px;cursor:pointer}.seek-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:#238636;border-radius:50%;cursor:pointer}.seek-slider::-moz-range-thumb{width:16px;height:16px;background:#238636;border-radius:50%;cursor:pointer;border:none}.speed-row{display:flex;align-items:center;gap:8px;justify-content:center;font-size:14px;color:#8b949e}.speed-btn{padding:5px 10px;font-size:12px;background:#21262d;color:#c9d1d9;border:1px solid #30363d;border-radius:4px;cursor:pointer}.speed-btn:hover{background:#30363d}.speed-btn.active{background:#238636;color:#fff;border-color:#238636}.transcript-display{max-height:500px;overflow-y:auto;padding:20px;background:#0d1117;border:1px solid #30363d;border-radius:10px}.utterance{padding:12px;margin-bottom:10px;border-radius:8px;background:#161b22;border:1px solid #21262d;cursor:pointer;transition:all .2s ease}.utterance:hover{background:#1c2128;border-color:#30363d}.utterance.active{background:#23863626;border-left:4px solid #238636;border-color:#2386364d}.speaker-label{font-weight:600;font-size:13px;margin-bottom:6px;display:flex;justify-content:space-between;align-items:center;color:#58a6ff}.utterance-time{font-size:11px;color:#8b949e;font-weight:400}.utterance-text{font-size:15px;line-height:1.6;color:#c9d1d9}.word{cursor:pointer;padding:1px 0;border-radius:2px;transition:background-color .1s ease}.word:hover{background:#2386364d}.word.active{background:#f1c40f;color:#000;font-weight:500}.word.played{color:#6e7681}.utterance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.utterance.has-claim{position:relative;padding-left:16px;border-left-width:4px;border-left-style:solid}.utterance.has-claim:hover{filter:brightness(.98)}.claim-badge{font-size:12px;font-weight:600;padding:4px 10px;border-radius:12px;border:none;cursor:pointer;display:flex;align-items:center;gap:4px;transition:transform .2s ease,box-shadow .2s ease}.claim-badge:hover{transform:scale(1.05);box-shadow:0 2px 8px #0003}.claim-details{margin-top:12px;padding:12px;background:#fff;border-radius:8px;border:2px solid;box-shadow:0 2px 10px #0000001a;animation:slideDown .2s ease}.claim-details-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-weight:600}.claim-details-icon{font-size:18px}.claim-details-verdict{font-size:14px;text-transform:uppercase}.claim-details-confidence{margin-left:auto;font-size:12px;color:#666;font-weight:400}.claim-details-text{font-style:italic;color:#444;margin:8px 0;padding:8px;background:#f5f5f5;border-radius:4px}.claim-details-sources{font-size:13px;margin-top:8px}.claim-details-sources strong{display:block;margin-bottom:4px}.claim-details-sources ul{margin:0;padding-left:20px}.claim-details-sources li{margin:4px 0}.claim-details-sources a{color:#007bff;text-decoration:none}.claim-details-sources a:hover{text-decoration:underline}.claim-legend{display:flex;align-items:center;gap:12px;padding:10px 15px;background:#f8f9fa;border-radius:6px;margin-bottom:15px;flex-wrap:wrap}.legend-title{font-weight:600;font-size:13px;color:#555}.legend-item{font-size:12px;padding:4px 10px;border-radius:4px;display:flex;align-items:center;gap:4px}.live-transcriber{margin-top:15px;padding:15px;background:#f0f8ff;border-radius:8px;border:1px solid #b3d9ff}.transcriber-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.connection-status{font-size:13px;font-weight:500;display:flex;align-items:center;gap:6px}.connection-status.connected{color:#27ae60}.connection-status.connecting{color:#f39c12}.connection-status.paused{color:#9b59b6}.connection-status.disconnected{color:#e74c3c}.vad-hint{font-size:11px;color:#9b59b6;background:#f5eef8;padding:4px 8px;border-radius:4px}.transcriber-error{padding:10px;background:#e74c3c;color:#fff;border-radius:4px;margin-bottom:10px;font-size:14px}.transcript-container{min-height:100px;max-height:300px;overflow-y:auto;padding:15px;background:#fff;border-radius:6px;font-size:16px;line-height:1.7;color:#2c3e50}.transcript-line{display:inline}.transcript-line.final{color:#2c3e50}.transcript-line.interim{color:#95a5a6;font-style:italic}.transcript-line.typing:after{content:"|";animation:blink 1s infinite}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.transcript-placeholder{color:#bdc3c7;font-style:italic}.transcript-summary{margin-top:15px;padding:12px;background:#fff;border-radius:6px;border:1px solid #d5f5e3}.transcript-summary strong{color:#27ae60;display:block;margin-bottom:8px}.transcript-summary p{color:#2c3e50;line-height:1.5}.preview-transcript{margin:15px 0;padding:12px;background:#f8f9fa;border-radius:6px;text-align:left}.preview-transcript strong{color:#34495e;display:block;margin-bottom:8px}.preview-transcript p{color:#7f8c8d;font-size:14px;line-height:1.5}.spinner-small{display:inline-block;width:16px;height:16px;border:2px solid #3498db;border-radius:50%;border-top-color:transparent;animation:spin 1s linear infinite;margin-right:8px}.info-message.processing{display:flex;align-items:center;justify-content:center}.claims-list{margin-top:20px}.claims-header{margin-bottom:20px}.claims-header h3{font-size:20px;margin:0 0 5px;color:#2c3e50}.claims-subtitle{color:#7f8c8d;font-size:14px;margin:0}.claims-empty{text-align:center;padding:40px;color:#95a5a6}.claims-empty .empty-icon{font-size:48px;display:block;margin-bottom:10px}.claims-summary{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:25px;padding:15px;background:#f8f9fa;border-radius:8px}.summary-item{display:flex;align-items:center;gap:8px;padding:8px 15px;background:#fff;border-radius:6px;border-left:4px solid;box-shadow:0 1px 3px #0000001a}.summary-icon{font-size:18px}.summary-count{font-size:20px;font-weight:700;color:#2c3e50}.summary-label{font-size:12px;color:#7f8c8d;text-transform:uppercase;letter-spacing:.5px}.claims-items{display:flex;flex-direction:column;gap:20px}.claim-card{border-radius:10px;border-left:5px solid;padding:0;overflow:hidden;box-shadow:0 2px 8px #0000001a}.claim-verdict{display:flex;align-items:center;gap:10px;padding:12px 20px;color:#fff}.verdict-icon{font-size:20px}.verdict-label{font-weight:700;font-size:14px;letter-spacing:.5px}.verdict-confidence{margin-left:auto;background:#fff3;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.claim-content{padding:20px;display:flex;gap:15px;align-items:flex-start}.claim-number{font-size:24px;font-weight:700;opacity:.3;flex-shrink:0}.claim-text{font-size:17px;line-height:1.6;margin:0;font-weight:500}.claim-explanation{padding:0 20px 15px;margin:0;font-size:13px;color:#666;font-style:italic;border-bottom:1px solid rgba(0,0,0,.1)}.claim-time{padding:10px 20px;font-size:13px;color:#666;display:flex;align-items:center;gap:8px}.time-icon{font-size:14px}.claim-sources{padding:15px 20px;background:#ffffff80}.sources-header{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px;color:#34495e;margin-bottom:12px}.sources-icon{font-size:16px}.sources-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.source-item{background:#fff;padding:12px;border-radius:6px;border:1px solid rgba(0,0,0,.1)}.source-link{color:#3498db;text-decoration:none;font-weight:500;font-size:14px}.source-link:hover{text-decoration:underline}.source-snippet{margin:8px 0;font-size:13px;color:#666;font-style:italic;line-height:1.5}.source-reliability{display:flex;align-items:center;gap:10px;margin-top:8px}.reliability-label{font-size:12px;color:#7f8c8d}.reliability-bar{flex:1;height:6px;background:#ecf0f1;border-radius:3px;overflow:hidden;max-width:100px}.reliability-fill{height:100%;border-radius:3px;transition:width .3s ease}.reliability-value{font-size:12px;font-weight:600;color:#34495e}.live-interview-cta{margin-bottom:30px}.btn-live-interview{display:flex;align-items:center;gap:15px;padding:20px 25px;background:linear-gradient(135deg,#e74c3c,#c0392b);border-radius:12px;color:#fff;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease;box-shadow:0 4px 15px #e74c3c4d}.btn-live-interview:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e74c3c66}.btn-live-interview .live-icon{font-size:32px}.btn-live-interview .live-content{flex:1;display:flex;flex-direction:column;gap:4px}.btn-live-interview .live-content strong{font-size:18px}.btn-live-interview .live-content span{font-size:14px;opacity:.9}.btn-live-interview .live-arrow{font-size:24px;opacity:.8}.live-interview-page{min-height:100vh;display:flex;flex-direction:column;background:#0d1117;color:#e6edf3}.interview-header{display:flex;align-items:center;gap:16px;padding:15px 20px;background:#161b22;border-bottom:1px solid #30363d;box-shadow:0 2px 10px #0000004d}.interview-header .back-link{color:#8b949e;text-decoration:none;font-size:14px}.interview-header .back-link:hover{color:#58a6ff}.interview-header h1{flex:1;font-size:13px;line-height:1.3;margin:0;color:#e6edf3;min-width:0;text-align:center}.interview-header .header-controls{display:flex;gap:8px;flex-shrink:0}.btn-start-interview{padding:10px 18px;background:linear-gradient(135deg,#27ae60,#219a52);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:transform .2s ease;white-space:nowrap}.btn-start-interview:hover{transform:scale(1.02)}.btn-stop-interview{padding:10px 18px;background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;animation:pulse-red 2s infinite;white-space:nowrap}@keyframes pulse-red{0%,to{box-shadow:0 0 #e74c3c66}50%{box-shadow:0 0 0 10px #e74c3c00}}.claim-alert{display:flex;align-items:center;gap:15px;padding:15px 25px;color:#fff;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.claim-alert .alert-icon{font-size:28px}.claim-alert .alert-content{flex:1;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.claim-alert .alert-content strong{font-size:14px;text-transform:uppercase}.claim-alert .alert-content span{font-size:15px}.claim-alert .alert-dismiss{background:#fff3;border:none;color:#fff;width:30px;height:30px;border-radius:50%;cursor:pointer;font-size:16px}.context-panel{background:#161b22;border-bottom:1px solid #30363d;padding:8px 25px}.context-panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.btn-archive-link{display:flex;align-items:center;gap:6px;background:#21262d;border:1px solid #30363d;border-radius:6px;padding:8px 14px;color:#8b949e;font-size:13px;text-decoration:none;transition:all .2s}.btn-archive-link:hover{background:#30363d;color:#e6edf3;border-color:#58a6ff}.header-spacer{width:80px;flex-shrink:0}.btn-toggle-context{display:flex;align-items:center;gap:8px;background:none;border:1px solid #30363d;border-radius:6px;padding:8px 14px;color:#8b949e;font-size:13px;cursor:pointer;transition:all .2s}.btn-toggle-context:hover{background:#21262d;color:#e6edf3;border-color:#58a6ff}.context-indicator{color:#3fb950;font-weight:700}.toggle-arrow{margin-left:auto;font-size:10px;color:#6e7681}.context-input-container{margin-top:12px;padding-bottom:8px}.context-textarea{width:100%;background:#0d1117;border:1px solid #30363d;border-radius:8px;padding:12px 14px;font-size:14px;color:#e6edf3;resize:vertical;min-height:80px;font-family:inherit;line-height:1.5}.context-textarea:focus{outline:none;border-color:#58a6ff;box-shadow:0 0 0 3px #58a6ff26}.context-textarea::placeholder{color:#6e7681}.context-actions{margin-top:8px;display:flex;gap:10px;flex-wrap:wrap}.btn-suggest-speakers{display:flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,#17a2b8,#138496);color:#fff;border:none;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s ease}.btn-suggest-speakers:hover{background:linear-gradient(135deg,#138496,#117a8b);transform:translateY(-1px)}.btn-suggest-speakers .suggested-names{font-size:11px;opacity:.9}.context-help{margin-top:8px;font-size:12px;color:#8b949e}.speaker-definition-section{margin-top:12px;padding:12px;background:#30363d80;border-radius:8px;border:1px solid #30363d}.speaker-definition-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:13px;color:#e6edf3}.manual-switch-toggle{display:flex;align-items:center;gap:8px;cursor:pointer}.manual-switch-toggle input[type=checkbox]{width:16px;height:16px;accent-color:#58a6ff}.toggle-label{font-size:12px;color:#8b949e}.speaker-inputs{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.speaker-input-row{display:flex;align-items:center;gap:6px}.speaker-color-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0}.speaker-name-input{width:140px;padding:6px 10px;background:#0d1117;border:1px solid #30363d;border-radius:4px;font-size:13px;color:#e6edf3}.speaker-name-input:focus{outline:none;border-color:#58a6ff}.speaker-name-input::placeholder{color:#6e7681}.btn-add-speaker{width:28px;height:28px;padding:0;background:#21262d;border:1px dashed #30363d;border-radius:4px;color:#8b949e;font-size:16px;cursor:pointer;transition:all .2s}.btn-add-speaker:hover{background:#30363d;border-color:#58a6ff;color:#58a6ff}.speaker-switch-bar{display:flex;align-items:center;gap:15px;padding:10px 25px;background:linear-gradient(180deg,#1a1f26,#161b22);border-bottom:2px solid #30363d}.speaker-switch-label{font-size:13px;color:#8b949e;white-space:nowrap}.speaker-switch-buttons{display:flex;gap:10px;flex-wrap:wrap}.speaker-switch-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:#30363dcc;border:2px solid transparent;border-radius:8px;color:#e6edf3;font-size:14px;cursor:pointer;transition:all .15s ease;min-width:140px}.speaker-switch-btn:hover{background:#30363d;transform:scale(1.02)}.speaker-switch-btn.active{transform:scale(1.05);box-shadow:0 0 20px #58a6ff4d}.speaker-btn-dot{width:14px;height:14px;border-radius:50%;flex-shrink:0}.speaker-btn-name{flex-grow:1;font-weight:500;text-align:left}.speaker-btn-shortcut{font-size:11px;color:#6e7681;padding:2px 5px;background:#0000004d;border-radius:3px}.interview-status{display:flex;align-items:center;gap:20px;padding:12px 25px;background:#161b22;border-bottom:1px solid #30363d}.status-indicator{display:flex;align-items:center;gap:8px}.status-dot{width:12px;height:12px;border-radius:50%;background:#95a5a6}.status-dot.connecting{background:#f39c12;animation:blink 1s infinite}.status-dot.connected{background:#27ae60}.status-dot.checking{background:#3498db;animation:blink .5s infinite}.status-dot.finalizing{background:#9b59b6;animation:blink .5s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.status-text{font-size:14px;color:#8b949e}.audio-visualizer-container{display:flex;flex-direction:column;gap:6px;padding:8px 12px;background:#21262d;border:1px solid #30363d;border-radius:10px;min-width:220px}.visualizer-label{font-size:11px;color:#8b949e;text-transform:uppercase;letter-spacing:.5px}.audio-visualizer-canvas{border-radius:6px;background:#0d1117;border:1px solid #30363d}.audio-level-wrapper{height:6px;background:#0d1117;border-radius:3px;overflow:hidden}.audio-level-bar{height:100%;border-radius:3px;transition:width .05s ease,background-color .2s ease;box-shadow:0 0 8px currentColor}.recording-time{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#e74c3c;font-family:monospace}.recording-dot{width:10px;height:10px;background:#e74c3c;border-radius:50%;animation:pulse-recording 1s infinite}@keyframes pulse-recording{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}.btn-force-check{margin-left:auto;padding:8px 16px;background:#3498db;color:#fff;border:none;border-radius:6px;font-size:13px;cursor:pointer;display:flex;align-items:center;gap:6px}.btn-force-check:hover{background:#2980b9}.error-banner{padding:12px 25px;background:#f8514933;color:#f85149;font-size:14px;border-bottom:1px solid #f85149}.interview-content{flex:1;display:grid;grid-template-columns:1fr 1fr;gap:0;overflow:hidden}.transcript-panel,.claims-panel{display:flex;flex-direction:column;background:#0d1117;overflow:hidden}.transcript-panel{border-right:1px solid #30363d}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#161b22;border-bottom:1px solid #30363d}.panel-header h2{margin:0;font-size:16px;color:#e6edf3;display:flex;align-items:center;gap:8px}.utterance-count,.claim-count{font-size:13px;color:#8b949e;background:#21262d;padding:4px 10px;border-radius:12px}.transcript-scroll{flex:1;overflow-y:auto;padding:15px 20px}.transcript-placeholder{text-align:center;color:#8b949e;font-size:14px;padding:40px 20px}.transcript-utterance{display:flex;gap:10px;margin-bottom:12px;align-items:flex-start}.transcript-utterance.interim{opacity:.6}.speaker-tag{flex-shrink:0;font-size:11px;padding:4px 8px;border-radius:4px;color:#fff;font-weight:500;white-space:nowrap}.transcript-utterance .utterance-text{font-size:15px;line-height:1.5;color:#e6edf3}.transcript-utterance .utterance-text.editable{cursor:pointer;padding:2px 4px;border-radius:4px;transition:background-color .2s}.transcript-utterance .utterance-text.editable:hover{background-color:#58a6ff26}.transcript-utterance.editing{background-color:#58a6ff1a;border-radius:6px;padding:8px 12px;margin:-4px -8px}.utterance-edit-container{display:flex;align-items:center;gap:8px;flex:1}.utterance-edit-input{flex:1;background:#0d1117;border:1px solid #58a6ff;border-radius:4px;padding:6px 10px;font-size:14px;color:#e6edf3;outline:none}.utterance-edit-input:focus{box-shadow:0 0 0 2px #58a6ff4d}.btn-edit-save,.btn-edit-cancel{width:28px;height:28px;border:none;border-radius:4px;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center}.btn-edit-save{background:#238636;color:#fff}.btn-edit-save:hover{background:#2ea043}.btn-edit-replace-all{background:#58a6ff;color:#fff;font-weight:700}.btn-edit-replace-all:hover{background:#79b8ff}.btn-edit-cancel{background:#6e7681;color:#fff}.btn-edit-cancel:hover{background:#8b949e}.btn-small{width:22px!important;height:22px!important;font-size:11px!important}.speaker-tag.editable{cursor:pointer;transition:opacity .2s,transform .1s}.speaker-tag.editable:hover{opacity:.85;transform:scale(1.05)}.speaker-edit-container{display:flex;align-items:center;gap:4px;flex-shrink:0}.speaker-edit-input{width:100px;border:none;border-radius:4px;padding:4px 8px;font-size:12px;font-weight:500;color:#fff;outline:none}.speaker-edit-input:focus{box-shadow:0 0 0 2px #fff6}.transcript-utterance.editing-speaker{background-color:#58a6ff0d}.claims-scroll{flex:1;overflow-y:auto;padding:15px 20px}.claims-placeholder{text-align:center;color:#8b949e;font-size:14px;padding:40px 20px}.claims-stats{display:flex;gap:8px;padding:10px 20px;background:#161b22;border-bottom:1px solid #30363d;flex-wrap:wrap}.stat-badge{font-size:12px;padding:4px 10px;border-radius:12px;color:#fff;font-weight:600}.pending-claim-card{padding:15px;margin-bottom:12px;border-radius:8px;border-left:4px solid #f39c12;background:#2d2a1f;animation:fadeInSlide .3s ease}.pending-claim-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.pending-badge{display:flex;align-items:center;gap:8px;font-size:12px;color:#f39c12;font-weight:600}.pending-spinner{width:14px;height:14px;border:2px solid #f39c12;border-top-color:transparent;border-radius:50%;animation:spin 1s linear infinite}.btn-cancel-claim{background:transparent;border:1px solid #e74c3c;color:#e74c3c;padding:4px 10px;border-radius:4px;font-size:11px;cursor:pointer;transition:all .2s ease}.btn-cancel-claim:hover{background:#e74c3c;color:#fff}.pending-claim-text{font-size:14px;margin:0 0 8px;line-height:1.5;font-style:italic;color:#e6edf3}.pending-category{font-size:11px;color:#8b949e;text-transform:capitalize}.live-claim-card{padding:15px;margin-bottom:12px;border-radius:8px;border-left:4px solid;background:#21262d;animation:fadeInSlide .3s ease}.live-claim-card.alert{animation:fadeInSlide .3s ease,shake .5s ease}.live-claim-card.expanded{background:#161b22}@keyframes fadeInSlide{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-5px)}40%,80%{transform:translate(5px)}}.live-claim-card .claim-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.live-claim-card .verdict-badge{font-size:11px;padding:4px 10px;border-radius:12px;color:#fff;font-weight:600;display:flex;align-items:center;gap:4px}.live-claim-card .claim-confidence{font-size:12px;color:#8b949e}.live-claim-card .claim-text{font-size:14px;margin:0 0 10px;line-height:1.5;font-style:italic;color:#e6edf3}.btn-expand-claim{background:transparent;border:1px solid #30363d;color:#58a6ff;padding:6px 12px;border-radius:6px;font-size:12px;cursor:pointer;margin-bottom:10px;transition:all .2s ease}.btn-expand-claim:hover{background:#21262d;border-color:#58a6ff}.claim-details-expanded{margin-top:12px;padding-top:12px;border-top:1px solid #30363d}.claim-explanation-section,.claim-sources-section{margin-bottom:12px}.claim-explanation-section h4,.claim-sources-section h4{font-size:13px;color:#8b949e;margin:0 0 8px;font-weight:500}.claim-explanation-section p{font-size:13px;color:#c9d1d9;margin:0;padding:10px;background:#0003;border-radius:6px;line-height:1.5}.source-item{background:#0003;padding:10px;border-radius:6px;margin-bottom:8px}.source-item .source-link{font-size:13px;color:#58a6ff;text-decoration:none;display:block;margin-bottom:6px}.source-item .source-link:hover{text-decoration:underline}.source-item .source-snippet{font-size:12px;color:#8b949e;margin:0 0 6px;font-style:italic}.source-item .source-reliability{font-size:11px;color:#7d8590}.claim-meta{display:flex;gap:16px;font-size:11px;color:#7d8590;margin-top:12px;padding-top:8px;border-top:1px solid #30363d}.live-claim-card .claim-sources{display:flex;flex-direction:column;gap:4px}.live-claim-card .source-link{font-size:12px;color:#58a6ff;text-decoration:none}.live-claim-card .source-link:hover{text-decoration:underline}.live-claim-card.question-card{border-left-width:4px;border-left-style:solid}.live-claim-card .question-rationale{font-size:13px;color:#6c757d;margin-top:8px;padding-left:10px;border-left:2px solid #17a2b8}.live-claim-card .question-source{font-size:11px;color:#8b949e;margin-top:6px}.summary-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.summary-modal{background:#161b22;border:1px solid #30363d;border-radius:16px;padding:30px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;animation:scaleIn .3s ease}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.summary-modal h2{margin:0 0 20px;text-align:center;font-size:22px;color:#e6edf3}.summary-stats{display:flex;justify-content:center;gap:30px;margin-bottom:25px}.summary-stat{text-align:center}.summary-stat .stat-value{display:block;font-size:28px;font-weight:700;color:#e6edf3}.summary-stat .stat-label{font-size:13px;color:#8b949e}.summary-verdicts{margin-bottom:25px}.verdict-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #30363d}.verdict-row .verdict-icon{font-size:18px}.verdict-row .verdict-label{flex:1;font-size:14px;color:#c9d1d9}.verdict-row .verdict-count{font-size:16px;font-weight:600;color:#e6edf3}.summary-actions{display:flex;gap:12px;justify-content:center}.btn-close-summary{padding:12px 24px;background:#21262d;color:#e6edf3;border:1px solid #30363d;border-radius:8px;font-size:14px;cursor:pointer}.btn-close-summary:hover{background:#30363d}.btn-new-interview{padding:12px 24px;background:#3498db;color:#fff;border:none;border-radius:8px;font-size:14px;text-decoration:none;cursor:pointer}.btn-save-summary{padding:12px 24px;background:#27ae60;color:#fff;border:none;border-radius:8px;font-size:14px;cursor:pointer}.btn-save-summary:hover{background:#219a52}.btn-save-interview{padding:10px 20px;background:#27ae60;color:#fff;border:none;border-radius:8px;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:6px}.btn-save-interview:hover{background:#219a52}.save-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1001;animation:fadeIn .3s ease}.save-modal{background:#161b22;border:1px solid #30363d;border-radius:16px;padding:30px;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;animation:scaleIn .3s ease}.save-modal h2{margin:0 0 24px;text-align:center;font-size:22px;color:#e6edf3}.save-form{display:flex;flex-direction:column;gap:20px}.save-form .form-group{display:flex;flex-direction:column;gap:8px}.save-form label{font-size:14px;font-weight:600;color:#e6edf3}.save-form input[type=text]{padding:12px 14px;background:#0d1117;border:1px solid #30363d;border-radius:8px;color:#e6edf3;font-size:14px}.save-form input[type=text]:focus{border-color:#58a6ff;outline:none}.save-form input[type=text]::placeholder{color:#6e7681}.speaker-names-list{display:flex;flex-direction:column;gap:10px}.speaker-name-row{display:flex;align-items:center;gap:12px}.speaker-badge-small{flex-shrink:0;font-size:11px;padding:4px 10px;border-radius:4px;color:#fff;font-weight:500;min-width:80px;text-align:center}.speaker-name-row input{flex:1;padding:10px 12px;background:#0d1117;border:1px solid #30363d;border-radius:6px;color:#e6edf3;font-size:13px}.speaker-name-row input:focus{border-color:#58a6ff;outline:none}.save-info{padding:16px;background:#21262d;border-radius:8px}.save-info p{margin:4px 0;font-size:13px;color:#8b949e}.save-modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.btn-cancel-save{padding:12px 24px;background:#21262d;color:#e6edf3;border:1px solid #30363d;border-radius:8px;font-size:14px;cursor:pointer}.btn-cancel-save:hover{background:#30363d}.btn-confirm-save{padding:12px 24px;background:#27ae60;color:#fff;border:none;border-radius:8px;font-size:14px;cursor:pointer;font-weight:600}.btn-confirm-save:hover{background:#219a52}.btn-confirm-save:disabled{background:#4a4a4a;cursor:not-allowed}.save-success{text-align:center;padding:40px 20px}.save-success .success-icon{font-size:48px;display:block;margin-bottom:16px}.save-success p{font-size:18px;color:#27ae60;font-weight:600}@media (max-width: 900px){.interview-content{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.transcript-panel{border-right:none;border-bottom:1px solid #30363d}}.settings-page{min-height:100vh;background:#0d1117;color:#e6edf3}.settings-header{padding:20px 25px;background:#161b22;border-bottom:1px solid #30363d;display:flex;align-items:center;gap:20px}.settings-header .back-link{color:#8b949e;text-decoration:none;font-size:14px}.settings-header .back-link:hover{color:#58a6ff}.settings-header h1{margin:0;font-size:22px;color:#e6edf3}.settings-content{max-width:600px;margin:0 auto;padding:30px 20px}.settings-section{background:#161b22;border:1px solid #30363d;border-radius:12px;padding:24px;margin-bottom:24px}.settings-section h2{margin:0 0 8px;font-size:18px;color:#e6edf3}.settings-description{margin:0 0 20px;font-size:14px;color:#8b949e}.language-options{display:flex;flex-direction:column;gap:12px}.language-option{display:flex;align-items:center;gap:14px;padding:16px 20px;background:#21262d;border:2px solid #30363d;border-radius:10px;cursor:pointer;transition:all .2s ease;color:#e6edf3;font-size:16px}.language-option:hover{background:#2d333b;border-color:#444c56}.language-option.active{background:#1f3a5f;border-color:#58a6ff}.language-flag{font-size:28px}.language-name{flex:1;font-weight:500}.language-check{font-size:18px;color:#58a6ff;font-weight:700}.settings-saved-toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%);background:#27ae60;color:#fff;padding:14px 28px;border-radius:10px;font-size:15px;font-weight:600;box-shadow:0 4px 20px #27ae6066;animation:slideUp .3s ease;z-index:1000}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.btn-settings{padding:10px 14px;background:#21262d;border:1px solid #30363d;border-radius:8px;font-size:18px;cursor:pointer;text-decoration:none;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.btn-settings:hover{background:#30363d;border-color:#444c56}.model-options{display:flex;flex-direction:column;gap:10px}.model-option{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 18px;background:#21262d;border:2px solid #30363d;border-radius:10px;cursor:pointer;transition:all .2s ease;color:#e6edf3;text-align:left}.model-option:hover{background:#2d333b;border-color:#444c56}.model-option.active{background:#1f3a5f;border-color:#58a6ff}.model-info{display:flex;flex-direction:column;gap:4px}.model-name{font-size:16px;font-weight:600;color:#e6edf3}.model-description{font-size:13px;color:#8b949e}.model-check{font-size:18px;color:#58a6ff;font-weight:700}.prompt-editor{display:flex;flex-direction:column;gap:12px}.prompt-textarea{width:100%;min-height:300px;padding:16px;background:#0d1117;border:1px solid #30363d;border-radius:8px;color:#e6edf3;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:13px;line-height:1.5;resize:vertical}.prompt-textarea:focus{outline:none;border-color:#58a6ff;box-shadow:0 0 0 3px #58a6ff33}.prompt-actions{display:flex;gap:12px;justify-content:flex-end}.btn-reset-prompt{padding:10px 18px;background:#21262d;border:1px solid #30363d;border-radius:8px;color:#8b949e;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-reset-prompt:hover{background:#30363d;color:#e6edf3}.btn-save-prompt{padding:10px 24px;background:#238636;border:1px solid #238636;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-save-prompt:hover{background:#2ea043}.btn-toggle-keys{padding:12px 20px;background:#21262d;border:1px solid #30363d;border-radius:8px;color:#e6edf3;font-size:14px;cursor:pointer;transition:all .2s ease;width:100%;text-align:left}.btn-toggle-keys:hover{background:#30363d;border-color:#444c56}.protected-section{border:1px solid rgba(88,166,255,.3);background:linear-gradient(135deg,rgba(88,166,255,.05) 0%,transparent 100%)}.password-gate{display:flex;flex-direction:column;gap:12px;padding:20px;background:#0003;border-radius:8px;margin-top:12px}.password-input-group{display:flex;gap:10px}.password-input{flex:1;padding:12px 16px;background:#0d1117;border:1px solid #30363d;border-radius:8px;color:#e6edf3;font-size:14px}.password-input:focus{outline:none;border-color:#58a6ff;box-shadow:0 0 0 3px #58a6ff33}.password-input.error{border-color:#f85149;box-shadow:0 0 0 3px #f8514933}.btn-unlock{padding:12px 20px;background:linear-gradient(135deg,#238636,#196c2e);border:none;border-radius:8px;color:#fff;font-weight:600;cursor:pointer;transition:all .2s ease;white-space:nowrap}.btn-unlock:hover{background:linear-gradient(135deg,#2ea043,#238636);transform:translateY(-1px)}.password-error{color:#f85149;font-size:13px;font-weight:500}.unlock-status{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#23863626;border:1px solid rgba(35,134,54,.3);border-radius:8px;margin-bottom:20px}.unlock-badge{color:#3fb950;font-weight:600;font-size:14px}.btn-lock{padding:8px 14px;background:transparent;border:1px solid #30363d;border-radius:6px;color:#8b949e;font-size:13px;cursor:pointer;transition:all .2s ease}.btn-lock:hover{background:#30363d;color:#f0f6fc}.protected-subsection{padding:16px;background:#00000026;border-radius:10px;margin-bottom:16px;border:1px solid #21262d}.protected-subsection h3{color:#e6edf3;font-size:15px;font-weight:600;margin:0 0 12px}.api-keys-form{margin-top:16px;display:flex;flex-direction:column;gap:16px}.api-key-field{display:flex;flex-direction:column;gap:6px}.api-key-field label{font-size:13px;color:#8b949e;font-weight:500}.api-key-field input{padding:12px 14px;background:#0d1117;border:1px solid #30363d;border-radius:8px;color:#e6edf3;font-size:14px;font-family:Monaco,Menlo,monospace}.api-key-field input:focus{outline:none;border-color:#58a6ff;box-shadow:0 0 0 3px #58a6ff33}.api-key-field input::placeholder{color:#484f58}.key-preview{font-size:12px;color:#7d8590;font-family:Monaco,Menlo,monospace}.api-key-input-row{display:flex;gap:8px;align-items:center}.api-key-input-wrapper{flex:1;position:relative;display:flex;align-items:center}.api-key-input-wrapper input{flex:1;padding-right:45px}.btn-toggle-visibility{position:absolute;right:8px;padding:6px 8px;background:transparent;border:none;cursor:pointer;font-size:16px;opacity:.6;transition:opacity .2s}.btn-toggle-visibility:hover{opacity:1}.btn-test-key{padding:10px 14px;background:#30363d;border:1px solid #484f58;border-radius:8px;color:#e6edf3;font-size:13px;cursor:pointer;transition:all .2s ease;white-space:nowrap;display:flex;align-items:center;gap:4px}.btn-test-key:hover:not(:disabled){background:#484f58;border-color:#6e7681}.btn-test-key:disabled{opacity:.5;cursor:not-allowed}.btn-test-key.testing{background:#1f6feb;border-color:#1f6feb}.api-test-result{display:flex;flex-direction:column;gap:2px;padding:8px 12px;border-radius:6px;font-size:12px;margin-top:4px}.api-test-result.success{background:#23863626;border:1px solid #238636;color:#3fb950}.api-test-result.error{background:#f851491a;border:1px solid #f85149;color:#f85149}.api-test-result .test-message{font-weight:500}.api-test-result .test-details{font-size:11px;opacity:.8}.btn-save-keys{padding:12px 24px;background:#238636;border:1px solid #238636;border-radius:8px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;margin-top:8px}.btn-save-keys:hover{background:#2ea043}.provider-options{display:flex;flex-direction:column;gap:10px}.provider-option{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;background:#21262d;border:2px solid #30363d;border-radius:10px;cursor:pointer;transition:all .2s ease;color:#e6edf3;text-align:left}.provider-option:hover{background:#2d333b;border-color:#444c56}.provider-option.active{background:#1f3a5f;border-color:#58a6ff}.provider-info{display:flex;flex-direction:column;gap:4px}.provider-name{font-size:16px;font-weight:600;color:#e6edf3}.provider-description{font-size:13px;color:#8b949e}.provider-check{font-size:18px;color:#58a6ff;font-weight:700}.tavily-toggle{display:flex;flex-direction:column}.toggle-option{display:flex;align-items:center;padding:16px 18px;background:#21262d;border:2px solid #30363d;border-radius:10px;cursor:pointer;transition:all .2s ease;color:#e6edf3;text-align:left}.toggle-option:hover{background:#2d333b;border-color:#444c56}.toggle-option.active{background:#1a4d1a;border-color:#238636}.toggle-info{display:flex;flex-direction:column;gap:4px}.toggle-label{font-size:16px;font-weight:600;color:#e6edf3}.toggle-description{font-size:13px;color:#8b949e}.current-phase{margin-left:12px;padding:4px 10px;background:#3b82f633;border:1px solid rgba(59,130,246,.4);border-radius:12px;font-size:12px;color:#60a5fa;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.btn-debug-toggle{background:#21262d;border:1px solid #30363d;border-radius:6px;padding:6px 12px;font-size:14px;color:#8b949e;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:6px;margin-left:auto}.btn-debug-toggle:hover{background:#30363d;color:#e6edf3}.btn-debug-toggle.active{background:#1f6feb;border-color:#1f6feb;color:#fff}.debug-count{background:#f85149;color:#fff;font-size:11px;padding:2px 6px;border-radius:10px;font-weight:600}.debug-log-panel{background:#0d1117;border:1px solid #30363d;border-radius:8px;margin:8px 0;max-height:200px;display:flex;flex-direction:column;font-family:SF Mono,Consolas,Monaco,monospace;font-size:12px}.debug-log-header{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#161b22;border-bottom:1px solid #30363d;color:#8b949e;font-size:12px;font-weight:600}.btn-clear-logs{background:transparent;border:none;color:#8b949e;cursor:pointer;font-size:11px;padding:4px 8px;border-radius:4px}.btn-clear-logs:hover{background:#21262d;color:#f85149}.debug-log-content{flex:1;overflow-y:auto;padding:8px;max-height:150px}.debug-log-empty{color:#484f58;text-align:center;padding:20px;font-style:italic}.debug-log-entry{display:flex;gap:10px;padding:4px 0;border-bottom:1px solid #21262d}.debug-log-entry:last-child{border-bottom:none}.log-time{color:#484f58;min-width:70px;font-size:11px}.log-message{color:#c9d1d9;flex:1;word-break:break-word}.log-info .log-message{color:#8b949e}.log-success .log-message{color:#3fb950}.log-warning .log-message{color:#d29922}.log-error .log-message{color:#f85149}.status-extracting .status-dot{background-color:#a371f7;animation:pulse-dot 1s ease-in-out infinite}@keyframes pulse-dot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}}.btn-manual-input{padding:8px 14px;background:#30363d;color:#e6edf3;border:1px solid #484f58;border-radius:6px;cursor:pointer;font-size:13px;display:flex;align-items:center;gap:6px;transition:all .2s ease}.btn-manual-input:hover:not(:disabled){background:#484f58;border-color:#6e7681}.btn-manual-input.active{background:#388bfd;border-color:#58a6ff}.btn-manual-input:disabled{opacity:.5;cursor:not-allowed}.manual-input-panel{background:#161b22;border-bottom:1px solid #30363d;animation:slideDown .2s ease}.manual-input-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#21262d;border-bottom:1px solid #30363d}.manual-input-header span{font-weight:600;color:#e6edf3}.btn-close-manual{background:transparent;border:none;color:#8b949e;cursor:pointer;font-size:18px;padding:4px 8px}.btn-close-manual:hover{color:#f85149}.manual-input-content{padding:16px 20px}.manual-input-description{color:#8b949e;font-size:13px;margin-bottom:12px}.manual-text-input{width:100%;padding:12px;background:#0d1117;border:1px solid #30363d;border-radius:8px;color:#e6edf3;font-family:inherit;font-size:14px;resize:vertical;min-height:100px}.manual-text-input:focus{outline:none;border-color:#58a6ff;box-shadow:0 0 0 3px #58a6ff26}.manual-text-input:disabled{opacity:.6}.manual-text-input::placeholder{color:#6e7681}.manual-input-actions{display:flex;gap:10px;margin-top:12px}.btn-upload-file{padding:10px 16px;background:#30363d;color:#e6edf3;border:1px solid #484f58;border-radius:6px;cursor:pointer;font-size:13px;display:flex;align-items:center;gap:6px;transition:all .2s ease}.btn-upload-file:hover{background:#484f58}.btn-clear-text{padding:10px 16px;background:transparent;color:#8b949e;border:1px solid #30363d;border-radius:6px;cursor:pointer;font-size:13px}.btn-clear-text:hover:not(:disabled){color:#f85149;border-color:#f85149}.btn-clear-text:disabled{opacity:.5;cursor:not-allowed}.btn-analyze-text{padding:10px 20px;background:linear-gradient(135deg,#238636,#2ea043);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;margin-left:auto;display:flex;align-items:center;gap:8px;transition:all .2s ease}.btn-analyze-text:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #2386364d}.btn-analyze-text:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-stop-analysis{padding:10px 16px;background:linear-gradient(135deg,#da3633,#f85149);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:14px;font-weight:600;display:flex;align-items:center;gap:6px;transition:all .2s ease}.btn-stop-analysis:hover{transform:translateY(-1px);box-shadow:0 4px 12px #da363366;background:linear-gradient(135deg,#f85149,#ff6b6b)}.analyzing-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.manual-text-stats{margin-top:8px;color:#6e7681;font-size:12px}.text-analysis-phases{display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:16px;padding:16px;background:linear-gradient(135deg,#161b22,#1c2128);border-radius:8px;border:1px solid #30363d}.analysis-timer{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#21262d;border-radius:20px;border:1px solid #30363d}.timer-icon{font-size:18px}.timer-value{font-size:18px;font-weight:700;color:#58a6ff;font-variant-numeric:tabular-nums;min-width:40px}.pending-count{font-size:12px;color:#f0883e;font-weight:500}.phase-steps{display:flex;align-items:center;gap:8px}.phase-step{display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 16px;background:#21262d;border-radius:8px;border:2px solid #30363d;transition:all .3s ease;opacity:.5}.phase-step.active{opacity:1;border-color:#58a6ff;background:linear-gradient(135deg,#1f3d5c,#21262d);box-shadow:0 0 20px #58a6ff33;animation:pulse-phase 1.5s ease-in-out infinite}.phase-step.completed{opacity:1;border-color:#238636;background:linear-gradient(135deg,#1a3d2a,#21262d)}@keyframes pulse-phase{0%,to{box-shadow:0 0 10px #58a6ff33}50%{box-shadow:0 0 25px #58a6ff66}}.phase-icon{font-size:24px}.phase-label{font-size:12px;font-weight:600;color:#8b949e;text-transform:uppercase;letter-spacing:.5px}.phase-step.active .phase-label{color:#58a6ff}.phase-step.completed .phase-label{color:#3fb950}.phase-connector{width:30px;height:2px;background:#30363d;position:relative}.phase-connector:after{content:"→";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#484f58;font-size:12px}.btn-generate-questions{padding:8px 14px;background:linear-gradient(135deg,#8b5cf6,#a78bfa);color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px;display:flex;align-items:center;gap:6px;transition:all .2s ease}.btn-generate-questions:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.btn-generate-questions:disabled{opacity:.7;cursor:not-allowed}.btn-generate-questions.generating{background:linear-gradient(135deg,#6d28d9,#8b5cf6)}.generating-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.questions-panel{background:linear-gradient(135deg,#1e1b4b,#312e81);border-bottom:1px solid #4c1d95;animation:slideDown .2s ease}.questions-header{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#0003;border-bottom:1px solid rgba(255,255,255,.1)}.questions-header span{font-weight:600;color:#e9d5ff;font-size:15px}.btn-close-questions{background:transparent;border:none;color:#a78bfa;cursor:pointer;font-size:18px;padding:4px 8px}.btn-close-questions:hover{color:#f87171}.questions-content{padding:16px 20px}.questions-error{color:#f87171;padding:12px;background:#f871711a;border-radius:6px}.questions-summary{display:flex;gap:8px;margin-bottom:12px;color:#c4b5fd}.questions-summary strong{color:#e9d5ff}.questions-themes{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.theme-tag{padding:4px 10px;background:#8b5cf64d;color:#e9d5ff;border-radius:12px;font-size:12px}.questions-list{display:flex;flex-direction:column;gap:12px}.question-item{background:#ffffff0d;border-radius:8px;padding:14px;border-left:3px solid #8b5cf6}.question-text{display:flex;gap:10px;color:#f3f4f6;font-size:14px;line-height:1.5}.question-number{display:flex;align-items:center;justify-content:center;min-width:24px;height:24px;background:#8b5cf6;color:#fff;border-radius:50%;font-size:12px;font-weight:600}.question-rationale{margin-top:8px;padding-left:34px;color:#a5b4fc;font-size:12px}.question-source{margin-top:6px;padding-left:34px;color:#818cf8;font-size:11px}.questions-context{margin-top:16px;padding:12px;background:#ffffff0d;border-radius:6px}.questions-context strong{color:#e9d5ff;display:block;margin-bottom:6px}.questions-context p{color:#c4b5fd;font-size:13px;margin:0}.btn-regenerate-questions{margin-top:16px;padding:10px 16px;background:#8b5cf633;color:#e9d5ff;border:1px solid #8b5cf6;border-radius:6px;cursor:pointer;font-size:13px;transition:all .2s ease}.btn-regenerate-questions:hover:not(:disabled){background:#8b5cf666}.btn-regenerate-questions:disabled{opacity:.5;cursor:not-allowed}.token-limit-warning{padding:12px 20px;margin:0;border-bottom:1px solid rgba(0,0,0,.1);animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.token-limit-warning.warning-warning{background:linear-gradient(135deg,#fff3cd,#ffeeba);border-left:4px solid #ffc107}.token-limit-warning.warning-critical{background:linear-gradient(135deg,#ffe5d0,#ffd4b8);border-left:4px solid #fd7e14}.token-limit-warning.warning-reached{background:linear-gradient(135deg,#f8d7da,#f5c6cb);border-left:4px solid #dc3545;animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.85}}.token-warning-content{display:flex;align-items:center;gap:12px;max-width:1400px;margin:0 auto;flex-wrap:wrap}.token-warning-icon{font-size:24px;flex-shrink:0}.token-warning-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:200px}.token-warning-text strong{font-size:14px;color:#333}.token-usage-info{font-size:12px;color:#666}.token-progress-bar{width:150px;height:8px;background:#0000001a;border-radius:4px;overflow:hidden;flex-shrink:0}.token-progress-fill{height:100%;border-radius:4px;transition:width .3s ease}.btn-save-urgent{background:#dc3545;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;animation:urgentPulse 1s infinite;flex-shrink:0}@keyframes urgentPulse{0%,to{transform:scale(1);box-shadow:0 2px 8px #dc354566}50%{transform:scale(1.05);box-shadow:0 4px 12px #dc354599}}.btn-save-urgent:hover{background:#c82333}@media (max-width: 768px){.token-warning-content{flex-direction:column;align-items:flex-start;gap:8px}.token-progress-bar{width:100%}.btn-save-urgent{width:100%;text-align:center}}.version-info-box{background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:12px;padding:16px;margin-bottom:16px;border:1px solid rgba(71,85,105,.5)}.version-info-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(71,85,105,.3)}.version-info-row:last-child{border-bottom:none}.version-label{font-size:13px;color:#94a3b8;font-weight:500}.version-value{font-size:14px;color:#e2e8f0;font-weight:600;font-family:Monaco,Menlo,monospace}.version-value.version-description{font-family:inherit;font-weight:400;max-width:60%;text-align:right}.upgrade-actions{display:flex;flex-direction:column;gap:12px;margin-top:16px}.btn-check-update{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border:none;padding:12px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.btn-check-update:hover{transform:translateY(-1px);box-shadow:0 4px 12px #3b82f666}.btn-check-update.checking{opacity:.7;cursor:not-allowed}.btn-check-update:disabled{opacity:.6;cursor:not-allowed;transform:none}.update-available-badge{background:linear-gradient(135deg,#22c55e,#16a34a);color:#fff;padding:12px 16px;border-radius:8px;font-size:14px;font-weight:600;text-align:center;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.8}}.btn-force-update{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;border:none;padding:12px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}.btn-force-update:hover{transform:translateY(-1px);box-shadow:0 4px 12px #f59e0b66}.upgrade-note{font-size:12px;color:#64748b;text-align:center;margin-top:8px;line-height:1.5}.settings-branding{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:24px;margin-top:32px;border-top:1px solid rgba(71,85,105,.3)}.branding-logo{height:48px;width:auto;border-radius:8px;opacity:.9}.branding-text{font-size:13px;color:#64748b;font-weight:500}@media (max-width: 768px){.version-info-row{flex-direction:column;align-items:flex-start;gap:4px}.version-value.version-description{max-width:100%;text-align:left}}.upload-page{padding:20px;max-width:900px;margin:0 auto}.page-header{margin-bottom:30px;text-align:center}.page-header h1{font-size:1.8rem;color:#f0f6fc;margin-bottom:8px}.page-subtitle{color:#8b949e;font-size:1rem}.upload-content{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width: 768px){.upload-content{grid-template-columns:1fr}}.upload-info{background:#161b22;border:1px solid #30363d;border-radius:12px;padding:24px}.upload-info h3{color:#f0f6fc;font-size:1.1rem;margin-bottom:20px}.steps-list{list-style:none;display:flex;flex-direction:column;gap:16px}.steps-list li{display:flex;align-items:flex-start;gap:14px}.step-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:linear-gradient(135deg,#238636,#196c2e);color:#fff;border-radius:50%;font-size:.85rem;font-weight:600;flex-shrink:0}.steps-list li div strong{display:block;color:#f0f6fc;font-size:.95rem;margin-bottom:4px}.steps-list li div p{color:#8b949e;font-size:.85rem;line-height:1.4}.page-actions{margin-top:30px;display:flex;justify-content:center;gap:16px}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;gap:8px;padding:12px 20px;border-radius:8px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s ease;cursor:pointer;border:none}.btn-primary{background:linear-gradient(135deg,#238636,#196c2e);color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#2ea043,#238636);transform:translateY(-1px)}.btn-secondary{background:#21262d;border:1px solid #30363d;color:#c9d1d9}.btn-secondary:hover{background:#30363d;color:#f0f6fc}.archive-page{padding:20px;max-width:900px;margin:0 auto}.archive-content{background:#161b22;border:1px solid #30363d;border-radius:12px;padding:20px}.archive-content .section-header{display:flex;align-items:center;justify-content:flex-end;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #30363d}.btn-refresh{padding:8px 14px;background:#21262d;border:1px solid #30363d;border-radius:6px;color:#c9d1d9;font-size:.9rem;cursor:pointer;transition:all .2s ease}.btn-refresh:hover{background:#30363d;color:#f0f6fc}.btn-refresh:disabled{opacity:.5;cursor:not-allowed}.empty-state{text-align:center;padding:60px 20px}.empty-icon{font-size:4rem;display:block;margin-bottom:16px;opacity:.6}.empty-state p{color:#8b949e;margin-bottom:8px}.empty-hint{font-size:.9rem;color:#6e7681}.empty-actions{margin-top:24px;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.conversation-card{display:block;background:#21262d;border:1px solid #30363d;border-radius:10px;padding:16px;margin-bottom:12px;transition:all .2s ease}.conversation-card:hover{border-color:#58a6ff;background:#262c36}.conversation-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.conversation-title-link{text-decoration:none;flex:1;min-width:0}.conversation-title-link h3{color:#f0f6fc;font-size:1rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-title-link:hover h3{color:#58a6ff}.conversation-actions{display:flex!important;align-items:center;gap:8px;flex-shrink:0}.conversation-card .btn-card-action,.conversation-actions .btn-card-action,.btn-card-action{display:flex!important;align-items:center!important;justify-content:center!important;width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;background:#21262d!important;border:1px solid #484f58!important;border-radius:6px!important;color:#c9d1d9!important;cursor:pointer!important;transition:all .2s ease!important;opacity:1!important;visibility:visible!important;padding:0!important}.conversation-card .btn-card-action svg,.conversation-actions .btn-card-action svg,.btn-card-action svg{display:block!important;opacity:1!important;visibility:visible!important}.btn-card-action:hover{background:#30363d!important;color:#f0f6fc!important;border-color:#58a6ff!important}.btn-card-action.delete{color:#f85149!important}.btn-card-action.delete:hover{background:#f8514933!important;color:#f85149!important;border-color:#f85149!important}.edit-title-form{display:flex;align-items:center;gap:8px;flex:1}.edit-title-input{flex:1;padding:8px 12px;background:#0d1117;border:1px solid #58a6ff;border-radius:6px;color:#f0f6fc;font-size:1rem;outline:none}.btn-edit-action{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:6px;cursor:pointer;transition:all .2s ease}.btn-edit-action.save{background:#238636;color:#fff}.btn-edit-action.save:hover{background:#2ea043}.btn-edit-action.cancel{background:#21262d;color:#8b949e;border:1px solid #30363d}.btn-edit-action.cancel:hover{background:#30363d;color:#f0f6fc}.delete-confirm{display:flex;align-items:center;gap:6px;font-size:.8rem;color:#f85149}.btn-confirm-delete,.btn-cancel-delete{padding:4px 10px;border-radius:4px;font-size:.75rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-confirm-delete{background:#f85149;border:none;color:#fff}.btn-confirm-delete:hover{background:#da3633}.btn-confirm-delete:disabled{opacity:.6;cursor:not-allowed}.btn-cancel-delete{background:transparent;border:1px solid #30363d;color:#8b949e}.btn-cancel-delete:hover{background:#30363d;color:#f0f6fc}.conversation-meta-link{text-decoration:none;display:block}.conversation-description{color:#8b949e;font-size:.9rem;margin:8px 0;line-height:1.4}.conversation-meta{display:flex;flex-direction:column;gap:4px;font-size:.8rem;color:#6e7681;margin-top:8px}