:root{--vt-c-white:#fff;--vt-c-white-soft:#f8f8f8;--vt-c-white-mute:#f2f2f2;--vt-c-black:#181818;--vt-c-black-soft:#222;--vt-c-black-mute:#282828;--vt-c-indigo:#2c3e50;--vt-c-divider-light-1:#3c3c3c4a;--vt-c-divider-light-2:#3c3c3c1f;--vt-c-divider-dark-1:#545454a6;--vt-c-divider-dark-2:#5454547a;--vt-c-text-light-1:var(--vt-c-indigo);--vt-c-text-light-2:#3c3c3ca8;--vt-c-text-dark-1:var(--vt-c-white);--vt-c-text-dark-2:#ebebeba3;--color-background:var(--vt-c-white);--color-background-soft:var(--vt-c-white-soft);--color-background-mute:var(--vt-c-white-mute);--color-border:var(--vt-c-divider-light-2);--color-border-hover:var(--vt-c-divider-light-1);--color-heading:var(--vt-c-text-light-1);--color-text:var(--vt-c-text-light-1);--section-gap:160px}@media (prefers-color-scheme:dark){:root{--color-background:var(--vt-c-black);--color-background-soft:var(--vt-c-black-soft);--color-background-mute:var(--vt-c-black-mute);--color-border:var(--vt-c-divider-dark-2);--color-border-hover:var(--vt-c-divider-dark-1);--color-heading:var(--vt-c-text-dark-1);--color-text:var(--vt-c-text-dark-2)}}*,:before,:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;line-height:1.6;transition:color .5s,background-color .5s}*{box-sizing:border-box}body{color:#172033;background:#f5f7fb;margin:0;font-family:Inter,Microsoft YaHei,Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.app{min-height:100vh}.topbar{z-index:20;background:#fff;border-bottom:1px solid #e7eaf0;justify-content:space-between;align-items:center;height:72px;padding:0 28px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:12px;display:flex}.logo{color:#fff;background:#2457d6;border-radius:10px;place-items:center;width:40px;height:40px;font-size:20px;font-weight:800;display:grid}.brand h1{margin:0 0 3px;font-size:17px}.brand span{color:#8b94a7;font-size:12px}.top-actions{gap:10px;display:flex}.layout{display:flex}.sidebar{background:#fff;border-right:1px solid #e7eaf0;width:220px;min-height:calc(100vh - 72px);padding:18px 12px;position:fixed;top:72px;bottom:0}.menu{color:#667085;border-radius:9px;align-items:center;gap:12px;margin:3px 0;padding:12px 14px;font-size:14px;display:flex}.menu span{text-align:center;width:20px;font-size:16px}.menu.active{color:#2457d6;background:#edf3ff;font-weight:700}.side-note{color:#667085;background:#f5f7fb;border-radius:10px;padding:14px;font-size:12px;line-height:1.8;position:absolute;bottom:25px;left:20px;right:20px}.side-note b{color:#172033}.content{width:calc(100% - 220px);max-width:1500px;margin-left:220px;padding:30px}.page-title{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.page-title h2{margin:0 0 6px;font-size:25px}.page-title p{color:#8b94a7;margin:0;font-size:13px}.primary,.ghost{border:0;border-radius:8px;margin-right:10px;padding:10px 16px}.primary{color:#fff;background:#2457d6}.primary:hover{background:#1d47b4}.ghost{color:#475467;background:#fff;border:1px solid #dfe4ec}.big{padding:12px 20px}.stats{grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px;display:grid}.stat{background:#fff;border:1px solid #e7eaf0;border-radius:12px;padding:18px 20px}.stat span,.stat em{color:#8b94a7;font-size:13px;font-style:normal;display:block}.stat b{margin:8px 8px 2px 0;font-size:28px;display:inline-block}.panel{background:#fff;border:1px solid #e7eaf0;border-radius:12px;margin-bottom:18px;padding:22px}.panel h3{margin:0 0 18px;font-size:16px}.panel-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.panel-head h3{margin:0}.text-btn,.link,.danger-link{color:#2457d6;background:0 0;border:0;padding:4px 8px}.danger-link{color:#d92d20}.toolbar{gap:10px;margin-bottom:16px;display:flex}.toolbar input{flex:1}.toolbar select{width:auto}input,select{color:#172033;background:#fff;border:1px solid #d8dee9;border-radius:7px;outline:none;width:100%;padding:9px 11px}input:focus,select:focus{border-color:#7b9be8}.full{margin:8px 0 15px}.form-panel h3{border-top:1px solid #f0f2f6;margin-top:22px;padding-top:4px;padding-bottom:2px}.form-panel h3:first-child{border-top:0;margin-top:0}.form-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.form-grid label,.risk-grid label,.health-grid label{color:#667085;font-size:12px}.form-grid input,.form-grid select,.risk-grid select,.health-grid select{margin-top:7px;display:block}.wide{grid-column:1/-1}.checks{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.checks label{color:#475467;background:#fafbfc;border:1px solid #e2e6ed;border-radius:6px;padding:7px 9px}.checks input{width:auto;margin:0}.disease{color:#667085;line-height:2}.risk-grid,.health-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.med-row{grid-template-columns:1.3fr 1fr 1fr 1fr 35px;gap:8px;margin-bottom:8px;display:grid}.med-row button{color:#d92d20;background:#fff0f0;border:0;border-radius:7px}.footer-actions{justify-content:flex-end;gap:10px;margin-top:24px;display:flex}.steps{color:#98a2b3;align-items:center;gap:10px;margin-bottom:18px;font-size:13px;display:flex}.steps span{background:#edf0f5;border-radius:20px;padding:8px 14px}.steps span.on{color:#2457d6;background:#e8efff;font-weight:700}.steps i{background:#dfe3ea;width:30px;height:1px}.score-panel{padding:0;overflow:hidden}.score-head{background:#fbfcfe;border-bottom:1px solid #edf0f4;justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.score-head h3{margin:0 0 5px}.score-head p{color:#8b94a7;margin:0;font-size:12px}.score-head strong{color:#2457d6;font-size:20px}.question{border-bottom:1px solid #edf0f4;padding:20px 22px}.q-title{justify-content:space-between;display:flex}.q-title span{color:#2457d6;font-weight:700}.question>p{color:#8b94a7;margin:7px 0 13px;font-size:12px}.options{gap:7px;display:grid}.options label{color:#475467;border:1px solid #e1e6ee;border-radius:8px;align-items:flex-start;gap:9px;padding:10px 12px;font-size:13px;display:flex}.options label.selected{background:#f2f6ff;border-color:#7b9be8}.options input{width:auto;margin-top:2px}.options b{color:#2457d6;min-width:36px}.sticky-result{background:#fff;border:1px solid #dce3ef;border-radius:12px;align-items:center;gap:10px;margin-top:15px;padding:13px 16px;display:flex;position:sticky;bottom:15px;box-shadow:0 8px 30px #17203318}.sticky-result div{margin-right:auto;font-size:14px}.sticky-result b{color:#2457d6;font-size:22px}.report-card{color:#fff;background:linear-gradient(135deg,#2457d6,#4779e8);border-radius:14px;justify-content:space-between;align-items:center;margin-bottom:18px;padding:28px;display:flex}.report-card span{opacity:.8;font-size:13px}.report-card h2{margin:8px 0;font-size:28px}.report-card p{opacity:.9;margin:0}.score-circle{border:5px solid #fff6;border-radius:50%;place-items:center;width:92px;height:92px;font-size:28px;font-weight:800;display:grid}.report-grid{grid-template-columns:repeat(2,1fr);gap:22px;display:grid}.report-stat span{color:#667085;font-size:13px}.report-stat b{float:right}.bar{background:#edf0f5;border-radius:9px;height:7px;margin-top:10px;overflow:hidden}.bar i{background:#4779e8;border-radius:9px;height:100%;display:block}.warning{background:#fffaf0;border-color:#f1d7a4}.warning h3{color:#8a5a00}.muted{color:#98a2b3;font-size:12px}.info-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.info-card{background:#fff;border:1px solid #e7eaf0;border-radius:12px;padding:18px}.info-card b{font-size:14px}.info-card p{color:#667085;margin:8px 0 0;font-size:13px;line-height:1.7}.tag{border-radius:20px;padding:4px 9px;font-size:12px;display:inline-block}.tag.l0{color:#1f8a4c;background:#eaf7ef}.tag.l1{color:#2457d6;background:#eef4ff}.tag.l2{color:#a15c00;background:#fff5df}.tag.l3{color:#c2410c;background:#fff0e8}.tag.l4{color:#c62828;background:#ffeaea}.empty{text-align:center;color:#98a2b3;padding:40px}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;color:#667085;background:#fafbfc;font-weight:600}th,td{border-bottom:1px solid #edf0f4;padding:13px 10px}.report ul,.panel ul{color:#475467;line-height:2}@media (width<=900px){.sidebar{width:70px}.sidebar .menu{justify-content:center;font-size:0}.side-note{display:none}.content{width:calc(100% - 70px);margin-left:70px;padding:18px}.stats,.form-grid,.risk-grid,.health-grid,.info-grid,.report-grid{grid-template-columns:1fr 1fr}.brand h1{font-size:14px}.topbar{padding:0 14px}}@media (width<=600px){.stats,.form-grid,.risk-grid,.health-grid,.info-grid,.report-grid{grid-template-columns:1fr}.top-actions .ghost{display:none}.content{padding:12px}.med-row{grid-template-columns:1fr}.steps i{width:10px}}