:root{color:#241d1d;--text:#241d1d;--muted:#756a67;--soft:#a59a96;--line:#e9e3df;--panel:#fff;--panel-soft:#fbfaf8;--bg:#f7f6f3;--brand:#d84f45;--brand-dark:#a92f28;--brand-soft:#fff0ee;--sage:#eaf3ee;--sage-text:#38624f;--shadow:0 18px 42px #281c1914;--shadow-soft:0 10px 24px #281c190f;--radius-lg:24px;--radius-md:18px;--radius-sm:14px;--page-x:clamp(16px, 4vw, 28px);background:#f7f6f3;font-family:Inter,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-size:16px;line-height:1.55}*{box-sizing:border-box}html{background:var(--bg);max-width:100%;overflow-x:hidden}body{min-width:320px;max-width:100%;color:var(--text);background:radial-gradient(circle at 16% -8%, #d84f451a, transparent 28rem), linear-gradient(180deg, #fffdfb 0%, var(--bg) 42%);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;overflow-x:hidden}button,input,select,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}h1,h2,h3,p{overflow-wrap:anywhere}h1{letter-spacing:0;margin:0;font-size:clamp(34px,9vw,48px);line-height:1.08}h2{letter-spacing:0;margin:8px 0 0;font-size:clamp(23px,6vw,30px);line-height:1.18}h3{margin:0 0 10px;font-size:17px;line-height:1.35}p{margin:12px 0}.app-shell{max-width:100%;min-height:100vh;padding-bottom:max(18px, env(safe-area-inset-bottom));overflow-x:clip}main{min-width:0;max-width:100%;overflow-x:clip}.topbar{z-index:20;width:min(100%,820px);padding:max(12px, env(safe-area-inset-top)) var(--page-x) 10px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffdfbd1;border-bottom:1px solid #e9e3dfb8;justify-content:space-between;align-items:center;gap:12px;margin:0 auto;display:flex;position:sticky;top:0}.brand{min-width:0;color:var(--muted);font-size:12px;line-height:1.25;display:grid}.brand-mark{color:var(--text);font-size:18px;font-weight:850}.topnav{border:1px solid var(--line);box-shadow:var(--shadow-soft);background:#ffffffe0;border-radius:999px;flex:none;gap:4px;padding:4px;display:flex}.topnav a{min-height:34px;color:var(--muted);border-radius:999px;padding:7px 12px;font-size:14px;font-weight:760}.topnav a.router-link-active{color:#fff;background:var(--text)}.hero,.page{width:min(100%,760px);padding-inline:var(--page-x);margin:0 auto}.hero{gap:16px;padding-top:18px;padding-bottom:46px;display:grid}.home-hero{max-width:680px}.hero-copy,.intro-panel,.form-panel,.question-panel,.generating-card,.report-content,.score-row,.qr-panel,.submission-list,.empty-selection{border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#fffffff0;border:1px solid #e9e3dfe6}.hero-copy{background:linear-gradient(145deg,#d84f451a,#0000 46%),linear-gradient(#fff 0%,#fff8f6 100%);flex-direction:column;justify-content:flex-end;min-height:380px;padding:30px 24px;display:flex}.intro-panel{padding:22px}.eyebrow{color:var(--brand-dark);margin:0 0 8px;font-size:13px;font-weight:820}.lead{color:var(--muted);margin:18px 0;font-size:19px;line-height:1.45}.quick-facts,.actions,.pager,.report-actions,.settings-actions{flex-wrap:wrap;gap:10px;display:flex}.quick-facts{margin:4px 0 22px}.quick-facts span{background:var(--panel);color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-size:13px;font-weight:720}.button{cursor:pointer;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;min-width:0;min-height:50px;padding:12px 18px;font-weight:820;line-height:1.2;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.button:active{transform:scale(.98)}.button:disabled{cursor:not-allowed;opacity:.52;transform:none}.primary{background:var(--brand);color:#fff;box-shadow:0 14px 28px #d84f453d}.secondary{border-color:var(--line);background:var(--panel);color:var(--text)}.danger{color:var(--brand-dark);background:#fff4f2;border-color:#f0c6c1}.notice,.warning,.error,.copy-tip{color:var(--muted);border-radius:var(--radius-sm);background:#fff8e9;border:1px solid #f0dfb9;padding:12px 14px;font-size:14px}.warning,.error{color:var(--brand-dark);background:var(--brand-soft);border-color:#efc4bd}.narrow{max-width:680px}.section-title{margin:22px 0 16px}.section-title p{color:var(--muted)}.section-title h1{font-size:clamp(31px,8vw,42px)}.form-panel{grid-template-columns:1fr;gap:14px;padding:18px;display:grid}.form-panel label{color:#554946;gap:8px;font-size:14px;font-weight:780;display:grid}.wide{grid-column:1/-1}input,select,textarea{background:var(--panel-soft);width:100%;min-height:50px;color:var(--text);border:1px solid #0000;border-radius:16px;outline:0;padding:13px 14px;font-size:16px;transition:box-shadow .16s,background .16s;box-shadow:inset 0 0 0 1px #e9e3dfeb}textarea{resize:vertical}input:focus,select:focus,textarea:focus{background:#fff;box-shadow:inset 0 0 0 1px #d84f456b,0 0 0 4px #d84f451a}.test-head{color:var(--muted);justify-content:space-between;align-items:center;gap:16px;margin-top:18px;font-size:14px;display:flex}.test-head strong{color:var(--text)}.progress,.score-bar{background:#ece5e1;border-radius:999px;height:8px;overflow:hidden}.progress{margin:10px 0 18px}.progress span,.score-bar span{background:var(--brand);height:100%;transition:width .22s;display:block}.question-panel{flex-direction:column;justify-content:center;min-height:calc(100svh - 174px);margin:0 0 22px;padding:24px 18px 20px;display:flex}.question-panel h1{font-size:clamp(25px,7vw,34px);line-height:1.22}.option-list{gap:12px;margin-top:26px;display:grid}.option-button{border:1px solid var(--line);background:var(--panel-soft);width:100%;min-height:66px;color:var(--text);text-align:left;cursor:pointer;box-shadow:none;border-radius:18px;padding:16px 44px 16px 16px;transition:border .16s,background .16s,box-shadow .16s,transform .16s;position:relative}.option-button:after{content:"";background:#fff;border:1px solid #d7cfca;border-radius:50%;width:18px;height:18px;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.option-button:active{transform:scale(.99)}.option-button.selected{background:var(--brand-soft);border-color:#d84f4594;box-shadow:0 12px 24px #d84f451f}.option-button.selected:after{border-color:var(--brand);background:radial-gradient(circle, var(--brand) 0 42%, #fff 45%)}.pager{justify-content:space-between}.center-page{place-items:center;min-height:calc(100svh - 86px);display:grid}.generating-card{text-align:center;width:min(100%,520px);padding:30px 22px}.generating-card h1{font-size:clamp(27px,7vw,36px)}.soft-loader{border:5px solid #f4ddd8;border-top-color:var(--brand);border-radius:50%;width:54px;height:54px;margin:0 auto 18px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.report-page{max-width:820px;padding-bottom:56px}.report-hero{border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(#fff 0%,#fff9f7 100%);justify-content:space-between;gap:16px;margin:20px 0 16px;padding:20px;display:flex}.report-hero h1{font-size:clamp(31px,8vw,42px)}.source-pill{background:var(--brand-soft);color:var(--brand-dark);border-radius:999px;flex:none;align-self:flex-start;padding:8px 12px;font-weight:780}.source-pill.ai{background:var(--sage);color:var(--sage-text)}.score-grid{grid-template-columns:1fr;gap:10px;margin:16px 0;display:grid}.score-row{padding:15px}.score-meta{justify-content:space-between;gap:10px;margin-bottom:8px;display:flex}.score-row p{color:var(--muted);margin-bottom:0}.tabs{z-index:10;border:1px solid var(--line);box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffdb;border-radius:999px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin:18px 0;padding:4px;display:grid;position:sticky;top:62px}.tabs button{min-width:0;min-height:42px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:8px 9px;font-size:14px;font-weight:780}.tabs button.active{background:var(--text);color:#fff}.report-content{padding:20px}.report-content section{break-inside:avoid;margin-top:22px}.report-content li{margin:8px 0}.report-content p,.report-content li{white-space:pre-line}.streaming-report{border-color:#e4b6ad}.ai-loading-head{align-items:center;gap:16px;margin-bottom:18px;display:flex}.ai-loader{background:#fff7f2;border-radius:50%;flex:0 0 54px;justify-content:center;align-items:center;gap:4px;width:54px;height:54px;display:inline-flex;position:relative;box-shadow:inset 0 0 0 1px #d66f652e,0 14px 30px #452b2814}.ai-loader:before{content:"";border-radius:inherit;border:2px solid #d66f6529;border-top-color:#cf6f66;animation:1.15s linear infinite aiSpin;position:absolute;inset:7px}.ai-loader i{background:#cf6f66;border-radius:999px;width:5px;height:5px;animation:1.2s ease-in-out infinite aiPulse}.ai-loader i:nth-child(2){animation-delay:.16s}.ai-loader i:nth-child(3){animation-delay:.32s}.ai-loading-head h2{margin:0 0 10px}.ai-loading-bars,.ai-skeleton{gap:10px;display:grid}.ai-loading-bars span,.ai-skeleton span{background:#f1e8e4;border-radius:999px;height:10px;display:block;position:relative;overflow:hidden}.ai-loading-bars span{width:min(280px,48vw)}.ai-loading-bars span:nth-child(2){width:min(220px,42vw)}.ai-loading-bars span:nth-child(3){width:min(150px,32vw)}.ai-skeleton{margin-top:22px}.ai-skeleton span{height:16px}.ai-skeleton span:first-child{width:86%}.ai-skeleton span:nth-child(2){width:72%}.ai-skeleton span:nth-child(3){width:58%}.ai-loading-bars span:after,.ai-skeleton span:after{content:"";background:linear-gradient(90deg,#0000,#ffffffc7,#0000);animation:1.55s ease-in-out infinite aiShimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes aiSpin{to{transform:rotate(360deg)}}@keyframes aiPulse{0%,to{opacity:.32;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}}@keyframes aiShimmer{to{transform:translate(100%)}}.report-actions{bottom:max(12px, env(safe-area-inset-bottom));z-index:12;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;border:1px solid #e9e3dfdb;border-radius:22px;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:100%;margin:20px 0 0;padding:12px;display:grid;position:sticky;box-shadow:0 16px 34px #281c191a}.report-actions .button{white-space:normal;overflow-wrap:anywhere;border-radius:16px;width:100%;min-height:48px;padding-inline:12px}.copy-toast{bottom:calc(max(12px, env(safe-area-inset-bottom)) + 84px);z-index:13;width:fit-content;max-width:min(92%,360px);color:var(--sage-text);box-shadow:var(--shadow-soft);text-align:center;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#eaf3eef5;border:1px solid #79ad9061;border-radius:999px;margin:10px auto 0;padding:10px 14px;font-size:14px;font-weight:780;position:sticky}@media (width<=640px){.report-actions{border-radius:20px;grid-template-columns:repeat(2,minmax(0,1fr))}.report-actions .button:first-child{grid-column:1/-1}}.qr-panel{align-items:center;gap:16px;margin-top:0;padding:20px;display:grid}.qr-panel h2{margin:0 0 6px;font-size:22px}.qr-panel p{color:var(--muted);margin:0}.qr-panel img{border:1px solid var(--line);background:#fff;border-radius:18px;justify-self:center;width:min(68vw,220px);height:min(68vw,220px);padding:10px}.qr-empty{width:min(68vw,220px);height:min(68vw,220px);color:var(--soft);background:#ffffff94;border:1px dashed #d8d0cb;border-radius:18px;justify-self:center;place-items:center;font-size:28px;font-weight:850;display:grid}.advisor-page .report-hero{margin-bottom:16px}.password-panel{max-width:520px;margin:0 auto}.compact-score{grid-template-columns:repeat(2,minmax(0,1fr))}.advisor-workbench{width:min(100%,1180px);max-width:1180px;padding-bottom:56px}.advisor-grid{align-items:stretch;gap:14px;display:grid}.advisor-qr{background:linear-gradient(#fff 0%,#f7fbf8 100%)}.submission-layout{gap:14px;margin-top:16px;display:grid}.submission-list,.empty-selection{padding:18px}.submission-list h2,.empty-selection h2{margin-top:0;font-size:21px}.submission-empty{color:var(--muted);margin:0 0 4px;font-size:14px}.submission-item{border:1px solid var(--line);background:var(--panel-soft);width:100%;color:var(--text);text-align:left;cursor:pointer;border-radius:18px;gap:5px;margin-top:10px;padding:14px;transition:background .16s,border .16s,transform .16s;display:grid}.submission-item:active{transform:scale(.99)}.submission-item span,.submission-item small,.empty-selection p{color:var(--muted)}.submission-item.active{background:var(--brand-soft);border-color:#d84f4594}.submit-done{width:min(100%,560px)}.settings-actions .button,.actions .button{flex:150px}@media (width<=760px){.button{width:100%}.form-panel>.button.primary.wide:last-child{bottom:max(14px, env(safe-area-inset-bottom));z-index:12;position:sticky}.settings-actions{grid-template-columns:1fr;display:grid}.advisor-workbench{width:min(100%,760px)}}@media (width>=720px){.form-panel{grid-template-columns:repeat(2,minmax(0,1fr));padding:22px}.score-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-score{grid-template-columns:repeat(4,minmax(0,1fr))}.qr-panel{grid-template-columns:minmax(0,1fr) auto}.report-content{padding:26px}}@media (width>=980px){.topbar{width:min(100% - 48px,1180px)}.hero{grid-template-columns:minmax(0,1fr) minmax(320px,400px);gap:18px;width:min(100% - 48px,980px)}.home-hero{grid-template-columns:1fr;width:min(100% - 48px,680px)}.advisor-grid{grid-template-columns:minmax(420px,1fr) minmax(320px,420px);gap:18px}.submission-layout{grid-template-columns:320px minmax(0,1fr);gap:18px;margin-top:20px}.submission-list{align-self:start;max-height:calc(100vh - 112px);position:sticky;top:86px;overflow:auto}}@media print{body{background:#fff}.no-print,.topbar,.report-actions,.tabs{display:none!important}.page,.report-page{width:100%;max-width:100%;margin:0}.report-content,.score-row{box-shadow:none;break-inside:avoid;border-color:#ddd}h1,h2,h3{break-after:avoid}}