:root{--ds-bg-page: #ffffff;--ds-bg-card: #ffffff;--ds-bg-sidebar: #ffffff;--ds-bg-subtle: #fafaf9;--ds-bg-input: #ffffff;--ds-text-primary: #303030;--ds-text-secondary: #6b6b6b;--ds-text-muted: #999999;--ds-ring: 0 0 0 1px rgba(231, 229, 228, .5);--ds-ring-inset: inset 0 0 0 1px rgba(231, 229, 228, .5);--ds-ring-hover: 0 0 0 1px rgba(200, 198, 196, .6);--ds-ring-color: rgba(231, 229, 228, .5);--ds-separator: rgba(231, 229, 228, .35);--ds-accent: #ff6b35;--ds-accent-hover: #ff8c42;--ds-accent-bg: rgba(255, 107, 53, .08);--ds-accent-bg-hover: rgba(255, 107, 53, .14);--ds-glow: radial-gradient(circle at 80% 20%, rgba(255, 107, 53, .12) 0%, transparent 60%);--ds-glow-left: radial-gradient(circle at 20% 50%, rgba(255, 107, 53, .1) 0%, transparent 50%);--ds-glow-icon: radial-gradient( circle at 50% 50%, rgba(255, 107, 53, .15) 0%, rgba(255, 107, 53, .04) 70% );--ds-wash: rgba(0, 0, 0, .015);--ds-btn-primary-bg: #303030;--ds-btn-primary-text: #ffffff;--ds-btn-primary-hover: #404040;--ds-success: #22a06b;--ds-success-bg: #e3fcef;--ds-destructive: #ef4444;--ds-warning: #d97706;--ds-warning-text: #92400e;--ds-warning-bg: #fffbeb;--ds-warning-ring: 0 0 0 1px rgba(234, 179, 8, .3);--ds-info: #2563eb;--ds-info-text: #1e40af;--ds-info-bg: #eff6ff;--ds-overlay: rgba(0, 0, 0, .5);--ds-scrollbar: rgba(0, 0, 0, .05);--ds-scrollbar-hover: rgba(0, 0, 0, .15);--ds-scrollbar-active: rgba(0, 0, 0, .25);--ds-destructive-hover: #dc2626;--ds-debug-bg: orange;--ds-debug-asset: salmon;--ds-debug-scrollbar: magenta;--ds-debug-voice: cyan;--ds-radius-sm: 8px;--ds-radius-md: 10px;--ds-radius-lg: 16px;--ds-radius-xl: 20px;--ds-sidebar-width: 240px;--ds-topbar-height: 56px;--ds-content-max-width: 960px;--ds-avatar-user-bg: #e8e5df;--ds-avatar-user-text: #6b6b6b;--ds-avatar-org-bg: #c8dbbe;--ds-avatar-org-text: #4a6340}@tailwind base;@tailwind components;@tailwind utilities;:root{--lk-fg: var(--ds-text-secondary);--lk-va-bg: color-mix(in srgb, var(--ds-text-muted) 30%, transparent)}.lk-audio-bar-visualizer{display:flex;align-items:center;justify-content:center;gap:4px}.lk-audio-bar{width:8px;border-radius:4px;background-color:var(--lk-va-bg);transition:height 30ms linear;min-height:8px}.lk-audio-bar.lk-highlighted{background-color:var(--lk-fg)}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ds-text-primary);margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-family:Inter,sans-serif;color:var(--ds-text-primary);font-weight:600}.app-shell{display:flex;flex-direction:column;height:100vh}.app-main{flex:1;min-height:0}.page-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:1.25rem;background-color:var(--ds-bg-page);position:relative}.btn{padding:.75rem 1.5rem;font-size:1rem;font-family:Inter,sans-serif;border:none;border-radius:var(--ds-radius-sm);cursor:pointer;transition:background-color .2s ease}.btn-primary{background-color:var(--ds-btn-primary-bg);color:var(--ds-btn-primary-text)}.btn-primary:hover{background-color:var(--ds-btn-primary-hover)}.btn-secondary{background-color:var(--ds-bg-subtle);color:var(--ds-text-primary)}.btn-secondary:hover{background-color:var(--ds-accent-bg)}.btn-icon{width:3rem;height:3rem;border-radius:50%;border:none;background-color:var(--ds-bg-subtle);color:var(--ds-text-secondary);font-size:1.25rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease,color .2s ease}.btn-icon:hover{background-color:var(--ds-accent-bg)}.btn-icon-hangup:hover,.btn-icon-active{background-color:var(--ds-destructive);color:var(--ds-btn-primary-text)}.btn-icon-active:hover{background-color:var(--ds-destructive-hover);color:var(--ds-btn-primary-text)}.btn-icon-holding{background-color:var(--ds-accent);color:var(--ds-btn-primary-text);animation:pulse-hold 1.5s ease-in-out infinite}.btn-icon-sm{width:2.25rem;height:2.25rem;font-size:1rem}@keyframes pulse-hold{0%,to{box-shadow:0 0 color-mix(in srgb,var(--ds-accent) 40%,transparent)}50%{box-shadow:0 0 0 8px color-mix(in srgb,var(--ds-accent) 0%,transparent)}}.exit-confirmation-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--ds-overlay);display:flex;align-items:center;justify-content:center;z-index:1000}.exit-confirmation-dialog{background-color:var(--ds-bg-card);border-radius:var(--ds-radius-lg);box-shadow:var(--ds-ring);padding:1.5rem;max-width:400px;width:90%;text-align:center}.exit-confirmation-dialog h2{margin:0 0 .5rem;font-size:1.25rem;color:var(--ds-text-primary)}.exit-confirmation-dialog p{margin:0 0 1.5rem;color:var(--ds-text-secondary)}.exit-confirmation-buttons{display:flex;gap:.75rem;justify-content:center}.exit-confirmation-buttons .btn-danger{background-color:var(--ds-destructive);color:var(--ds-btn-primary-text)}.exit-confirmation-buttons .btn-danger:hover{background-color:var(--ds-destructive-hover);color:var(--ds-btn-primary-text)}.icon-hangup{transform:rotate(135deg)}.voicebot-footer{display:flex;flex-direction:column;gap:.5rem;width:100%;margin-top:auto;padding:1.5rem}.voicebot-footer-row{display:flex;align-items:center;justify-content:space-between;width:100%}.voicebot-controls{display:flex;gap:1rem;align-items:center}.voicebot-visualizer-area{position:relative;display:flex;align-items:center;justify-content:center;width:100%}.voicebot-muted-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.875rem;color:var(--ds-text-secondary);background-color:var(--ds-bg-page);white-space:nowrap;z-index:1}.info-tip{display:flex;align-items:baseline;gap:.5rem;font-size:.75rem;color:var(--ds-text-muted)}.info-tip i{flex-shrink:0}.noise-tip{display:flex;align-items:flex-start;gap:.5rem;font-size:.8125rem;line-height:1.4;padding:.5rem .75rem;border-radius:var(--ds-radius-sm)}.noise-tip-icon{flex-shrink:0;margin-top:.125rem}.noise-tip-content{display:flex;flex-direction:column;gap:.125rem}.noise-tip-title{font-weight:600}.noise-tip-action{font-weight:400;opacity:.85}.noise-tip kbd{font-family:inherit;font-weight:600}.noise-tip-good{align-items:center;color:var(--ds-success);background:var(--ds-success-bg);font-weight:500}.noise-tip-caution{color:var(--ds-warning-text);background:var(--ds-warning-bg)}.noise-tip-warning{color:var(--ds-accent);background:var(--ds-accent-bg)}.voicebot-footer .info-tip{width:0;min-width:100%;margin-top:.5rem}.voicebot-with-asset .voicebot-footer{margin-top:0;padding-left:0;padding-right:0}.mic-card{display:flex;flex-direction:column;background:var(--ds-bg-card);padding:1rem;gap:.75rem}.mic-header{display:flex;align-items:center;gap:.75rem}.mic-status-active{color:var(--ds-success)}.mic-status-warmup{color:var(--ds-text-muted)}.mic-status-silent{color:var(--ds-destructive)}.mic-status-muted{color:var(--ds-text-muted)}.mic-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.875rem;font-weight:500;color:var(--ds-text-primary)}.mic-select-trigger{display:flex;align-items:center;gap:.5rem;flex:1;min-width:0;font-family:inherit;font-size:.875rem;font-weight:500;color:var(--ds-text-primary);background:none;outline:none;border:none;padding:0;cursor:pointer;text-align:left}.mic-select-trigger span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mic-select-icon{font-size:.625rem;color:var(--ds-text-muted);flex-shrink:0}.mic-select-content{background:var(--ds-bg-card);border-radius:var(--ds-radius-md);box-shadow:var(--ds-ring);overflow:hidden;z-index:50;min-width:var(--radix-select-trigger-width)}.mic-select-item{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .75rem;font-family:inherit;font-size:.8125rem;color:var(--ds-text-secondary);cursor:pointer;outline:none}.mic-select-item[data-highlighted]{background-color:var(--ds-bg-subtle)}.mic-select-item[data-state=checked]{color:var(--ds-text-primary);font-weight:500}.mic-select-check{color:var(--ds-success);font-size:.75rem}.mic-activity-row{display:flex;align-items:center;gap:.75rem}.mic-muted-hint,.mic-warmup-hint,.mic-silence-hint{flex:1;font-size:.75rem;color:var(--ds-text-muted)}.voicebot-voice-only{justify-content:center;gap:1.25rem}.voicebot-voice-only .voicebot-footer{margin-top:0;align-items:center;width:auto;min-width:18rem;padding:0}.btn-report-issue{background:none;border:none;color:var(--ds-text-secondary);font-family:Inter,sans-serif;font-size:.875rem;cursor:pointer;padding:.5rem .75rem;border-radius:var(--ds-radius-sm);transition:background-color .2s ease;margin-left:auto}.btn-report-issue:hover{background-color:var(--ds-bg-subtle)}.voicebot-voice-only .btn-report-issue{position:fixed;right:1.5rem;bottom:1.5rem}.app-header{display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;height:var(--ds-topbar-height);flex-shrink:0;background:var(--ds-bg-page);z-index:50}.app-logo{display:block;height:1.75rem}.recording-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background-color:var(--ds-bg-subtle);border-radius:var(--ds-radius-sm)}.recording-indicator-icon{width:.75rem;height:.75rem;background-color:var(--ds-destructive);border-radius:50%}.recording-indicator-time{font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;color:var(--ds-text-primary);font-variant-numeric:tabular-nums}.interview-view-container{display:flex;height:100%}.interview-view-asset{padding:1rem;background-color:var(--ds-bg-subtle);flex:3;min-height:0;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--ds-scrollbar) transparent}.interview-view-asset:hover{scrollbar-color:var(--ds-scrollbar-hover) transparent}.interview-view-asset::-webkit-scrollbar{-webkit-appearance:none;width:6px}.interview-view-asset::-webkit-scrollbar-track{background:transparent}.interview-view-asset::-webkit-scrollbar-thumb{background:var(--ds-scrollbar);border-radius:3px}.interview-view-asset:hover::-webkit-scrollbar-thumb{background:var(--ds-scrollbar-hover)}.interview-view-asset::-webkit-scrollbar-thumb:hover{background:var(--ds-scrollbar-active)}.interview-view-asset img{max-width:100%;display:block;margin:0 auto}.interview-view-asset-loading{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-width:100px;min-height:200px}.interview-view-asset-loading .spinner{width:40px;height:40px;border:3px solid var(--ds-bg-subtle);border-top-color:var(--ds-accent);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.interview-view-voice{display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative;min-width:18rem;max-width:32rem;flex-shrink:0}.interview-voice-wrapper{display:flex;flex-direction:column;height:100%}.bot-transcript{flex:1;overflow-y:auto;min-height:0;width:0;min-width:100%;margin-bottom:2rem;padding-top:3rem;mask-image:linear-gradient(to bottom,transparent,black 3rem);-webkit-mask-image:linear-gradient(to bottom,transparent,black 3rem)}.agent-message{padding:1rem 0;font-family:Inter,sans-serif;font-size:1rem;line-height:1.5;color:var(--ds-text-primary);overflow-wrap:break-word;text-align:left}.agent-message+.agent-message{margin-top:1rem}.bot-transcript .agent-message{opacity:.35}.bot-transcript .agent-message:last-child{opacity:1}body.debug{background-color:var(--ds-debug-bg)}body.debug .interview-view-asset{background-color:var(--ds-debug-asset)}body.debug .interview-view-asset::-webkit-scrollbar{background-color:var(--ds-debug-scrollbar)}body.debug .interview-view-voice{background-color:var(--ds-debug-voice)}.voicebot-with-asset{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;padding:1.5rem;overflow:hidden}.voicebot-with-asset .voicebot-main{display:flex;flex-direction:column;align-items:center;flex:1;gap:1rem;min-height:0;min-width:0}.voicebot-with-asset .btn-icon{width:3rem;height:3rem;font-size:1.25rem}.voicebot-with-asset [class*=VoiceVisualizer]{transform:scale(.75);transform-origin:center;flex-shrink:0}.voicebot-with-asset .btn{padding:.5rem 1rem;font-size:.875rem}.progress-bar-container{width:100%;height:10px;background-color:var(--ds-bg-subtle);opacity:0;transition:opacity .3s ease;flex-shrink:0}.progress-bar-container.visible{opacity:1}.progress-bar-fill{height:100%;background-color:var(--ds-accent);transition:width .5s ease;width:0%}.mic-indicator{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:var(--ds-radius-sm);font-family:Inter,sans-serif;font-size:.875rem;font-weight:500}.mic-indicator-idle{background-color:var(--ds-bg-subtle);color:var(--ds-text-secondary)}.mic-indicator-connected{background-color:var(--ds-success-bg);color:var(--ds-success)}.mic-indicator-error{background-color:var(--ds-destructive);color:var(--ds-btn-primary-text)}.setup-card{display:flex;flex-direction:column;width:100%;max-width:28rem;border-radius:var(--ds-radius-md);box-shadow:var(--ds-ring);overflow:hidden}.setup-row{display:flex;align-items:center;gap:.75rem;padding:.875rem 1rem;background:var(--ds-bg-card);border:none;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;color:var(--ds-text-primary);cursor:pointer;transition:background-color .15s ease;text-align:left;width:100%}.setup-row+.setup-row,.mic-card+.setup-row{border-top:1px solid var(--ds-separator)}.setup-row:hover:not(:disabled){background-color:var(--ds-bg-subtle)}.setup-row:disabled{color:var(--ds-text-muted);cursor:default}.setup-row-active{cursor:default}.setup-row-accent{background-color:var(--ds-accent-bg)}.setup-row-accent:hover:not(:disabled){background-color:var(--ds-accent-bg-hover)}.setup-row-accent .setup-row-icon{color:var(--ds-accent)}.setup-row-icon{width:1rem;text-align:center;color:var(--ds-text-secondary);flex-shrink:0}.setup-row-active .setup-row-icon{color:var(--ds-success)}.setup-row-label{flex-shrink:0}.noise-waveform{flex:1;height:1.25rem;display:flex;align-items:center;gap:2px}.noise-waveform-bar{flex:1;min-height:10%;border-radius:1.5px;background-color:var(--ds-success);transition:height .1s linear}.btn:disabled{opacity:.5;cursor:not-allowed}.input-text{padding:.75rem 1rem;font-size:1rem;font-family:Inter,sans-serif;box-shadow:var(--ds-ring-inset);border:none;border-radius:var(--ds-radius-sm);width:100%;max-width:24rem;box-sizing:border-box;background-color:var(--ds-bg-input)}.input-text:focus{outline:none;box-shadow:0 0 0 2px var(--ds-accent)}.input-text:disabled{opacity:.5;cursor:not-allowed}.reward-box{background-color:var(--ds-success-bg);color:var(--ds-success);font-family:Inter,sans-serif;font-size:1.25rem;font-weight:600;padding:1rem 2rem;border-radius:var(--ds-radius-sm);max-width:28rem;text-align:center}.btn-link{background:none;border:none;color:var(--ds-text-secondary);font-family:Inter,sans-serif;font-size:.875rem;cursor:pointer;padding:.5rem;text-decoration:underline;transition:color .2s ease}.btn-link:hover{color:var(--ds-text-primary)}.btn-link:disabled{opacity:.5;cursor:not-allowed}.email-form-inline{display:flex;flex-direction:row;align-items:center;gap:.5rem;width:100%;max-width:28rem}.email-form-inline .input-text{flex:1;max-width:none}.interview-view-panel{flex:1;height:100%;overflow:hidden}.summary-section{max-width:28rem;text-align:left;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--ds-separator)}.summary-heading{font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;color:var(--ds-text-secondary);margin-bottom:1rem;text-align:center}.summary-loading{display:flex;align-items:center;justify-content:center;gap:.75rem;padding:1rem;color:var(--ds-text-secondary);font-size:.875rem}.summary-loading .spinner{width:20px;height:20px;border:2px solid var(--ds-bg-subtle);border-top-color:var(--ds-accent);border-radius:50%;animation:spin 1s linear infinite}.summary-points{list-style:none;padding:0;margin:0}.summary-point{padding:.75rem 0;border-bottom:1px solid var(--ds-separator);font-family:Inter,sans-serif;font-size:.9375rem;line-height:1.5;color:var(--ds-text-primary)}.summary-point:last-child{border-bottom:none}.summary-more{text-align:center;padding-top:.75rem;font-family:Inter,sans-serif;font-size:.875rem;font-style:italic;color:var(--ds-text-secondary)}