:root{color-scheme:light dark;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;background:#0f172a;color:#e2e8f0}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#0f172a,#1e293b)}#root{min-height:100vh;position:relative}.settings-button{position:fixed;top:1.5rem;right:1.5rem;padding:.75rem 1.25rem;border-radius:12px;background:#6366f126;border:1px solid rgba(99,102,241,.4);color:#cbd5f5;text-decoration:none;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .2s ease;z-index:1000;display:flex;align-items:center;gap:.5rem}.settings-button:hover{background:#6366f140;border-color:#6366f199;transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}button,input,select,textarea{font-family:inherit}.app-layout{margin:0 auto;max-width:1100px;padding:2.5rem 1.5rem 4rem;display:flex;flex-direction:column;gap:2rem}.app-header{text-align:center;display:flex;flex-direction:column;gap:.75rem}.app-header h1{font-size:2.5rem;font-weight:700;margin:0}.app-header p{color:#cbd5f5;max-width:720px;margin:0 auto}.app-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.5rem}.card{background:#0f172abf;border:1px solid rgba(148,163,184,.2);border-radius:20px;padding:1.75rem;box-shadow:0 25px 45px #0f172a73;display:flex;flex-direction:column;gap:1rem}.card h2{margin:0;font-size:1.25rem}.session-form{display:flex;flex-direction:column;gap:1rem}label{display:flex;flex-direction:column;gap:.5rem;font-size:.95rem;color:#cbd5f5}input,select,textarea{padding:.75rem 1rem;border-radius:12px;border:1px solid rgba(148,163,184,.35);background:#0f172ae6;color:#f8fafc;resize:vertical}textarea[readOnly]{min-height:240px}input:focus,select:focus,textarea:focus{outline:2px solid rgba(129,140,248,.55)}.form-actions{display:flex;gap:.75rem}button{padding:.75rem 1.25rem;border-radius:12px;border:none;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;cursor:pointer;font-weight:600;transition:transform .2s ease,box-shadow .2s ease}button:disabled{opacity:.6;cursor:not-allowed}button.secondary{background:#94a3b833}button.accent{align-self:flex-start}button:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 10px 25px #6366f159}.conversation-log{min-height:220px;max-height:400px;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem;padding-right:.5rem}.bubble{padding:.85rem 1rem;border-radius:14px;max-width:85%;line-height:1.4;display:flex;flex-direction:column;gap:.4rem}.message-header{display:flex;align-items:center;margin-bottom:.2rem}.speaker-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;opacity:.8}.message-text{word-wrap:break-word}.bubble.agent{background:#3b82f640;align-self:flex-start;border-left:3px solid rgba(59,130,246,.6)}.bubble.agent .speaker-label{color:#60a5fa}.bubble.user{background:#10b98138;align-self:flex-end;border-right:3px solid rgba(16,185,129,.6)}.bubble.user .speaker-label{color:#34d399}.bubble.system{background:#94a3b840;align-self:center}.muted{color:#cbd5e1b3;font-size:.9rem}.hint{font-size:.85rem;color:#94c5ffd9}.hint.success{color:#10b981e6}.completion-section{display:flex;flex-direction:column;gap:1rem;margin-top:1rem;padding:1rem;background:#0f172a80;border-radius:12px;border:1px solid rgba(148,163,184,.2)}.error{color:#fca5a5;margin:0}.session-meta{font-size:.85rem;color:#cbd5e1cc;display:flex;flex-direction:column;gap:.25rem}.analysis{display:flex;flex-direction:column;gap:1.5rem}.analysis-score{display:flex;justify-content:center;margin-bottom:.5rem}.score-circle{display:flex;align-items:baseline;justify-content:center;gap:.25rem;background:linear-gradient(135deg,#6366f133,#8b5cf633);border:2px solid rgba(99,102,241,.5);border-radius:16px;padding:1.5rem 2.5rem;min-width:120px}.score-value{font-size:2.5rem;font-weight:700;color:#a78bfa;line-height:1}.score-max{font-size:1.25rem;color:#cbd5e1b3;font-weight:500}.analysis-details{display:flex;flex-direction:column;gap:1.25rem}.analysis-section{background:#0f172a99;border-radius:12px;padding:1.25rem;border-left:4px solid;transition:all .2s ease}.analysis-section:hover{background:#0f172abf;transform:translate(2px)}.analysis-section.strengths{border-left-color:#10b981}.analysis-section.improvements{border-left-color:#f59e0b}.analysis-section.feedback{border-left-color:#6366f1}.analysis-section.moments{border-left-color:#8b5cf6}.analysis-section h3{margin:0 0 .75rem;font-size:1.1rem;font-weight:600;color:#e2e8f0;display:flex;align-items:center;gap:.5rem}.analysis-section p{margin:0;color:#cbd5e1e6;line-height:1.6}.analysis-section ul{margin:0;padding-left:1.5rem;list-style:none}.analysis-section ul li{color:#cbd5e1e6;line-height:1.7;margin-bottom:.5rem;position:relative;padding-left:1.25rem}.analysis-section ul li:before{content:"•";position:absolute;left:0;color:#6366f199;font-weight:700;font-size:1.2rem}.analysis-section.strengths ul li:before{color:#10b981}.analysis-section.improvements ul li:before{color:#f59e0b}.analysis-section.moments ul li:before{color:#8b5cf6}.raw-json{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(99,102,241,.2)}.raw-json summary{cursor:pointer;color:#cbd5e1b3;font-size:.9rem;padding:.5rem;border-radius:6px;transition:all .2s ease;-webkit-user-select:none;user-select:none}.raw-json summary:hover{background:#6366f11a;color:#cbd5e1e6}.raw-json pre{max-height:300px;overflow-y:auto;background:#0f172ad9;padding:1rem;border-radius:12px;border:1px solid rgba(99,102,241,.35);color:#e2e8f0;font-size:.85rem;margin-top:.5rem}.app-footer{text-align:center;color:#cbd5e1a6}.history-layout{grid-column:1 / -1;display:grid;grid-template-columns:minmax(280px,350px) 1fr;gap:1.5rem;align-items:start}.conversation-log-card,.history-layout .card{min-width:0}.history-filters{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.history-filters input,.history-filters select{padding:.5rem;border-radius:8px;border:1px solid rgba(148,163,184,.35);background:#0f172ae6;color:#f8fafc;font-size:.9rem}.history-filters input{flex:1;min-width:200px}.history-filters select{min-width:150px}.history-filters input:focus,.history-filters select:focus{outline:2px solid rgba(129,140,248,.55)}.session-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.session-item{border:1px solid rgba(148,163,184,.2);padding:1rem;border-radius:12px;cursor:pointer;background:#0f172a80;transition:all .2s ease}.session-item:hover{background:#0f172ab3;border-color:#94a3b866;transform:translateY(-1px)}.session-item.selected{background:#6366f126;border-color:#6366f180}.session-item-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:.5rem}.session-item-meta{display:flex;flex-direction:column;gap:.25rem}.session-item-name{font-weight:600;color:#e2e8f0;font-size:1rem}.session-item-date{color:#cbd5e1b3;font-size:.9rem;margin-left:1rem}.session-item-score{font-size:1.2rem;font-weight:700}.session-item-details{margin-top:.5rem;font-size:.9rem;color:#cbd5e1cc;display:flex;flex-wrap:wrap;gap:1rem}.session-item-product{margin-top:.5rem;font-size:.85rem;color:#cbd5e199}.history-pagination{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(148,163,184,.2)}.history-pagination button{padding:.5rem 1rem;font-size:.9rem}.history-pagination span{color:#cbd5e1cc;font-size:.9rem}.selected-session-details{margin-top:2rem;padding:1.5rem;border:2px solid rgba(99,102,241,.5);border-radius:12px;background:#0f172acc}.selected-session-details h3{margin:0 0 1rem;font-size:1.3rem;color:#e2e8f0}.selected-session-details h4{margin:0 0 .75rem;font-size:1.1rem;color:#cbd5f5;font-weight:600}.selected-session-header{display:flex;justify-content:space-between;align-items:start;margin-bottom:1rem}.selected-session-settings{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:.75rem;font-size:.9rem;color:#cbd5e1e6;margin-bottom:1.5rem}.selected-session-settings div{display:flex;flex-direction:column;gap:.25rem}.selected-session-settings strong{color:#cbd5f5;font-weight:600}.selected-session-conversation{margin-bottom:1.5rem}.selected-session-conversation textarea{width:100%;padding:.75rem;font-family:Courier New,monospace;font-size:.85rem;border:1px solid rgba(148,163,184,.2);border-radius:8px;background:#0f172ae6;color:#e2e8f0;resize:vertical}.selected-session-analysis{margin-bottom:1.5rem}.selected-session-analysis-content{padding:1rem;background:#0f172a99;border-radius:8px;border:1px solid rgba(148,163,184,.2)}.selected-session-analysis-section{margin-bottom:1rem}.selected-session-analysis-section:last-child{margin-bottom:0}.selected-session-analysis-section strong{display:block;margin-bottom:.5rem;font-size:1rem}.selected-session-analysis-section ul{margin:.5rem 0 0;padding-left:1.5rem;list-style:none}.selected-session-analysis-section ul li{margin-bottom:.5rem;color:#cbd5e1e6;line-height:1.6;position:relative;padding-left:1.25rem}.selected-session-analysis-section ul li:before{content:"•";position:absolute;left:0;color:#6366f199;font-weight:700;font-size:1.2rem}.selected-session-analysis-section p{margin:.5rem 0 0;white-space:pre-wrap;color:#cbd5e1e6;line-height:1.6}.selected-session-score{margin-top:1rem;font-size:1.1rem}.selected-session-score strong{color:#cbd5f5}.selected-session-feedback{margin-top:.75rem}.selected-session-feedback strong{color:#cbd5f5;display:block;margin-bottom:.25rem}.selected-session-feedback p{margin:0;white-space:pre-wrap;color:#cbd5e1e6;line-height:1.6}@media(max-width:768px){.history-layout{grid-template-columns:1fr}.history-filters{flex-direction:column}.history-filters input,.history-filters select{width:100%;min-width:unset}.selected-session-settings{grid-template-columns:1fr}}