:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#172033;background:#eef3f9;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea{font:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #73a5ff;outline-offset:2px}.portal-shell{min-height:100vh;padding:28px clamp(18px,4vw,60px);display:grid;grid-template-rows:auto 1fr auto;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-weight:750;letter-spacing:-.02em}.brand-mark{width:34px;height:34px;display:grid;place-items:center;color:#fff;background:#2259bd;border-radius:10px}.interview-card{width:min(1060px,100%);margin:auto;display:grid;grid-template-columns:minmax(260px,.82fr) minmax(320px,1.18fr);overflow:hidden;background:#fff;border:1px solid #dbe5f1;border-radius:28px;box-shadow:0 24px 70px #223d6121}.portrait-wrap{position:relative;min-height:590px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 36%,#f5fbff,#dbe8fa 70%)}.portrait-wrap img{width:min(90%,440px);height:auto;filter:drop-shadow(0 24px 28px rgba(40,78,134,.16))}.ai-label{position:absolute;left:24px;bottom:24px;display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(255,255,255,.75);border-radius:99px;color:#14305f;background:#ffffffd6;backdrop-filter:blur(10px);font-size:13px;font-weight:700}.ai-label span{width:8px;height:8px;background:#2f9e7b;border-radius:50%}.content{padding:clamp(30px,5vw,62px);align-self:center}.eyebrow{margin:0 0 8px;color:#245aba;text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:800}h1{margin:0 0 18px;font-size:clamp(34px,5vw,52px);line-height:1.03;letter-spacing:-.045em}h2{margin:0 0 10px;font-size:22px}p,li{line-height:1.6;color:#4a566b}label{display:block;margin:22px 0 8px;font-size:14px;font-weight:750}input{width:100%;min-height:48px;padding:11px 13px;border:1px solid #aebdd0;border-radius:10px;color:#172033;background:#fff}textarea{width:100%;resize:vertical;padding:13px;border:1px solid #aebdd0;border-radius:10px;color:#172033;background:#fff;line-height:1.55}button{min-height:46px;display:inline-flex;justify-content:center;align-items:center;gap:8px;margin-top:18px;padding:11px 18px;border:0;border-radius:11px;color:#fff;background:#2259bd;font-weight:750;cursor:pointer}button:hover:not(:disabled){background:#17479f}button:disabled{opacity:.55;cursor:not-allowed}button.secondary{color:#21406f;background:#e8f0fb}button.text-button{margin-top:18px;border:0;padding:8px 0;color:#66738a;background:transparent;box-shadow:none;text-decoration:underline;text-underline-offset:3px}button.text-button:hover:not(:disabled){color:#172033;background:transparent}.button-row{display:flex;gap:10px;flex-wrap:wrap}.notice{padding:20px;border:1px solid #ccdbed;border-radius:14px;background:#f6f9fd}.notice ul{margin:8px 0 0;padding-left:20px}.notice.success{border-color:#a7ddc9;background:#effaf6}.notice.error{border-color:#f1b3b3;background:#fff5f5}.error-text{color:#a22b2b}.voice-interview{display:grid;gap:18px}.connection-state{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:10px 12px;border:1px solid #c7d5e7;border-radius:10px;color:#405069;background:#f7fafe;font-size:13px;text-transform:capitalize}.connection-state strong{color:#172033;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-variant-numeric:tabular-nums}.connection-state--connected{border-color:#91d4bd;color:#17664e;background:#effaf6}.connection-state--attention{border-color:#e6aaaa;color:#8f2a2a;background:#fff5f5}.audio-wave{height:92px;display:flex;align-items:center;justify-content:center;gap:5px;padding:14px;border-radius:16px;background:linear-gradient(135deg,#edf4ff,#f7fbff);overflow:hidden}.audio-wave span{width:5px;height:22%;border-radius:99px;background:#3270d4;animation:voice-wave 1.05s ease-in-out infinite alternate}.audio-wave span:nth-child(3n){height:70%;animation-delay:-.42s}.audio-wave span:nth-child(4n){height:42%;animation-delay:-.75s}.audio-wave span:nth-child(5n){height:88%;animation-delay:-.2s}@keyframes voice-wave{0%{transform:scaleY(.5);opacity:.55}to{transform:scaleY(1.15);opacity:1}}.listening{display:flex;align-items:center;gap:8px}.transcript-note{text-align:center}.customer-message span{color:#245aba;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.withdraw-panel{margin-top:8px;padding-top:10px;border-top:1px solid #e2e9f2}.withdraw-panel summary{width:fit-content;color:#66738a;cursor:pointer;font-size:13px}button.danger-button{color:#8b2424;background:#fdeaea}button.danger-button:hover:not(:disabled){background:#f8d6d6}.written-task{display:grid}.customer-message{margin:8px 0 2px;padding:16px;border-left:4px solid #4b7dd2;border-radius:8px;background:#f3f7fd}.customer-message p{margin:6px 0 0}.count{margin-top:6px;color:#66738a;text-align:right;font-size:12px;font-variant-numeric:tabular-nums}.trust-row{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px;padding-top:20px;border-top:1px solid #e2e9f2;color:#66738a;font-size:12px}.trust-row span{display:inline-flex;align-items:center;gap:5px}footer{text-align:center;color:#66738a;font-size:13px}@media(max-width:760px){.portal-shell{padding:16px}.interview-card{grid-template-columns:1fr;border-radius:20px}.portrait-wrap{min-height:280px}.portrait-wrap img{width:min(72%,300px)}.content{padding:28px 22px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media(prefers-color-scheme:dark){:root{color:#eef4ff;background:#0c1422}.interview-card{background:#141f31;border-color:#2e3d54}.portrait-wrap{background:radial-gradient(circle at 50% 36%,#263c5a,#111b2b 72%)}.content p,.content li{color:#b8c5d8}input,textarea{color:#eef4ff;background:#0f1929;border-color:#52647e}.notice,.connection-state,.customer-message{background:#17263a;border-color:#3a526e}.notice.success,.connection-state--connected{background:#123229;border-color:#2f6957}.notice.error,.connection-state--attention{background:#351c22;border-color:#77414d}.audio-wave{background:linear-gradient(135deg,#182b45,#132137)}.connection-state strong{color:#eef4ff}.text-button{color:#9cadc3}button.text-button:hover:not(:disabled){color:#eef4ff}.trust-row,.withdraw-panel{border-color:#2e3d54;color:#9cadc3}footer{color:#9cadc3}}