:root{--color-background: #ffffff;--color-background-secondary: #f8f8f8;--color-accent-primary: #031a9e;--color-text-primary: #000000;--color-text-secondary: rgba(0, 0, 0, .7);--color-button-secondary-bg: #f5f5f5;--color-button-secondary-bg-hover: #e8e8e8;--color-button-primary-bg-hover: #021578;--color-button-pink-bg: #ffc8c8;--color-button-pink-bg-hover: #ffb0b0;--color-button-pink-icon: #fe8e8e;--color-button-pink-text: rgba(127, 32, 32, .7);--color-tag-green-bg: #ecf9ee;--color-tag-green-text: #066f15;--color-banner-blue-bg: #f5fcff;--color-scrollbar-track: #efefef;--color-scrollbar-thumb: #cbcbcb;--border-radius-container: 1.5em}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--color-text-primary);margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-family:Inter,sans-serif;color:var(--color-text-primary);font-weight:600}.page-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:1.25rem;background-color:var(--color-background);position:relative}.page-container-center{text-align:center}.heading-large{font-size:3rem;font-weight:600;font-family:Inter,sans-serif;color:var(--color-text-primary)}.heading-medium{font-size:2.25rem;font-weight:600;font-family:Inter,sans-serif;color:var(--color-text-primary)}.body-text{font-size:1rem;font-family:Inter,sans-serif;font-weight:500;color:var(--color-text-secondary)}.body-text-large{font-size:1.25rem;font-family:Inter,sans-serif;font-weight:500}.btn{padding:.75rem 1.5rem;font-size:1rem;font-family:Inter,sans-serif;border:none;border-radius:.25rem;cursor:pointer;transition:background-color .2s ease}.btn-primary{background-color:var(--color-accent-primary);color:var(--color-background)}.btn-primary:hover{background-color:var(--color-button-primary-bg-hover)}.btn-secondary{background-color:var(--color-button-secondary-bg);color:var(--color-text-primary)}.btn-secondary:hover{background-color:var(--color-button-secondary-bg-hover)}.btn-icon{width:3rem;height:3rem;border-radius:50%;border:none;background-color:var(--color-button-secondary-bg);color:var(--color-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(--color-button-secondary-bg-hover)}.btn-icon-hangup:hover{background-color:var(--color-button-pink-bg-hover);color:var(--color-button-pink-text)}.btn-icon-active{background-color:var(--color-button-pink-bg);color:var(--color-button-pink-text)}.btn-icon-active:hover{background-color:var(--color-button-pink-bg-hover)}.btn-icon .fa-play{transform:translate(10%)}.voicebot-footer{display:flex;justify-content:space-between;align-items:center;width:100%;margin-top:auto;padding:1.5rem}.voicebot-controls-wrapper{position:relative}.voicebot-controls{display:flex;gap:1rem;align-items:center;margin-right:1rem}.pause-tooltip{position:absolute;bottom:100%;left:0;margin-bottom:.75rem;padding:.75rem 1rem;background-color:#f5fcff;border:1px solid #E6E6E6;border-radius:.75rem;font-size:.875rem;line-height:1.4;color:#1a3a8a;width:max-content;max-width:200px;text-align:left;animation:tooltip-fade-in .3s ease}.pause-tooltip:after{content:"";position:absolute;top:100%;left:1rem;border:8px solid transparent;border-top-color:#f5fcff}.pause-tooltip:before{content:"";position:absolute;top:100%;left:1rem;border:9px solid transparent;border-top-color:#e6e6e6;margin-left:-1px}@keyframes tooltip-fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.voicebot-voice-only{justify-content:center;gap:1.25rem}.voicebot-voice-only .voicebot-footer{margin-top:0;justify-content:center;width:auto;padding:0}.voicebot-voice-only .voicebot-controls{margin-right:0}.voicebot-voice-only .btn-report-issue{position:fixed;right:1.5rem;bottom:1.5rem}.btn-report-issue{background:none;border:none;color:var(--color-text-secondary);font-family:Inter,sans-serif;font-size:.875rem;cursor:pointer;padding:.5rem .75rem;border-radius:.25rem;transition:background-color .2s ease;margin-left:auto}.btn-report-issue:hover{background-color:var(--color-button-secondary-bg)}.recording-indicator{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;background-color:var(--color-button-secondary-bg);border-radius:.5rem}.recording-indicator-fixed{position:fixed;top:1.5rem;right:1.5rem}.recording-indicator-icon{width:.75rem;height:.75rem;background-color:var(--color-button-pink-icon);border-radius:50%}.recording-indicator-time{font-family:Inter,sans-serif;font-size:.875rem;font-weight:500;color:var(--color-text-primary);font-variant-numeric:tabular-nums}.status-valid{color:var(--color-text-primary)}.status-invalid{color:var(--color-accent-primary)}.status-checking{color:var(--color-text-secondary)}.gap-small{gap:1rem}.gap-medium{gap:1.25rem}.gap-large{gap:2rem}.content-narrow{max-width:28rem}.interview-view-container{display:flex}.interview-view-asset{height:100vh;margin:0;padding:var(--border-radius-container);border-radius:0 0 var(--border-radius-container) 0;background-color:var(--color-background-secondary);display:flex;align-items:center;justify-content:center;flex:3}.interview-view-asset-wrapper{max-height:calc(100vh - 2 * var(--border-radius-container));overflow:hidden;border-radius:var(--border-radius-container);position:relative}.interview-view-asset-scroll{max-height:calc(100vh - 2 * var(--border-radius-container));overflow-y:auto;border:none;outline:none}.interview-view-asset-scroll img{width:100%;margin:0;padding:0;border:none;display:block}.interview-view-asset-scroll::-webkit-scrollbar{-webkit-appearance:none;width:8px;background-color:var(--color-scrollbar-track)}.interview-view-asset-scroll::-webkit-scrollbar-track{background-color:var(--color-scrollbar-track)}.interview-view-asset-scroll::-webkit-scrollbar-corner{background-color:var(--color-scrollbar-track)}.interview-view-asset-scroll::-webkit-scrollbar-thumb{border-radius:4px;background-color:var(--color-scrollbar-thumb)}.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(--color-button-secondary-bg);border-top-color:var(--color-accent-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.interview-view-voice{display:flex;flex-direction:column;height:100vh;overflow:hidden;position:relative;max-width:32rem;flex-shrink:0}.interview-voice-wrapper{display:flex;flex-direction:column;height:100vh}.agent-message{padding:1rem 0;font-family:Inter,sans-serif;font-size:1rem;line-height:1.5;color:var(--color-text-primary);overflow-wrap:break-word;text-align:left;width:0;min-width:100%}body.debug{background-color:orange}body.debug .interview-view-asset{background-color:salmon}body.debug .interview-view-asset-wrapper{background-color:#90ee90}body.debug .interview-view-asset-scroll::-webkit-scrollbar{background-color:#f0f}body.debug .interview-view-voice{background-color:#0ff}@media (max-width: 1024px){.interview-view-container{grid-template-columns:1fr;grid-template-rows:1fr auto}.interview-view-asset{border-radius:0 0 2rem 2rem}.interview-view-asset-scroll{max-height:60vh}}.voicebot-with-asset{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0;padding:var(--border-radius-container);overflow:hidden}.voicebot-with-asset .voicebot-header{display:flex;justify-content:flex-end}.voicebot-with-asset .voicebot-main{display:flex;flex-direction:column;align-items:center;flex:1;gap:1rem;min-width:0}.voicebot-with-asset .voicebot-footer{margin-top: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}.voicebot-with-asset .btn{padding:.5rem 1rem;font-size:.875rem}.progress-bar-container{width:100%;height:10px;background-color:var(--color-button-secondary-bg);opacity:0;transition:opacity .3s ease;flex-shrink:0}.progress-bar-container.visible{opacity:1}.progress-bar-fill{height:100%;background-color:var(--color-accent-primary);transition:width .5s ease;width:0%}.mic-indicator{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:.5rem;font-family:Inter,sans-serif;font-size:.875rem;font-weight:500}.mic-indicator-idle{background-color:var(--color-button-secondary-bg);color:var(--color-text-secondary)}.mic-indicator-connected{background-color:var(--color-tag-green-bg);color:var(--color-tag-green-text)}.mic-indicator-error{background-color:var(--color-button-pink-bg);color:var(--color-button-pink-text)}.btn:disabled{opacity:.5;cursor:not-allowed}.input-text{padding:.75rem 1rem;font-size:1rem;font-family:Inter,sans-serif;border:1px solid var(--color-button-secondary-bg-hover);border-radius:.25rem;width:100%;max-width:24rem;box-sizing:border-box}.input-text:focus{outline:none;border-color:var(--color-accent-primary)}.input-text: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}.figma-panel{width:100%;height:100vh;overflow:hidden}.figma-iframe{width:100%;height:100%;border:none}.interview-view-figma{flex:1;height:100vh;overflow:hidden}