:root{font-family:Hiragino Kaku Gothic ProN,Yu Gothic,system-ui,sans-serif;line-height:1.6;font-weight:400;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg-main: #f7f6f2;--bg-sub: #ecebe6;--paper: #fbfbf9;--ink-main: #2f2f2f;--ink-sub: #6b6b6b;--line-soft: #e4e2dc;--btn-main: #2f2f2f;--btn-hover: #1f1f1f}body{margin:0;background:linear-gradient(180deg,var(--bg-main),var(--bg-sub));color:var(--ink-main)}:root{--bg-main: #f7f6f2;--bg-sub: #ecebe6;--paper: #fbfbf9;--ink-main: #2f2f2f;--ink-sub: #6b6b6b;--ink-faint: #9b9b9b;--line-soft: #e4e2dc;--btn-main: #2f2f2f;--btn-hover: #1f1f1f}body{margin:0;font-family:Hiragino Kaku Gothic ProN,Yu Gothic,system-ui,sans-serif;background:linear-gradient(180deg,var(--bg-main),var(--bg-sub));color:var(--ink-main);-webkit-font-smoothing:antialiased}.app-shell{max-width:960px;margin:0 auto;padding:2rem 1rem}h1,h2,h3{letter-spacing:1px}.card{background:var(--paper);border-radius:18px;border:1px solid var(--line-soft);box-shadow:0 8px 20px #0000000d;padding:24px}.btn{border:none;border-radius:12px;padding:12px 20px;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-main{background:var(--btn-main);color:#fff}.btn-main:hover{background:var(--btn-hover)}.btn-soft{background:#f1f1ef;border:1px solid var(--line-soft);color:var(--ink-main)}.progress-track{height:8px;background:var(--line-soft);border-radius:8px;overflow:hidden}.progress-bar{height:100%;transition:width .4s ease}.level-1{background:#ecfccb}.level-2{background:#dbeafe}.level-risk{background:#fee2e2}@media(max-width:640px){.app-shell{padding:1rem}.card{padding:18px;border-radius:14px}.btn{width:100%;padding:14px}}