*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,system-ui,sans-serif;line-height:1.5;color:#1f2937;background:linear-gradient(135deg,#f8fafc 0%,#f1f5f9 100%);font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app{min-height:100vh;display:flex;flex-direction:column}.app.error{justify-content:center;align-items:center;padding:2rem}.error-container{background:rgba(255,255,255,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:2rem;border-radius:16px;border:1px solid rgba(226,232,240,.6);box-shadow:0 8px 32px #0000001f;max-width:600px;text-align:left}.error-container h1{color:#ef4444;margin-bottom:1rem;font-weight:600}.error-container code{background:rgba(248,250,252,.8);padding:4px 8px;border-radius:6px;font-family:SF Mono,Monaco,Menlo,monospace;font-size:.9em;color:#64748b}.interview-session{display:flex;flex-direction:column;height:100vh;width:100%;padding:1.5rem 2rem}.session-header{margin-bottom:2rem;padding:1.5rem 0}.header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.header-content{text-align:center;flex:1}.session-header h1{font-size:2.25rem;margin-bottom:.75rem;color:#111827;font-weight:700;letter-spacing:-.025em}.session-header p{color:#6b7280;font-size:1rem;font-weight:400}.continuous-mode-indicator{margin-top:1.5rem;padding:.875rem 1.5rem;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.2);border-radius:12px;color:#065f46;font-weight:500;font-size:.9rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.session-content{display:flex;flex:1;gap:2rem;min-height:0;width:100%}.conversation-panel{flex:3;display:flex;flex-direction:column;min-width:0}.controls-panel{flex:1;min-width:350px;max-width:450px}.session-info{display:flex;justify-content:space-around;gap:3rem;margin-top:1.5rem;padding:1.25rem 2rem;background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(226,232,240,.6);border-radius:12px;box-shadow:0 4px 20px #00000014;width:100%}.info-item{font-size:.875rem;color:#64748b;font-weight:500}.conversation-display{background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(226,232,240,.6);border-radius:16px;box-shadow:0 8px 32px #0000001f;display:flex;flex-direction:column;height:100%;overflow:hidden}.messages-container{flex:1;overflow-y:auto;padding:2rem;display:flex;flex-direction:column;gap:1.5rem;scrollbar-width:none;-ms-overflow-style:none}.messages-container::-webkit-scrollbar{display:none}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#9ca3af;text-align:center;padding:2rem}.empty-state p{margin-top:1rem;font-size:1rem;font-weight:400;color:#6b7280}.message-wrapper{display:flex;flex-direction:column;margin-bottom:.75rem}.message-bubble{border-radius:20px;padding:1.125rem 1.5rem;max-width:75%;font-size:1rem;line-height:1.5;font-weight:400;box-shadow:0 2px 4px #0000000d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.message-bubble.assistant{align-self:flex-start;background:rgba(248,250,252,.9);border:1px solid rgba(226,232,240,.8);color:#374151}.message-bubble.user{align-self:flex-end;background:rgba(99,102,241,.9);border:1px solid rgba(79,70,229,.3);color:#fff;margin-left:20%}.message-bubble.current{opacity:.85}.message-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.8rem;opacity:.8}.message-sender{font-weight:600;color:#6b7280cc;font-size:.7rem;letter-spacing:.025em}.message-bubble.user .message-sender{color:#fffc}.message-time{color:#6b728099;font-size:.7rem;margin-left:auto;font-weight:400}.message-bubble.user .message-time{color:#ffffffb3}.play-audio-button{background:none;border:none;color:#9ca3af;cursor:pointer;opacity:.6;transition:opacity .2s ease;padding:2px;border-radius:4px}.play-audio-button:hover{opacity:1}.message-content{line-height:1.4;font-size:.95rem;margin:0}.message-bubble.assistant .message-content{color:#374151}.message-bubble.user .message-content{color:#fff}.typing-indicator{color:#6b728099;font-style:italic;margin-left:auto;font-size:.7rem;font-weight:400}.interruption-indicator{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;background:#fef3c7;border:1px solid #f59e0b;border-radius:20px;margin:.5rem auto;max-width:200px;font-size:.875rem;color:#92400e}.emotion-analysis{margin-top:.75rem;display:flex;flex-direction:column;gap:.5rem}.emotion-item{display:flex;align-items:center;gap:.75rem;font-size:.875rem}.emotion-name{min-width:80px;font-weight:500;color:#374151;text-transform:capitalize}.emotion-bar-container{flex:1;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.emotion-bar{height:100%;border-radius:3px;transition:width .3s ease}.emotion-score{min-width:40px;font-weight:600;color:#6b7280;text-align:right;font-size:.8rem}.audio-recorder{background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(226,232,240,.6);border-radius:16px;padding:1.5rem;box-shadow:0 8px 32px #0000001f;display:flex;flex-direction:column;gap:1.5rem}.status-display{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:rgba(248,250,252,.8);border:1px solid rgba(226,232,240,.6);border-radius:12px;text-align:center}.status-indicator{width:10px;height:10px;border-radius:50%;flex-shrink:0}.status-text{font-weight:500;color:#374151;font-size:.9rem}.controls{display:flex;flex-direction:column;gap:1rem}.mode-info{padding:.875rem 1rem;background:rgba(248,250,252,.6);border:1px solid rgba(226,232,240,.4);border-radius:10px;font-size:.8rem;color:#64748b;text-align:center;font-weight:500}.connect-button,.record-button,.disconnect-button{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem 1.5rem;border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 8px #0000001a}.connect-button{background:linear-gradient(135deg,#10b981 0%,#059669 100%);color:#fff;border:1px solid rgba(16,185,129,.2)}.connect-button:hover:not(:disabled){background:linear-gradient(135deg,#059669 0%,#047857 100%);transform:translateY(-1px);box-shadow:0 4px 12px #10b98140}.record-button{background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);color:#fff;border:1px solid rgba(59,130,246,.2)}.record-button.active{background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);border:1px solid rgba(239,68,68,.2)}.record-button:hover:not(:disabled){background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f640}.record-button.active:hover:not(:disabled){background:linear-gradient(135deg,#dc2626 0%,#b91c1c 100%);box-shadow:0 4px 12px #ef444440}.disconnect-button{background:rgba(239,68,68,.1);color:#dc2626;border:1px solid rgba(239,68,68,.2);font-size:.85rem}.disconnect-button:hover{background:rgba(239,68,68,.15);border-color:#ef44444d;transform:translateY(-1px);box-shadow:0 4px 12px #ef444426}.disconnect-button:active{transform:translateY(0)}button:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.error-message{padding:1rem 1.25rem;background:rgba(254,242,242,.9);color:#dc2626;border:1px solid rgba(254,202,202,.8);border-radius:12px;font-weight:500;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 8px #dc26261a}@keyframes pulse{0%,to{opacity:1}50%{opacity:.75}}.user-profile-form{background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(226,232,240,.6);border-radius:16px;margin-bottom:1.5rem;box-shadow:0 8px 32px #0000001f;overflow:hidden}.profile-header{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;cursor:pointer;border-bottom:1px solid rgba(226,232,240,.3);font-weight:600;color:#374151;transition:all .2s ease;background:rgba(248,250,252,.5)}.profile-header:hover{background:rgba(241,245,249,.7)}.expand-arrow{margin-left:auto;transition:transform .2s ease;font-size:.7rem;color:#9ca3af;font-weight:400}.expand-arrow.expanded{transform:rotate(180deg)}.profile-form{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;background:rgba(255,255,255,.5)}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{display:flex;align-items:center;gap:.5rem;font-weight:600;color:#374151;font-size:.85rem}.form-group input{padding:.875rem 1rem;border:1px solid rgba(209,213,219,.6);border-radius:10px;font-size:.9rem;background:rgba(255,255,255,.8);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .2s ease;color:#374151}.form-group input:focus{outline:none;border-color:#3b82f6;background:rgba(255,255,255,.95);box-shadow:0 0 0 3px #3b82f61a;transform:translateY(-1px)}.form-group input::placeholder{color:#9ca3af;font-weight:400}.form-actions{display:flex;gap:.75rem;margin-top:.5rem}.save-profile-button{flex:1;padding:.875rem 1.5rem;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);color:#fff;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .2s ease;font-size:.9rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 8px #3b82f633}.save-profile-button:hover:not(:disabled){background:linear-gradient(135deg,#2563eb 0%,#1d4ed8 100%);transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.save-profile-button:disabled{background:rgba(156,163,175,.8);cursor:not-allowed;transform:none;box-shadow:none}.clear-button{padding:.875rem 1rem;background:rgba(248,250,252,.8);color:#6b7280;border:1px solid rgba(209,213,219,.6);border-radius:10px;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:.9rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.clear-button:hover{background:rgba(241,245,249,.9);border-color:#9ca3afcc;transform:translateY(-1px)}.profile-summary{padding:1rem 1.25rem;background:rgba(240,249,255,.8);border:1px solid rgba(186,230,253,.6);border-radius:12px;margin-bottom:1.5rem;display:flex;align-items:center;gap:.75rem;font-size:.9rem;color:#0c4a6e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 8px #0ea5e91a}.profile-summary-text{flex:1;font-weight:500}.edit-profile-button{background:none;border:none;color:#0ea5e9;cursor:pointer;font-size:.8rem;font-weight:600;padding:.25rem .5rem;border-radius:6px;transition:all .2s ease}.edit-profile-button:hover{background:rgba(14,165,233,.1)}@media (max-width: 1024px){.interview-session{padding:1rem}.session-content{gap:1.5rem}.controls-panel{min-width:300px;max-width:350px}}@media (max-width: 768px){.interview-session{padding:1rem}.session-content{flex-direction:column;gap:1.5rem}.conversation-panel{order:2;min-height:60vh}.controls-panel{order:1;min-width:unset;max-width:unset}.session-info{flex-direction:column;gap:1rem;text-align:center}.message-bubble{max-width:90%}.messages-container{padding:1.5rem}}