:root{--ink:#1e201d;--paper:#f5f1e9;--paper-2:#ece7dd;--line:#d8d0c4;--muted:#807a70;--accent:#e87d44;--accent-deep:#bd5426;--mint:#9ac9a8;--white:#fffdf9;--mono:'DM Mono',monospace;--sans:'Noto Sans SC',sans-serif;--display:'Playfair Display',serif}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:14px}button,input,select{font:inherit}button{cursor:pointer;border:0}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-shell{min-height:100vh;background:radial-gradient(circle at 92% 8%,rgba(232,125,68,.12),transparent 32%),var(--paper)}.topbar{height:74px;background:var(--ink);color:var(--paper);display:flex;align-items:center;justify-content:space-between;padding:0 34px 0 30px}.brand-lockup{display:flex;align-items:center;gap:12px}.brand-mark{width:31px;height:31px;display:flex;align-items:center;gap:3px;border:1px solid rgba(245,241,233,.5);padding:6px}.brand-mark span{display:block;width:4px;background:var(--accent);height:100%}.brand-mark span:nth-child(2){height:68%;background:var(--paper)}.brand-mark span:nth-child(3){height:45%;background:var(--mint)}.brand-name{font-weight:800;letter-spacing:.08em;font-size:16px}.brand-name em{font:500 9px var(--mono);font-style:normal;color:#9f9b91;margin-left:7px;letter-spacing:.16em}.brand-sub{font:11px var(--mono);color:#aaa49a;margin-top:3px}.topbar-meta{display:flex;align-items:center;gap:20px}.session-code{font:10px var(--mono);color:#b7b1a8;letter-spacing:.07em}.status-dot,.coach-pulse i,.signal-live i{width:6px;height:6px;border-radius:50%;background:var(--mint);display:inline-block;box-shadow:0 0 0 3px rgba(154,201,168,.12);margin-right:7px}.icon-button{background:transparent;color:#c5bfb5;font-size:18px}.avatar,.profile-photo{background:var(--accent);color:var(--ink);display:grid;place-items:center;font-weight:900;border-radius:50%}.avatar{width:30px;height:30px;font-size:13px}.workspace{display:grid;grid-template-columns:235px minmax(0,1fr);min-height:calc(100vh - 74px)}.sidebar{background:#eae5dc;border-right:1px solid var(--line);padding:34px 22px 17px;display:flex;flex-direction:column}.sidebar-label,.eyebrow,.settings-kicker{font:500 10px var(--mono);letter-spacing:.12em;color:var(--muted);text-transform:uppercase}.side-nav{margin-top:20px;display:grid;gap:4px}.nav-item{height:45px;background:transparent;text-align:left;padding:0 12px;display:flex;align-items:center;gap:12px;color:#756f65;border-left:2px solid transparent}.nav-item.active{color:var(--ink);border-left-color:var(--accent);background:rgba(255,253,249,.54);font-weight:700}.nav-index{font:10px var(--mono);color:#a8a096;width:19px}.nav-arrow{margin-left:auto;font-size:16px;opacity:0;transition:.2s}.nav-item:hover .nav-arrow,.nav-item.active .nav-arrow{opacity:1}.sidebar-spacer{flex:1}.profile-mini{background:var(--white);border:1px solid var(--line);padding:16px 14px;margin:20px 0}.profile-mini-top{display:flex;gap:10px;align-items:center}.profile-photo{width:35px;height:35px;font-size:13px}.profile-mini strong,.profile-mini span{display:block}.profile-mini strong{font-size:13px}.profile-mini-top span{font-size:11px;color:var(--muted);margin-top:2px}.profile-progress{margin-top:16px}.profile-progress>div:first-child{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-bottom:8px}.profile-progress b{font:500 10px var(--mono);color:var(--ink)}.progress-track,.metric-track,.signal-track{height:4px;background:#e6ded1;overflow:hidden}.progress-track i,.metric-track i,.signal-track i{display:block;background:var(--accent);height:100%}.progress-track i{width:68%}.text-button{padding:15px 0 0;background:transparent;color:var(--ink);font-size:11px;text-align:left}.text-button span{float:right;color:var(--accent-deep);font-size:16px}.sidebar-footer{font:9px var(--mono);color:#a29b91;display:flex;justify-content:space-between}.main-panel{padding:40px 44px 54px;min-width:0}.view{display:none;animation:fadeUp .4s ease both}.view.is-visible{display:block}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:31px}.page-heading h1{font-size:42px;line-height:1.15;letter-spacing:-.04em;margin:10px 0 10px;font-weight:900}.page-heading h1 i{font-family:var(--display);font-style:italic;color:var(--accent-deep);font-weight:700}.page-heading p{color:var(--muted);margin:0;line-height:1.8}.heading-tools{display:flex;align-items:flex-end;gap:23px}.quiet-button,.secondary-button{border:1px solid var(--line);background:transparent;color:var(--ink);padding:11px 15px}.quiet-button:hover,.secondary-button:hover{border-color:var(--ink)}.date-note{font:10px var(--mono);color:#8e887e;line-height:1.7}.date-note span{font-family:var(--sans)}.interview-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.9fr);gap:17px}.video-stage{background:var(--ink);padding:17px 17px 14px;color:var(--paper);min-height:483px}.video-topline{display:flex;justify-content:space-between;align-items:center;font:10px var(--mono);color:#b8b1a6;margin-bottom:13px}.live-label i{width:6px;height:6px;border-radius:50%;background:#ef9d62;display:inline-block;margin-right:7px;box-shadow:0 0 0 3px rgba(239,157,98,.12)}.elapsed{letter-spacing:.15em}.video-canvas{height:370px;background:#2a2d27;position:relative;overflow:hidden}.canvas-grid{position:absolute;inset:0;opacity:.24;background-image:linear-gradient(rgba(245,241,233,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(245,241,233,.07) 1px,transparent 1px);background-size:42px 42px}.candidate-frame{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);text-align:center}.camera-glow{position:absolute;width:245px;height:245px;left:50%;top:-25px;transform:translateX(-50%);background:radial-gradient(circle,rgba(232,125,68,.28),transparent 66%);filter:blur(12px)}.candidate-avatar{position:relative;width:122px;height:122px;border-radius:50%;display:grid;place-items:center;background:#b4603b;color:#171914;font-size:45px;font-weight:900;margin:auto;border:2px solid rgba(245,241,233,.65);box-shadow:0 0 0 8px rgba(232,125,68,.14)}.candidate-name{font-weight:700;margin-top:17px;font-size:14px}.candidate-role{font:10px var(--mono);color:#a9a79e;margin-top:4px}.ai-caption{position:absolute;left:18px;right:18px;bottom:17px;background:rgba(25,27,23,.8);border-left:2px solid var(--accent);padding:10px 12px;font-size:12px;display:flex;gap:11px;align-items:flex-start}.caption-label{font:10px var(--mono);color:var(--accent);white-space:nowrap}.video-badges{position:absolute;right:14px;top:13px;display:flex;gap:7px}.video-badges span{background:rgba(25,27,23,.72);font:9px var(--mono);padding:5px 7px;color:#d5d0c6}.video-controls{display:flex;align-items:center;gap:9px;padding-top:14px}.control-button{color:#c9c3b9;background:#2b2e28;border:1px solid #40433c;padding:8px 11px;font-size:11px}.control-button.off{color:#e58b56;border-color:#9a5535}.control-button span{font-size:12px;margin-right:5px}.end-button{margin-left:auto;background:#b94d2d;color:var(--white);padding:9px 13px;font-size:11px}.coach-panel{background:var(--white);border:1px solid var(--line);min-height:483px;padding:22px 20px 17px;display:flex;flex-direction:column}.coach-header{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:17px}.coach-header h2{margin:7px 0 0;font-size:22px}.coach-pulse{font:10px var(--mono);color:#5f9074}.question-card{padding:19px 0 17px;border-bottom:1px solid var(--line)}.question-meta{display:flex;justify-content:space-between;font:10px var(--mono);color:var(--muted)}.question-type{color:var(--accent-deep);font-family:var(--sans)}.question-card p{font-size:17px;line-height:1.65;margin:14px 0 14px;font-weight:600;letter-spacing:-.02em}.question-hint{font-size:10px;color:var(--muted)}.question-hint b{color:var(--ink);font-weight:600}.transcript{flex:1;min-height:130px;padding-top:16px}.transcript-label{font:10px var(--mono);color:var(--muted)}.transcript-label span{color:#5f9074;margin-left:6px}.empty-transcript{text-align:center;color:#aaa298;padding:27px 0}.empty-transcript p{line-height:1.8;margin:10px 0 0;font-size:11px}.empty-transcript small{font-size:10px;color:#bbb3a8}.voice-wave{display:flex;justify-content:center;align-items:center;gap:3px;height:24px}.voice-wave i{display:block;width:3px;height:9px;background:var(--accent);animation:wave 1s ease-in-out infinite}.voice-wave i:nth-child(2){height:15px;animation-delay:.1s}.voice-wave i:nth-child(3){height:22px;animation-delay:.2s}.voice-wave i:nth-child(4){height:14px;animation-delay:.3s}.voice-wave i:nth-child(5){height:8px;animation-delay:.4s}.coach-footer{display:flex;gap:9px}.primary-button{background:var(--ink);color:var(--paper);padding:12px 17px;font-weight:600;letter-spacing:.02em}.primary-button:hover{background:#33372f}.secondary-button{font-size:11px}.coach-footer .primary-button{flex:1}.coach-footer .secondary-button{white-space:nowrap}.button-icon{color:var(--accent);font-size:10px;margin-right:6px}.below-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:17px;margin-top:17px}.focus-strip,.signal-strip{border-top:2px solid var(--ink);padding-top:13px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:10px}.strip-title,.signal-title{font-size:11px;font-weight:700}.strip-title b{display:block;font:10px var(--mono);font-weight:400;color:var(--muted);margin-top:7px}.focus-item{display:flex;gap:7px}.focus-check{font-size:14px;color:var(--accent-deep)}.focus-check.muted{color:#c5beb4}.focus-item strong,.focus-item small{display:block}.focus-item strong{font-size:11px}.focus-item small{color:var(--muted);font-size:10px;line-height:1.5;margin-top:5px}.signal-strip{display:block}.signal-title{display:flex;justify-content:space-between;margin-bottom:15px}.signal-live{font:9px var(--mono);font-weight:400;color:#5f9074}.signal-bars>div{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:8px}.signal-bars b{font:10px var(--mono);color:var(--ink)}.signal-track{margin-top:5px}.signal-track i{background:var(--mint)}.compact{align-items:center}.compact h1{font-size:39px}.resume-board{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:17px}.resume-paper{background:var(--white);border:1px solid var(--line);padding:33px 39px;min-height:550px}.paper-kicker{font:10px var(--mono);color:var(--muted);letter-spacing:.1em}.resume-paper h2{font-size:38px;margin:35px 0 3px}.paper-role{margin:0;color:var(--accent-deep)}.paper-line{height:1px;background:var(--ink);margin:27px 0 22px}.resume-paper h3{font-size:11px;text-transform:uppercase;letter-spacing:.1em;margin:22px 0 8px}.resume-paper>p{font-size:12px;line-height:1.8;max-width:600px;color:#5d5850}.experience{border-top:1px solid var(--line);padding:14px 0}.experience>div{display:flex;justify-content:space-between}.experience b{font-size:12px}.experience span{font:10px var(--mono);color:var(--muted)}.experience p{font-size:11px;color:#716a61;line-height:1.7;margin:8px 0}.resume-insights{background:#eae5dc;padding:26px 24px;min-height:360px}.insight-head{display:flex;justify-content:space-between;font-size:11px;font-weight:700}.tag{font:9px var(--mono);padding:4px 6px;border:1px solid currentColor}.tag.green{color:#4f805f}.tags{display:flex;flex-wrap:wrap;gap:7px;margin:17px 0 31px}.tags span{border:1px solid #c8c0b4;padding:6px 8px;font-size:11px}.insight-head.second{border-top:1px solid #c8c0b4;padding-top:18px}.insight-head.second span:last-child{font:10px var(--mono);font-weight:400;color:var(--muted)}.resume-insights ol{margin:15px 0;padding-left:20px;color:#5f5a51;font-size:11px;line-height:2}.report-summary{background:var(--ink);color:var(--paper);display:flex;gap:38px;padding:34px 39px;align-items:center}.score-orb{width:160px;height:160px;border:1px solid rgba(245,241,233,.5);border-radius:50%;display:grid;place-items:center;flex:none;position:relative}.score-orb:before{content:"";position:absolute;inset:7px;border:5px solid var(--accent);border-left-color:transparent;border-bottom-color:transparent;border-radius:50%;transform:rotate(-30deg)}.score-orb>div{text-align:center}.score-orb strong{font:700 42px var(--display);color:var(--accent)}.score-orb span{font:11px var(--mono);color:#aaa49a}.score-orb small{position:absolute;bottom:28px;font-size:10px;color:#bcb6ab}.report-copy{max-width:660px}.report-copy h2{font-size:24px;margin:13px 0 9px}.report-copy p{color:#bdb7ad;line-height:1.8;margin:0;font-size:12px}.report-meta{display:flex;gap:18px;margin-top:19px;color:#8e8980;font:10px var(--mono)}.report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin:17px 0}.metric-card{background:var(--white);border:1px solid var(--line);padding:20px}.metric-card>span{font-size:11px}.metric-card strong{display:block;font:700 34px var(--display);margin:14px 0 12px}.metric-track{height:5px}.metric-track i{background:var(--mint)}.metric-track.warn i{background:var(--accent)}.metric-card small{display:block;color:var(--muted);font-size:10px;margin-top:10px}.report-notes{border-top:2px solid var(--ink);padding-top:20px;display:grid;grid-template-columns:1fr 2fr;gap:30px}.report-notes h3{margin:9px 0;font-size:18px}.report-notes ul{list-style:none;padding:0;margin:0;display:grid;gap:13px}.report-notes li{display:flex;gap:14px;border-bottom:1px solid var(--line);padding-bottom:12px;font-size:12px}.report-notes li b{font:10px var(--mono);color:var(--accent-deep)}.modal-backdrop{position:fixed;inset:0;background:rgba(20,21,18,.72);display:none;align-items:center;justify-content:center;z-index:10;padding:20px}.modal-backdrop.is-open{display:flex}.settings-modal{background:var(--paper);width:min(480px,100%);padding:27px 27px 25px;box-shadow:0 25px 80px rgba(0,0,0,.28);animation:pop .25s ease both}.settings-head{display:flex;justify-content:space-between;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:18px}.settings-head>div{display:flex;gap:11px;align-items:flex-start}.robot-mark{background:var(--accent);width:28px;height:28px;display:grid;place-items:center;color:var(--ink);font-size:16px}.settings-kicker{color:var(--accent-deep);margin:1px 0 4px}.settings-modal h2{font-size:20px;margin:0}.close-button{background:transparent;font-size:24px;color:var(--muted);line-height:1}.settings-intro{color:var(--muted);font-size:11px;line-height:1.7;margin:16px 0 21px}.settings-modal label{display:block;font-size:11px;color:#655f56;margin-top:17px}.settings-modal label a{float:right;color:#5e9672;text-decoration:none}.key-input-wrap{display:flex;border:1px solid #cfc6b8;background:var(--white);height:44px;margin-top:8px}.key-input-wrap:focus-within{border-color:var(--accent)}.key-input-wrap input{border:0;background:transparent;flex:1;padding:0 12px;min-width:0;letter-spacing:.13em}.key-input-wrap button{background:transparent;color:#928a80;padding:0 12px}.settings-modal select{width:100%;height:44px;border:1px solid #d8d0c4;background:var(--white);padding:0 12px;margin-top:8px;color:#49443d}.settings-status{font-size:11px;min-height:17px;color:#5f9074;margin-top:14px}.settings-status.error{color:var(--accent-deep)}.settings-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,20px);opacity:0;background:var(--ink);color:var(--paper);padding:11px 17px;font-size:11px;z-index:20;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}@keyframes fadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes pop{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}@keyframes wave{0%,100%{transform:scaleY(.65)}50%{transform:scaleY(1.1)}}@media(max-width:1050px){.workspace{grid-template-columns:190px 1fr}.main-panel{padding:32px 24px}.interview-grid{grid-template-columns:1fr}.coach-panel{min-height:400px}.below-grid{grid-template-columns:1fr}.resume-board{grid-template-columns:1fr}}@media(max-width:700px){.topbar{height:64px;padding:0 16px}.session-code{display:none}.workspace{display:block}.sidebar{height:auto;padding:15px 16px 12px;border-right:0;border-bottom:1px solid var(--line)}.sidebar-label,.profile-mini,.sidebar-footer{display:none}.side-nav{display:flex;margin:0;gap:2px}.nav-item{height:35px;padding:0 9px;font-size:11px}.nav-index{display:none}.nav-arrow{display:none}.main-panel{padding:26px 15px 40px}.page-heading{display:block;margin-bottom:24px}.page-heading h1,.compact h1{font-size:31px}.heading-tools{margin-top:17px;justify-content:space-between}.interview-grid{gap:12px}.video-stage{min-height:400px;padding:13px}.video-canvas{height:280px}.candidate-avatar{width:95px;height:95px;font-size:34px}.video-controls{flex-wrap:wrap}.end-button{margin-left:0}.coach-panel{padding:18px 16px}.question-card p{font-size:15px}.focus-strip{grid-template-columns:1fr 1fr}.strip-title{grid-column:1/-1}.resume-paper{padding:25px 21px}.resume-paper h2{font-size:32px;margin-top:25px}.experience>div{display:block}.experience span{display:block;margin-top:4px}.report-summary{padding:25px 20px;display:block}.score-orb{margin:0 auto 20px}.report-copy h2{font-size:20px}.report-grid{grid-template-columns:1fr}.report-notes{display:block}.report-notes ul{margin-top:20px}.brand-sub{display:none}}