.avatar-app{--page: #e8eef0;--surface: #f8fbfc;--surface-raised: #edf3f5;--input: #fff;--line: #aebdc2;--line-soft: #d6e0e3;--text: #17292f;--muted: #60747b;--accent: #2386a2;--accent-strong: #176b87;--accent-text: #fff;--secondary: #dce6e9;--user: #176b87;--assistant: #177266;--control-radius: 4px;width:100%;min-height:100vh;overflow-x:hidden;display:grid;grid-template-rows:auto minmax(0,1fr);color:var(--text);background:var(--page)}.app-header{min-width:0;min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:10px clamp(16px,3vw,40px);border-bottom:1px solid var(--line);border-top:4px solid var(--accent);background:var(--surface)}.app-identity{min-width:max-content;display:flex;align-items:center;gap:11px}.app-identity__mark{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:var(--control-radius);color:var(--accent-text);background:var(--accent)}.app-identity__mark svg,.section-heading>svg{width:22px;height:22px}.app-identity p,.section-heading p,.chat-header p,.chat-header h1,.section-heading h2,.transcript h2,.message p,.empty-conversation p,.empty-conversation span{margin:0}.app-identity__name{color:var(--text);font-size:.95rem;font-weight:760}.app-identity__context{margin-top:1px;color:var(--muted);font-size:.72rem}.interview-workspace{min-width:0;min-height:0;display:grid;grid-template-columns:minmax(420px,1.35fr) minmax(420px,.9fr);gap:18px;padding:18px}.avatar-stage{position:sticky;top:0;min-width:0;min-height:600px;height:calc(100vh - 108px);overflow:hidden;border:1px solid var(--line);border-radius:6px;background:#202526}.avatar-stage--fullscreen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;width:100vw;height:100vh;min-height:0;border:0}.avatar-stage__toolbar{position:absolute;top:16px;right:16px;left:16px;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:12px;pointer-events:none}.avatar-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:8;display:grid;place-content:center;justify-items:center;gap:12px;color:#fff;font-size:.82rem;font-weight:650;background:#202526}.avatar-loading__spinner{width:38px;height:38px;border:3px solid rgb(255 255 255 / 24%);border-top-color:#75dbc8;border-radius:50%;animation:avatar-loading-spin .8s linear infinite}@keyframes avatar-loading-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.avatar-loading__spinner{animation-duration:1.8s}}.avatar-stage__status{display:inline-flex;align-items:center;gap:8px;min-height:34px;border:1px solid rgb(255 255 255 / 30%);border-radius:var(--control-radius);padding:6px 10px;color:#fff;font-size:.75rem;font-weight:650;background:#0e1213c7}.status-dot{width:7px;height:7px;border-radius:50%;background:#75dbc8;box-shadow:0 0 0 3px #75dbc833}.icon-button{width:38px;height:38px;flex:0 0 auto;display:inline-grid;place-items:center;padding:0;border:1px solid rgb(255 255 255 / 35%);border-radius:var(--control-radius);color:#fff;background:#0e1213c7;pointer-events:auto}.icon-button svg{width:21px;height:21px}.icon-button:hover{background:#2f3839f5}.icon-button--surface{border-color:var(--line);color:var(--text);background:var(--surface-raised)}.icon-button--surface:hover{background:var(--secondary)}.chat-panel{min-width:0;min-height:600px;height:calc(100vh - 108px);overflow:hidden;display:grid;grid-template-rows:auto auto minmax(220px,1fr) auto;border:1px solid var(--line);border-radius:6px;background:var(--surface)}.chat-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 24px 18px;border-bottom:1px solid var(--line-soft)}.chat-header__eyebrow{color:var(--accent);font-size:.7rem;font-weight:750;text-transform:uppercase}.chat-header h1{margin-top:3px;color:var(--text);font-size:1.15rem;line-height:1.25}.interview-setup{padding:16px 24px 18px;border-bottom:1px solid var(--line-soft);background:var(--surface-raised)}.section-heading{display:flex;align-items:center;gap:9px;margin-bottom:14px;color:var(--accent)}.section-heading h2{color:var(--text);font-size:.86rem}.section-heading p{margin-top:2px;color:var(--muted);font-size:.7rem}.setup-fields{display:grid;gap:13px}.field,.composer__field{min-width:0;display:grid;gap:6px}.field__label,.tone-picker legend{color:var(--muted);font-size:.72rem;font-weight:680}.field input,.composer textarea{width:100%;border:1px solid var(--line);border-radius:var(--control-radius);padding:10px 11px;color:var(--text);background:var(--input)}.field input::placeholder,.composer textarea::placeholder{color:var(--muted);opacity:.72}.field input:focus,.composer textarea:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:transparent}.tone-picker{min-width:0;margin:0;padding:0;border:0}.tone-picker__options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:6px}.tone-option{position:relative;min-width:0;cursor:pointer}.tone-option input{position:absolute;opacity:0}.tone-option span{display:block;width:100%;padding:7px 6px;border:1px solid var(--line);border-radius:var(--control-radius);overflow:hidden;color:var(--text);font-size:.75rem;text-align:center;text-overflow:ellipsis;white-space:nowrap;background:var(--surface)}.tone-option input:checked+span{border-color:var(--accent-strong);color:var(--accent-text);background:var(--accent)}.tone-option input:focus-visible+span{outline:2px solid var(--text);outline-offset:2px}.transcript{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);padding:16px 24px 0;background:var(--surface)}.transcript__heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.transcript h2{color:var(--text);font-size:.82rem}.transcript__heading span{color:var(--muted);font-size:.68rem}.transcript__messages{min-height:210px;overflow-y:auto;padding:4px 3px 18px;overscroll-behavior:contain}.empty-conversation{height:100%;min-height:190px;display:grid;place-content:center;justify-items:center;padding:28px;color:var(--muted);text-align:center}.empty-conversation svg{width:34px;height:34px;margin-bottom:12px;color:var(--accent)}.empty-conversation p{color:var(--text);font-size:.84rem;font-weight:700}.empty-conversation span{max-width:260px;margin-top:4px;font-size:.72rem;line-height:1.45}.message{max-width:88%;display:grid;gap:4px;margin-bottom:12px}.message strong{color:var(--user);font-size:.68rem}.message p{border:1px solid var(--line-soft);border-radius:var(--control-radius);padding:10px 12px;color:var(--text);font-size:.82rem;line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere;background:var(--surface-raised)}.message--assistant{margin-left:auto}.message--assistant strong{color:var(--assistant);text-align:right}.message--assistant p{border-color:var(--line);background:var(--input)}.composer{position:sticky;bottom:0;z-index:4;display:grid;gap:10px;padding:14px 24px 20px;border-top:1px solid var(--line);background:var(--surface)}.composer textarea{min-height:76px;max-height:180px;resize:vertical}.composer__actions{display:grid;grid-template-columns:auto minmax(150px,1fr);gap:8px}.action-button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:var(--control-radius);padding:8px 13px;font-weight:750}.action-button svg{flex:0 0 auto;width:19px;height:19px}.action-button--primary{color:var(--accent-text);border-color:var(--accent-strong);background:var(--accent)}.action-button--primary:hover{background:var(--accent-strong)}.action-button--secondary{color:var(--text);border-color:var(--line);background:var(--secondary)}.action-button:disabled{cursor:not-allowed;opacity:.45}@media (max-width: 1080px){.interview-workspace{grid-template-columns:minmax(360px,1fr) minmax(390px,.9fr)}}@media (max-width: 820px){.avatar-app{display:block}.app-header{position:sticky;top:0;z-index:30;min-height:60px}.app-identity__context{display:none}.interview-workspace{display:block;padding:0}.avatar-stage{position:relative;top:auto;width:100%;height:clamp(330px,46vh,470px);min-height:330px;margin:0;border:0;border-bottom:1px solid var(--line);border-radius:0}.avatar-stage__toolbar{top:12px;right:12px;left:12px}.chat-panel{min-height:0;height:auto;display:block;border:0;border-radius:0}.chat-header{padding:18px 18px 14px}.interview-setup{padding:14px 18px 16px}.setup-fields{grid-template-columns:minmax(0,1fr)}.transcript{min-height:260px;display:block;padding:16px 18px 4px}.transcript__messages{min-height:230px;max-height:46vh}.empty-conversation{min-height:220px}.composer{padding:14px 18px max(18px,env(safe-area-inset-bottom))}}@media (max-width: 600px){.app-header{padding-right:10px;padding-left:10px}.app-identity__name{font-size:.78rem}.app-identity__mark{display:none}.avatar-stage{height:42vh;min-height:300px;max-height:390px}.avatar-stage__status{font-size:.68rem}.chat-header h1{font-size:1rem}.tone-picker__options{grid-template-columns:repeat(2,minmax(0,1fr))}.transcript__messages{max-height:52vh}.composer__actions{grid-template-columns:42px minmax(0,1fr)}.stop-button{width:42px;padding:0}.stop-button span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%)}}:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f4f7f7;background:#15191a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{min-width:320px;min-height:100%;background:#15191a}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible{outline:2px solid #fff;outline-offset:2px}