:root{color:#171717;font-synthesis:none;text-rendering:optimizelegibility;background:#f6f6f6;font-family:PingFang SC,Microsoft YaHei,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}.welcome-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.welcome-card{background:#fff;border:1px solid #e5e5e5;border-radius:24px;width:min(760px,100%);padding:clamp(32px,7vw,72px);box-shadow:0 24px 70px #00000014}.eyebrow{color:#ff2442;letter-spacing:.12em;font-size:14px;font-weight:700}h1{letter-spacing:-.04em;max-width:12em;margin:20px 0 16px;font-size:clamp(36px,7vw,72px);line-height:1.05}p{color:#666;max-width:42em;font-size:17px;line-height:1.8}.primary-action{color:#fff;background:#ff2442;border-radius:12px;justify-content:center;align-items:center;min-height:48px;margin-top:24px;padding:0 24px;font-weight:700;text-decoration:none;display:inline-flex}.loading-screen{color:#777;place-items:center;min-height:100vh;display:grid}.auth-layout{grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);min-height:100vh;display:grid}.auth-intro{color:#fff;background:#171717;flex-direction:column;justify-content:space-between;padding:clamp(32px,5vw,72px);display:flex}.auth-intro h1{font-size:clamp(48px,7vw,88px)}.auth-intro p{color:#aaa}.brand-mark{font-size:18px;font-weight:800}.auth-panel{background:#fff;place-items:center;padding:32px;display:grid}.auth-card{width:min(420px,100%)}.auth-kicker{color:#ff2442;font-size:14px;font-weight:700}.auth-card h2{margin:10px 0 32px;font-size:32px}.auth-card form{gap:10px;display:grid}.auth-card label{margin-top:10px;font-size:14px;font-weight:700}.auth-card input{border:1px solid #d9d9d9;border-radius:10px;outline:none;min-height:48px;padding:0 14px}.auth-card input:focus{border-color:#ff2442;box-shadow:0 0 0 3px #ff24421f}.primary-button{color:#fff;cursor:pointer;background:#ff2442;border:0;border-radius:10px;min-height:48px;margin-top:18px;font-weight:800}.primary-button:disabled{cursor:wait;opacity:.65}.text-button{color:#666;cursor:pointer;background:0 0;border:0;min-height:44px;padding:0}.auth-card>.text-button{width:100%;margin-top:16px}.form-error,.form-message{margin:8px 0 0;font-size:14px}.form-error{color:#c3132d}.form-message{color:#27633d}.signed-in-row{color:#777;border-top:1px solid #eee;justify-content:space-between;align-items:center;margin-top:36px;padding-top:20px;font-size:14px;display:flex}@media (width<=767px){.auth-layout{grid-template-columns:1fr}.auth-intro{gap:60px;min-height:320px;padding:28px 24px}.auth-intro h1{font-size:44px}.auth-panel{padding:40px 24px 56px}}:root{--accent:#ff2442;--ink:#171717;--muted:#717171;--line:#e8e8e8;--surface:#fff;--canvas:#f5f5f3}button,a,select,textarea,input{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible,input:focus-visible{outline-offset:2px;outline:3px solid #ff244238}.app-frame{background:var(--canvas);min-height:100vh}.sidebar{z-index:20;color:#fff;background:var(--ink);border-right:1px solid #272727;flex-direction:column;width:232px;padding:28px 18px 20px;display:flex;position:fixed;inset:0 auto 0 0}.brand-button{min-height:44px;color:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0 8px;font-size:16px;font-weight:800;display:inline-flex}.brand-icon{color:#fff;background:var(--accent);border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.side-nav{gap:6px;margin-top:52px;display:grid}.nav-item{color:#8f8f8f;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:12px;min-height:46px;padding:0 14px;display:flex}.nav-item:hover,.nav-item.active{color:#fff;background:#292929}.nav-item.active:before{background:var(--accent);content:"";border-radius:999px;width:3px;height:18px;margin-left:-14px}.sidebar-footer{border-top:1px solid #303030;align-items:center;gap:8px;margin-top:auto;padding:15px 10px 0;display:flex}.signed-email{color:#8e8e8e;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12px;overflow:hidden}.icon-button{color:#aaa;cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.icon-button:hover{color:#fff;background:#292929}.main-column{min-height:100vh;margin-left:232px}.mobile-header,.bottom-nav{display:none}.app-content{width:100%}.page{width:min(1180px,100%);margin:0 auto;padding:clamp(34px,5vw,72px) clamp(24px,5vw,72px) 90px}.page-heading{justify-content:space-between;align-items:end;gap:40px;margin-bottom:44px;display:flex}.page-heading h1,.interview-header h1,.report-hero h1{letter-spacing:-.055em;max-width:none;margin:8px 0 0;font-size:clamp(42px,6vw,72px)}.page-heading>p{max-width:360px;margin:0 0 6px;font-size:15px}.page-kicker,.hero-index{color:var(--accent);letter-spacing:.14em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;font-weight:800}.hero-panel{background:var(--ink);border-radius:24px;grid-template-columns:1.05fr .95fr;min-height:470px;display:grid;overflow:hidden}.hero-copy{color:#fff;flex-direction:column;padding:clamp(36px,5vw,64px);display:flex}.hero-copy h2{letter-spacing:-.055em;margin:34px 0 18px;font-size:clamp(42px,5vw,68px);line-height:1.04}.hero-copy p{color:#9a9a9a;max-width:480px;font-size:15px}.hero-notes{color:#bbb;flex-wrap:wrap;gap:18px;margin-top:auto;padding-top:30px;font-size:12px;display:flex}.hero-notes span{align-items:center;gap:7px;display:inline-flex}.form-card{background:#fff;border-radius:18px;margin:18px;padding:clamp(28px,4vw,46px)}.form-card-title{align-items:center;gap:9px;margin-bottom:28px;font-weight:800;display:flex}.interview-form{gap:20px;display:grid}.form-field{gap:8px;display:grid}.form-field label,.question-form label{font-size:13px;font-weight:800}.form-field select{width:100%;min-height:50px;color:var(--ink);background:#fafafa;border:1px solid #dadada;border-radius:10px;padding:0 14px}.form-submit{width:100%;margin-top:6px}.inline-error{color:#c3132d;margin:14px 0 0;font-size:13px}.stats-strip{border:1px solid var(--line);background:#fff;border-radius:16px;grid-template-columns:repeat(3,1fr);margin-top:22px;display:grid}.stats-strip>div{border-right:1px solid var(--line);align-content:center;gap:2px;min-height:130px;padding:24px 32px;display:grid}.stats-strip>div:last-child{border-right:0}.stats-strip span,.stats-strip small{color:var(--muted);font-size:12px}.stats-strip strong{margin-top:5px;font-size:32px}.stats-strip .stack-stat{font-size:25px}.recent-section,.report-section,.history-list-section{margin-top:64px}.section-title{justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px;display:flex}.section-title h2{letter-spacing:-.035em;margin:5px 0 0;font-size:30px}.link-button,.back-link{min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;display:inline-flex}.recent-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.session-card{border:1px solid var(--line);min-height:190px;color:var(--ink);text-align:left;cursor:pointer;background:#fff;border-radius:16px;align-content:space-between;padding:24px;transition:transform .16s,box-shadow .16s;display:grid}.session-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px #00000014}.session-card strong{font-size:46px}.session-card span:not(.session-stack),.session-card small{color:var(--muted)}.session-stack{width:max-content;color:var(--accent);background:#ff244214;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:800}.empty-state,.muted-state,.empty-chart{min-height:150px;color:var(--muted);text-align:center;border:1px dashed #d3d3d3;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:7px;display:flex}.empty-state strong{color:var(--ink)}.page-state{min-height:100vh;color:var(--muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:24px;display:flex}.page-state strong{color:var(--ink);font-size:24px}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.interview-page{width:min(1040px,100%)}.interview-header{justify-content:space-between;align-items:end;gap:24px;display:flex}.save-indicator{color:#2d7147;background:#e9f6ed;border-radius:999px;align-items:center;gap:6px;min-height:36px;padding:0 12px;font-size:12px;display:inline-flex}.progress-header{color:var(--muted);grid-template-columns:auto 1fr;align-items:center;gap:20px;margin:36px 0;font-size:12px;display:grid}.progress-track,.score-track{background:#dedede;border-radius:999px;height:4px;overflow:hidden}.progress-track span,.score-track span{border-radius:inherit;background:var(--accent);height:100%;display:block}.question-stage{border:1px solid var(--line);background:#fff;border-radius:22px;grid-template-columns:90px minmax(0,1fr);gap:36px;padding:clamp(28px,5vw,54px);display:grid}.question-number{color:#dedede;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:54px;font-weight:800;line-height:1}.question-category{color:var(--accent);font-size:12px;font-weight:800}.question-content h2{letter-spacing:-.025em;max-width:780px;margin:12px 0 32px;font-size:clamp(25px,3vw,38px);line-height:1.35}.question-form{gap:10px;display:grid}.question-form textarea{resize:vertical;border:1px solid #d9d9d9;border-radius:12px;outline:none;width:100%;min-height:230px;padding:18px;line-height:1.75}.question-form textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #ff24421a}.answer-meta{color:#999;justify-content:space-between;font-size:11px;display:flex}.question-actions{justify-content:space-between;gap:14px;margin-top:16px;display:flex}.question-actions .primary-button,.report-failure .primary-button{justify-content:center;align-items:center;gap:8px;min-width:180px;margin:0;padding:0 22px;display:inline-flex}.secondary-button{min-height:46px;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #d6d6d6;border-radius:10px;padding:0 20px}.secondary-button:disabled{opacity:.45}.interview-disclaimer,.ai-disclaimer{color:#919191;text-align:center;margin:18px 0 0;font-size:12px}.report-page{width:min(1100px,100%)}.report-hero{color:#fff;background:var(--ink);border-radius:22px;grid-template-columns:1fr auto;align-items:end;gap:46px;margin-top:20px;padding:clamp(32px,5vw,58px);display:grid}.report-hero p{color:#aaa;max-width:680px}.total-score{justify-items:end;min-width:160px;display:grid}.total-score span,.total-score small{color:#999;font-size:12px}.total-score strong{color:var(--accent);letter-spacing:-.08em;font-size:clamp(70px,10vw,118px);line-height:.9}.ai-disclaimer{border-bottom:1px solid var(--line);padding:12px}.score-grid{border:1px solid var(--line);background:#fff;border-radius:16px;grid-template-columns:repeat(2,1fr);gap:26px 44px;padding:32px;display:grid}.score-item{gap:10px;display:grid}.score-heading{justify-content:space-between;align-items:center;font-size:13px;display:flex}.score-heading strong{font-size:22px}.score-track{height:7px}.insight-grid{grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px;display:grid}.insight-grid article{border:1px solid var(--line);background:#fff;border-radius:16px;min-height:210px;padding:26px}.insight-label{border-radius:6px;padding:4px 8px;font-size:11px;font-weight:800;display:inline-flex}.insight-label.positive{color:#27633d;background:#e9f6ed}.insight-label.warning{color:#9c3a24;background:#fff0eb}.insight-label.neutral{color:#565656;background:#eee}.insight-grid ul,.reference-points ul{color:#575757;gap:10px;margin:20px 0 0;padding-left:18px;font-size:14px;line-height:1.6;display:grid}.assessment-list{gap:14px;display:grid}.assessment-card{border:1px solid var(--line);background:#fff;border-radius:16px;grid-template-columns:64px 1fr;gap:24px;padding:30px;display:grid}.assessment-index{color:#cfcfcf;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:30px;font-weight:800}.assessment-card h3{margin:8px 0 16px;font-size:20px;line-height:1.45}.assessment-card p{font-size:14px}.answer-quote{background:#f7f7f7;border-left:3px solid #d8d8d8;padding:14px 16px}.reference-points{border-top:1px solid var(--line);margin-top:20px;padding-top:18px;font-size:13px}.trend-panel{border:1px solid var(--line);background:#fff;border-radius:18px;padding:30px}.trend-chart{margin:0}.trend-chart svg{width:100%;height:300px;display:block}.trend-chart line{stroke:#e7e7e7;stroke-width:.5px}.trend-chart polyline{fill:none;stroke:var(--accent);stroke-linejoin:round;stroke-linecap:round;stroke-width:2px}.trend-chart circle{fill:#fff;stroke:var(--accent);stroke-width:1.5px}.trend-chart text{fill:var(--ink);font-size:5px;font-weight:800}.result-count{color:var(--muted);font-size:13px}.history-table{border:1px solid var(--line);background:#fff;border-radius:16px;overflow:hidden}.history-table button{border:0;border-bottom:1px solid var(--line);width:100%;min-height:82px;color:var(--ink);text-align:left;cursor:pointer;background:#fff;grid-template-columns:150px 1fr 80px 24px;align-items:center;gap:20px;padding:16px 22px;display:grid}.history-table button:last-child{border-bottom:0}.history-table button:hover{background:#fafafa}.history-table button>span:nth-child(2){gap:4px;display:grid}.history-table small,.history-date{color:var(--muted);font-size:12px}.history-score{font-size:26px;font-weight:800}@media (width<=980px){.hero-panel{grid-template-columns:1fr}.hero-copy{min-height:390px}.recent-grid,.insight-grid{grid-template-columns:1fr}}@media (width<=767px){.sidebar{display:none}.main-column{margin-left:0;padding:64px 0 76px}.mobile-header{z-index:15;border-bottom:1px solid var(--line);height:64px;color:var(--ink);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff0;justify-content:space-between;align-items:center;padding:0 16px;display:flex;position:fixed;inset:0 0 auto}.bottom-nav{z-index:20;height:72px;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff5;grid-template-columns:repeat(3,1fr);display:grid;position:fixed;inset:auto 0 0}.bottom-nav button{color:#969696;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;font-size:10px;display:flex}.bottom-nav button.active{color:var(--accent)}.bottom-create{color:#fff;background:var(--accent);border-radius:12px;place-items:center;width:42px;height:32px;display:grid}.page{padding:32px 18px 54px}.page-heading,.interview-header{flex-direction:column;align-items:start}.page-heading h1,.interview-header h1,.report-hero h1{font-size:44px}.page-heading>p{font-size:14px}.hero-panel{border-radius:18px}.hero-copy{min-height:340px;padding:30px 24px}.hero-copy h2{margin-top:24px;font-size:44px}.form-card{margin:10px;padding:26px 20px}.stats-strip{grid-template-columns:1fr}.stats-strip>div{border-right:0;border-bottom:1px solid var(--line);min-height:105px}.stats-strip>div:last-child{border-bottom:0}.question-stage{grid-template-columns:1fr;gap:14px;padding:26px 20px}.question-number{font-size:36px}.question-content h2{margin-bottom:24px;font-size:26px}.question-actions{flex-direction:column-reverse;align-items:stretch}.question-actions button{width:100%}.report-hero{grid-template-columns:1fr;align-items:start}.total-score{justify-items:start}.score-grid,.assessment-card{grid-template-columns:1fr;padding:24px 20px}.history-table button{grid-template-columns:1fr 54px 20px;gap:12px}.history-date{grid-column:1/-1}.trend-chart svg{height:220px}}