.vi-banner{background:#0f2044;color:#fff;text-align:center;border-radius:18px;padding:36px 24px}.vi-banner img{display:block;width:124px;height:124px;object-fit:cover;border:3px solid #e9cc80;border-radius:50%;margin:0 auto 20px}.vi-banner .eyebrow{color:#f7e3a8}.vi-banner h1{font:700 clamp(32px,4vw,60px)/1.08 Georgia,serif;margin:14px 0}.vi-card{max-width:760px;margin:28px auto;padding:30px;border:1px solid #cfd8e6;border-radius:16px;background:white;color:#0f2044}.vi-card>h2,.vi-card>p{text-align:center}.vi-card p{line-height:1.6}.vi-card small{display:block;line-height:1.5;color:#46536a;text-align:center}.vi-modes{display:flex;gap:16px;margin:24px 0}.vi-modes button{flex:1}.vi-gold{background:linear-gradient(112deg,#9d7115 0%,#d4a936 18%,#f7e3a8 38%,#c7951f 58%,#f3d989 77%,#9b6d11 100%)!important;color:#061a37!important}.vi-card label{display:block;font-weight:700;margin:14px 0 7px}.vi-card textarea,.vi-card input{box-sizing:border-box;width:100%;border:1px solid #aebed4;border-radius:8px;padding:12px;font:inherit;background:#fff;color:#0f2044}.vi-card form button{margin-top:18px}.vi-start{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:24px 0;padding:24px 0;border-bottom:1px solid #cfd8e6}.vi-start h2{font-size:24px;margin:0 0 8px}.vi-start p{margin:0;line-height:1.5}.vi-start button{flex-shrink:0}#vi-transcript p{padding:16px;border-left:3px solid #d4a936;background:#f6f8fc;white-space:pre-wrap;overflow-wrap:anywhere}.vi-card [hidden]{display:none!important}@media(max-width:720px){.vi-modes,.vi-start{flex-direction:column;align-items:stretch}.vi-card{padding:20px}.vi-banner{padding:26px 18px}}
.workspace #resume-interview{padding:0 0 40px;background:#f4f7fc}.vi-preview-strip{background:#dcc184;color:#0f2044;text-align:center;padding:7px 14px;font-size:12px;font-weight:600;letter-spacing:.04em}#resume-interview .vi-banner{border-radius:0;padding:38px 24px 30px}#resume-interview .vi-banner img{width:168px;height:168px;margin-bottom:26px}#resume-interview .vi-banner h1{font-family:Inter,Arial,sans-serif;font-size:28px;line-height:1.25;letter-spacing:.05em;margin:0 0 16px}#resume-interview .vi-banner .eyebrow{font-size:12px;font-weight:500;letter-spacing:.14em}#resume-interview .vi-banner p{font-size:14px;margin:16px 0 0}#resume-interview .vi-card{box-sizing:border-box;width:calc(100% - 48px);max-width:720px;padding:28px 24px;margin:26px auto;box-shadow:0 12px 34px #0f204410}.vi-card-avatar{display:block;width:168px;height:168px;object-fit:cover;border:3px solid #dcc184;border-radius:50%;margin:0 auto 26px;box-shadow:0 12px 28px #0f204430}#resume-interview .vi-card>h2{font-family:Inter,Arial,sans-serif;font-size:24px;margin:0 0 6px}#resume-interview .vi-role{font-size:14px;color:#526784;margin:0}.vi-ai-badge{display:table;margin:12px auto 22px;padding:5px 14px;border-radius:20px;background:#eef2f8;color:#526784;font-size:11px;letter-spacing:.1em;font-weight:700}.vi-greeting{background:#eef3ff;border-radius:12px;padding:18px;text-align:left;line-height:1.7;font-size:14px}#resume-interview .vi-modes{margin:18px 0 12px;gap:12px}#resume-interview .vi-modes button{min-height:52px;border-radius:11px;font-size:14px}@media(max-width:600px){#resume-interview .vi-card{width:calc(100% - 24px);padding:22px 16px}#resume-interview .vi-banner h1{font-size:24px}}
