:root{--bg:#f7f8fc;--surface:#fff;--ink:#101322;--muted:#667085;--line:#e4e7ec;--primary:#3f2bd9;--primary2:#5a45e8;--cyan:#22c7e8;--green:#1aa779;--red:#e25555;--shadow:0 12px 35px #19144612}*{box-sizing:border-box}html,body,#root{min-height:100%;color:var(--ink);background:var(--bg);margin:0;font-family:Geist Variable,Arial,sans-serif}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);z-index:5;background:#fbfbfd;flex-direction:column;width:230px;padding:20px 12px;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;gap:9px;display:flex}.brand-mark{color:#fff;background:linear-gradient(135deg,#4a35df,#6c57f0);border-radius:9px;place-items:center;width:30px;height:30px;display:grid;box-shadow:0 5px 15px #3f2bd940}.brand strong,.brand span{font-size:20px;line-height:1.05;display:block}.brand span{color:var(--primary);font-weight:800}.tagline{color:#8b93a7;margin:4px 0 20px 39px;font-size:15px}.primary-btn,.outline-btn,.text-btn,.side-link,.back-btn,.link-btn,.icon-btn{background:0 0;border:0}.primary-btn{background:var(--primary);color:#fff;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:9px 15px;font-size:15px;font-weight:700;display:inline-flex;box-shadow:0 5px 14px #3f2bd92e}.primary-btn:hover{background:#3421c8}.primary-btn.large{padding:11px 18px}.primary-btn.wide{width:100%}.sidebar-cta{margin-bottom:14px}.side-link{color:#657084;text-align:left;border-radius:6px;align-items:center;gap:9px;width:100%;padding:10px;font-size:15px;display:flex}.side-link:hover{color:var(--primary);background:#f0efff}.side-link.active{color:#fff;background:#4a39d8}.sidebar-bottom{margin-top:auto}.mini-profile{border-top:1px solid var(--line);align-items:center;gap:8px;padding:15px 5px 10px;display:flex}.avatar{width:25px;height:25px;color:var(--primary);background:#e9e5ff;border-radius:50%;place-items:center;font-size:15px;font-weight:800;display:grid}.mini-profile strong,.mini-profile span{font-size:12px;display:block}.mini-profile span{color:#8891a1;margin-top:2px}.logout{color:#8a4d4d}.main-area{width:calc(100% - 230px);min-height:100vh;margin-left:230px}.topbar{border-bottom:1px solid var(--line);z-index:4;background:#ffffffeb;justify-content:space-between;align-items:center;height:45px;padding:0 25px;display:flex;position:sticky;top:0}.topbar-brand{color:var(--primary);align-items:center;gap:7px;font-size:15px;font-weight:800;display:flex}.outline-btn{color:#354052;background:#fff;border:1px solid #d9dce6;border-radius:7px;justify-content:center;align-items:center;gap:7px;padding:8px 13px;font-size:15px;font-weight:700;display:inline-flex}.outline-btn:hover{color:var(--primary);border-color:#a9a2ec}.text-btn{color:#5e6575;padding:8px 12px;font-size:15px;font-weight:700}.page-content{max-width:1180px;margin:auto;padding:20px 28px 40px}.eyebrow{letter-spacing:.09em;color:var(--primary);font-size:12px;font-weight:800}.page-heading{justify-content:space-between;align-items:flex-end;margin:4px 0 20px;display:flex}.page-heading h1,.results-head h1{letter-spacing:-.03em;margin:5px 0 4px;font-size:25px}.page-heading p,.results-head p{color:var(--muted);margin:0;font-size:15px}.search{width:230px}.input-wrap{color:#8c94a4;background:#fff;border:1px solid #dfe2ea;border-radius:7px;align-items:center;gap:7px;min-height:38px;padding:0 10px;display:flex}.input-wrap input,.input-wrap textarea,.settings-panel input{width:100%;color:var(--ink);background:0 0;border:0;outline:0;font-size:15px}.input-wrap textarea{resize:vertical;padding:10px 0}.welcome-banner{background:linear-gradient(115deg,#fff 55%,#ece9ff);border:1px solid #dddff0;border-radius:9px;justify-content:space-between;align-items:center;min-height:116px;padding:23px 25px;display:flex}.welcome-banner h1{letter-spacing:-.03em;margin:4px 0 6px;font-size:22px}.welcome-banner p{color:var(--muted);margin:0;font-size:15px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:13px;margin:16px 0;display:grid}.stat-card{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:20px 1fr;column-gap:5px;min-height:90px;padding:15px;display:grid}.stat-card svg{color:var(--primary);grid-row:span 2}.stat-card span{color:#70798a;font-size:12px}.stat-card strong{white-space:nowrap;text-overflow:ellipsis;align-self:end;font-size:19px;overflow:hidden}.section-head{justify-content:space-between;align-items:center;margin:22px 0 10px;display:flex}.section-head h2{margin:0;font-size:15px}.link-btn{color:var(--primary);align-items:center;gap:3px;font-size:15px;display:flex}.interview-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.interview-card{border:1px solid var(--line);text-align:left;background:#fff;border-radius:8px;min-height:142px;padding:15px;transition:all .15s;box-shadow:0 2px #00000003}.interview-card:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.card-top{color:#8a92a0;justify-content:space-between;align-items:center;font-size:12px;display:flex}.badge{color:#4771b9;background:#edf5ff;border-radius:4px;padding:3px 6px}.interview-card h3{margin:13px 0 4px;font-size:15px}.interview-card p{color:var(--muted);margin:0 0 17px;font-size:14px}.score-line{color:#788294;border-top:1px solid #edf0f4;justify-content:space-between;padding-top:9px;font-size:14px;display:flex}.score-line strong{color:var(--primary);font-size:15px}.panel{border:1px solid var(--line);background:#fff;border-radius:8px;padding:17px}.dashboard-lower{margin-top:14px}.panel-head{justify-content:space-between;align-items:flex-start;display:flex}.panel-head h2,.panel-head h3,.panel h3{margin:0;font-size:14px}.panel-head p{color:var(--muted);margin:4px 0 0;font-size:12px}.insight-row{align-items:center;gap:16px;margin-top:15px;display:flex}.insight-score{color:var(--primary);font-size:30px;font-weight:800}.insight-score span{color:#8b92a0;font-size:13px}.insight-row strong{font-size:14px}.insight-row p{color:var(--muted);margin:3px 0 0;font-size:13px}.empty-card{text-align:center;color:var(--muted);background:#fff;border:1px dashed #d6d9e2;border-radius:8px;padding:35px}.empty-card h3{color:var(--ink);margin:9px 0 4px;font-size:14px}.empty-card p{margin:0 0 15px;font-size:13px}.error-box{color:#a43636;background:#fff1f1;border:1px solid #f3caca;border-radius:7px;margin:10px 0;padding:9px 11px;font-size:13px}.spinner{border:2px solid #ffffff59;border-top-color:#fff;border-radius:50%;width:15px;height:15px;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.screen-loader,.center-page{min-height:100vh;color:var(--muted);place-items:center;font-size:12px;display:grid}.center-page{gap:12px}.auth-page{background:radial-gradient(circle at 50% 0,#ebe8ff,#0000 42%),#f7f8fc;place-items:center;min-height:100vh;padding:20px;display:grid}.auth-panel{width:min(430px,100%)}.auth-logo{color:var(--primary);justify-content:center;align-items:center;gap:8px;margin-bottom:18px;font-size:15px;font-weight:800;display:flex}.auth-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:12px;padding:27px}.auth-heading{text-align:center;margin-bottom:22px}.auth-heading h1{margin:6px 0;font-size:23px}.auth-heading p{color:var(--muted);margin:0;font-size:13px}.form-stack{gap:13px;display:grid}.form-stack label,.setup-card>label,.settings-panel label{color:#596273;gap:6px;font-size:13px;font-weight:700;display:grid}.icon-btn{color:#737b8a;place-items:center;padding:3px;display:grid}.auth-switch{text-align:center;color:#7c8492;margin:18px 0 0;font-size:13px}.auth-switch a{color:var(--primary);font-weight:800}.landing{background:radial-gradient(circle at 75% 35%,#e9e6ff,#0000 30%),#fbfbfe;min-height:100vh}.landing-nav{background:#ffffffb8;border-bottom:1px solid #ececf2;justify-content:space-between;align-items:center;height:65px;padding:0 7%;display:flex}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:45px;max-width:1080px;min-height:580px;margin:auto;padding:55px 25px;display:grid}.hero-copy h1{letter-spacing:-.055em;margin:13px 0;font-size:53px;line-height:1.02}.hero-copy h1 span{color:var(--primary)}.hero-copy>p{color:var(--muted);max-width:500px;font-size:14px;line-height:1.7}.hero-badge{color:var(--primary);background:#eeecff;border-radius:20px;align-items:center;gap:6px;padding:6px 9px;font-size:13px;font-weight:800;display:inline-flex}.hero-actions{gap:9px;margin-top:23px;display:flex}.trust-row{color:#727b8a;gap:16px;margin-top:24px;font-size:13px;display:flex}.trust-row span{align-items:center;gap:5px;display:flex}.trust-row svg{color:var(--green)}.hero-visual{place-items:center;height:390px;display:grid;position:relative}.orbit{border:1px solid #cbc7fa;border-radius:50%;position:absolute}.orbit-a{width:300px;height:300px;transform:rotate(30deg)}.orbit-b{border-color:#d7d4f7;width:220px;height:340px;transform:rotate(-55deg)}.ai-core{color:#fff;background:linear-gradient(145deg,#4c37e0,#8172f2);border-radius:40px;flex-direction:column;justify-content:center;align-items:center;width:145px;height:145px;display:flex;box-shadow:0 25px 65px #3f2bd947}.ai-core span{margin-top:5px;font-size:13px;font-weight:900}.floating-chip{box-shadow:var(--shadow);background:#fff;border:1px solid #e0e2ec;border-radius:8px;align-items:center;gap:6px;padding:9px 11px;font-size:13px;font-weight:800;display:flex;position:absolute}.chip-a{top:40px;right:35px}.chip-b{bottom:60px;left:20px}.chip-c{bottom:15px;right:50px}.feature-grid{grid-template-columns:repeat(3,1fr);gap:20px;max-width:1080px;margin:auto;padding:20px 25px 60px;display:grid}.feature-grid>div{border:1px solid var(--line);background:#fff;border-radius:9px;padding:20px}.feature-grid h3{margin:0 0 6px;font-size:15px}.feature-grid p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.setup-page{max-width:760px;margin:0 auto;padding:14px 0 30px}.setup-progress{justify-content:center;align-items:center;margin:2px 0 22px;display:flex}.setup-progress>span{color:#9aa1ad;background:#f1f2f6;border-radius:50%;place-items:center;width:30px;height:30px;font-size:13px;display:grid;position:relative}.setup-progress>span.active{background:var(--primary);color:#fff}.setup-progress>span>span{color:#737b8a;font-size:13px;position:absolute;top:34px}.setup-progress i{background:#dddfea;width:110px;height:1px}.setup-card{background:#fff;border:1px solid #dfe1e9;border-radius:8px;gap:15px;padding:20px 22px;display:grid;box-shadow:0 4px 16px #14143208}.section-title{border-bottom:1px solid #eceef3;justify-content:space-between;align-items:flex-start;padding-bottom:14px;display:flex}.section-title h1{margin:0 0 4px;font-size:18px}.section-title p{color:var(--muted);margin:0;font-size:13px}.section-title>svg{color:var(--primary)}.tag-input{border:1px solid #dfe2ea;border-radius:7px;flex-wrap:wrap;align-items:center;gap:5px;min-height:38px;padding:5px 7px;display:flex}.tag-input input{border:0;outline:0;flex:1;min-width:100px;font-size:13px}.tag{color:#fff;background:#4b3bdd;border-radius:5px;align-items:center;gap:3px;padding:4px 6px;font-size:12px;display:inline-flex}.tag button{color:#fff;background:0 0;border:0;padding:0;display:grid}.range-row{align-items:center;gap:12px;display:flex}.range-row input{accent-color:var(--primary);flex:1}.range-row strong{text-align:center;width:30px;font-size:13px}.option-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.option,.focus-option,.mode-pill{background:#fff;border:1px solid #dfe2ea;border-radius:7px}.option{padding:11px;font-size:11px}.option.selected,.focus-option.selected,.mode-pill.selected{color:var(--primary);background:#f5f3ff;border-color:#5b4be4;box-shadow:inset 0 0 0 1px #5b4be4}.focus-option{text-align:left;flex-direction:column;gap:6px;min-height:84px;padding:12px;display:flex}.focus-option b{font-size:12px}.focus-option small{color:#7b8492;font-size:11px;line-height:1.45}.mode-row{gap:8px;display:flex}.mode-pill{padding:8px 18px;font-size:12px}.textarea-wrap{align-items:flex-start}.fine-print{text-align:center;color:#9298a5;margin:-7px 0 0;font-size:12px}.interview-page{background:#fbfbfd;min-height:100vh}.interview-top{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:50px;padding:0 22px;display:flex}.session-meta{align-items:center;gap:8px;font-size:10px;display:flex}.session-meta>span{color:#4e5665;align-items:center;gap:5px;display:flex}.pause-btn,.end-btn{background:#fff;border:1px solid #dfe2ea;border-radius:6px;align-items:center;gap:4px;padding:6px 9px;font-size:12px;display:flex}.end-btn{color:#b33f46}.interview-layout{grid-template-columns:230px 1fr;max-width:1120px;min-height:calc(100vh - 50px);margin:auto;display:grid}.question-nav{border-right:1px solid var(--line);background:#f7f7fa;padding:20px 14px}.timer-label{color:#89919e;font-size:10px}.timer-label strong{color:var(--primary);margin-top:3px;font-size:21px;display:block}.timer-label small{color:#89919e;font-size:10px;font-weight:500}.question-nav>p{color:#9198a6;margin:28px 0 8px;font-size:10px;font-weight:800}.q-btn{text-align:left;color:#8b92a0;background:0 0;border:0;border-radius:5px;align-items:center;gap:7px;width:100%;padding:8px 7px;font-size:10px;display:flex}.q-nav{color:#707785;background:#e8e9ee;border-radius:50%;place-items:center;width:18px;height:18px;font-size:10px;display:grid}.nav-question{color:#626778;border-radius:20px;-webkit-box-orient:vertical;flex:1;min-width:0;padding:5px;font-size:12px;font-weight:500;line-height:1.4;display:-webkit-box;overflow:hidden}.q-btn.active{color:var(--primary);background:#e9e6ff;font-weight:700}.q-btn.active span{background:var(--primary);color:#fff}.question-main{width:100%;max-width:800px;margin:auto;padding:27px 38px}.progress-bar{background:#e9ebf1;border-radius:10px;height:4px;margin-bottom:25px}.progress-bar span{background:var(--primary);border-radius:10px;height:100%;display:block}.question-header h1{letter-spacing:-.02em;margin:6px 0 13px;font-size:21px;line-height:1.3}.hint{color:#686f7d;background:#f3f1ff;border:1px solid #e3dfff;border-radius:7px;gap:7px;padding:9px 11px;font-size:9px;display:flex}.hint svg{color:var(--primary);flex:none}.answer-label{margin-top:24px;font-size:9px;font-weight:800;display:block}.answer-label textarea{resize:vertical;background:#fff;border:1px solid #dfe2ea;border-radius:8px;outline:0;width:100%;height:210px;margin-top:7px;padding:12px;font-size:11px;line-height:1.6;display:block}.answer-label textarea:focus{border-color:#8579eb;box-shadow:0 0 0 3px #eeecff}.answer-label small{color:#9298a5;margin-top:5px;font-size:8px;font-weight:400;display:block}.feedback-inline{background:#f0fbf7;border:1px solid #ccece1;border-radius:7px;margin-top:12px;padding:10px;font-size:10px}.feedback-inline strong{color:#177c5e}.feedback-inline p{color:#52645f;margin:4px 0 0}.question-actions{justify-content:space-between;align-items:center;margin-top:20px;display:flex}.results-page{max-width:1000px;margin:auto}.results-head{justify-content:space-between;align-items:flex-end;margin:4px 0 18px;display:flex}.back-btn{color:#717a89;align-items:center;gap:5px;margin-bottom:13px;padding:0;font-size:10px;display:flex}.results-overview{grid-template-columns:210px 1fr;gap:13px;display:grid}.score-card,.summary-card{border:1px solid var(--line);background:#fff;border-radius:8px;padding:17px}.score-card{text-align:center}.score-card>span{font-size:12px;font-weight:700}.score-ring{background:conic-gradient(var(--primary) var(--score), #e9eaf0 0);border-radius:50%;place-items:center;width:118px;height:118px;margin:15px auto 9px;display:grid;position:relative}.score-ring:before{content:"";background:#fff;border-radius:50%;width:92px;height:92px;position:absolute}.score-ring strong{color:var(--primary);font-size:26px;position:relative}.score-card small{color:var(--muted);font-size:11px}.summary-card{flex-direction:column;justify-content:space-between;display:flex}.summary-card .panel-head p{color:#596273;max-width:650px;font-size:12px;line-height:1.6}.metric-row{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:15px;display:grid}.metric-row>div{border-top:1px solid #eceef3;grid-template-columns:18px 1fr;column-gap:5px;padding-top:9px;display:grid}.metric-row svg{color:var(--primary);grid-row:span 2}.metric-row span{color:#7f8794;font-size:10px}.metric-row strong{font-size:13px}.results-two{grid-template-columns:1fr 1fr;gap:13px;margin:13px 0;display:grid}.panel ul{gap:8px;margin:11px 0 0;padding:0;list-style:none;display:grid}.panel li{color:#56606f;gap:6px;font-size:10px;display:flex}.panel li svg{color:var(--green);flex:none}.tag-list{flex-wrap:wrap;gap:6px;margin-top:11px;display:flex}.tag-list span{color:#a04747;background:#fff0f0;border:1px solid #f3d4d4;border-radius:4px;padding:4px 7px;font-size:10px}.muted{color:var(--muted);font-size:12px}.breakdown{padding:0;overflow:hidden}.breakdown>.section-head{border-bottom:1px solid #eceef3;margin:0;padding:15px 17px}.breakdown>.section-head span{color:#858d9b;font-size:10px}.breakdown-item{border-bottom:1px solid #eceef3}.breakdown-item:last-child{border:0}.breakdown-item>button{text-align:left;background:#fff;border:0;justify-content:space-between;align-items:center;gap:15px;width:100%;padding:12px 17px;display:flex}.breakdown-item>button span{flex-direction:column;gap:4px;font-size:12px;font-weight:700;display:flex}.breakdown-item>button small{color:#8b93a0;font-size:10px;font-weight:700}.breakdown-item b{align-items:center;gap:3px;font-size:10px;display:flex}.good{color:var(--green)}.mid{color:#8d6c1f}.low{color:var(--red)}.breakdown-body{background:#fafafd;border-top:1px solid #eceef3;grid-template-columns:1fr 1fr;display:grid}.breakdown-body>div{padding:14px 17px}.breakdown-body>div+div{border-left:1px solid #eceef3}.breakdown-body h4{text-transform:uppercase;color:#8a92a0;margin:0 0 6px;font-size:9px}.breakdown-body p{color:#596273;white-space:pre-wrap;margin:0;font-size:10px;line-height:1.55}.next-step{background:#f2f0ff;border:1px solid #dedaff;border-radius:8px;align-items:center;gap:11px;margin-top:13px;padding:13px 15px;display:flex}.next-step>svg{color:var(--primary)}.next-step div{flex:1}.next-step strong{font-size:10px}.next-step p{color:#687081;margin:3px 0 0;font-size:9px}.next-step .primary-btn{white-space:nowrap}.history-table{border:1px solid var(--line);background:#fff;border-radius:8px;overflow:hidden}.table-row{text-align:left;color:#667080;background:#fff;border:0;border-bottom:1px solid #eef0f4;grid-template-columns:2fr 1fr 1fr 1fr 30px;align-items:center;width:100%;padding:12px 15px;font-size:10px;display:grid}.table-row:last-child{border-bottom:0}.table-row:hover:not(.table-head){background:#fafaff}.table-row strong,.table-row small{display:block}.table-row strong{color:var(--ink);font-size:12px}.table-row small{color:#9aa1ad;margin-top:2px;font-size:10px}.table-head{color:#89919e;text-transform:uppercase;background:#fafafd;font-size:9px;font-weight:800}.score-good{color:var(--green);font-weight:800}.analytics-panel{margin-top:15px}.bars{align-items:end;gap:14px;height:280px;padding:25px 10px 10px;display:flex}.bar-item{flex-direction:column;flex:1;justify-content:end;align-items:center;gap:5px;height:100%;display:flex}.bar{background:#f0f1f5;border-radius:6px 6px 2px 2px;align-items:end;width:100%;height:210px;display:flex;overflow:hidden}.bar span{background:linear-gradient(#7160e8,#4b39d7);border-radius:6px 6px 0 0;width:100%;display:block}.bar-item small{color:var(--primary);font-size:10px;font-weight:800}.bar-item label{color:#8d95a3;font-size:10px}.settings-panel{gap:15px;max-width:560px;display:grid}.settings-panel input{background:#fafbfc;border:1px solid #dfe2ea;border-radius:7px;padding:9px}.settings-panel input:focus{border-color:#897eed;outline:0}@media (width<=900px){.sidebar{width:190px}.main-area{width:calc(100% - 190px);margin-left:190px}.stats-grid{grid-template-columns:repeat(2,1fr)}.hero{grid-template-columns:1fr}.hero-visual{display:none}.interview-layout{grid-template-columns:180px 1fr}.results-overview,.results-two,.feature-grid{grid-template-columns:1fr}}@media (width<=680px){.sidebar{width:100%;height:auto;position:static}.app-shell{display:block}.main-area{width:100%;margin:0}.sidebar nav,.sidebar-bottom,.sidebar-cta,.tagline{display:none}.sidebar{padding:10px 14px}.topbar{padding:0 14px}.page-content{padding:15px}.interview-layout{grid-template-columns:1fr}.question-nav{display:none}.question-main{padding:20px 15px}.interview-top{padding:0 12px}.session-meta .pause-btn{display:none}.interview-grid,.stats-grid{grid-template-columns:1fr}.welcome-banner{display:block}.welcome-banner .primary-btn{margin-top:13px}.page-heading{display:block}.search{width:100%;margin-top:12px}.hero-copy h1{font-size:40px}.landing-nav{padding:0 15px}.landing-nav .outline-btn{display:none}.hero{padding:40px 20px}.feature-grid{grid-template-columns:1fr;padding:20px}.option-grid.three,.breakdown-body{grid-template-columns:1fr}.breakdown-body>div+div{border-top:1px solid #eceef3;border-left:0}.table-row{grid-template-columns:1.5fr .8fr .8fr 1fr 20px}.table-row span:nth-child(2),.table-head span:nth-child(2){display:none}}@media print{.topbar,.sidebar,.results-head .outline-btn,.next-step{display:none!important}.main-area{width:100%;margin:0}.page-content{max-width:none}}