:root{color:#2d2b25;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#e6f3d8;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,Source Han Sans SC,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{background:radial-gradient(circle at 12% 18%,#7cbe4c6b,#0000 38%),radial-gradient(circle at 84% 10%,#ffbc6157,#0000 35%),radial-gradient(circle at 50% 78%,#986a2b29,#0000 46%),linear-gradient(160deg,#ecf8df 0%,#f6efd8 100%);min-width:320px;min-height:100vh;margin:0}#root{min-height:100vh}.page{align-content:center;place-items:center;gap:14px;min-height:100vh;padding:32px 16px;display:grid}.panel{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffcf4e0;border:1px solid #634c2633;border-radius:18px;width:min(920px,100%);padding:28px;box-shadow:0 26px 50px #3c2c1224}.head{margin-bottom:18px}.eyebrow{color:#7a5f2d;letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:12px}h1{color:#2f2a1e;margin:10px 0;font-size:clamp(30px,4vw,42px);line-height:1.12}h2{color:#2f2a1e;margin:0;font-size:clamp(22px,2.6vw,30px)}h3{color:#2f2a1e;margin:0;font-size:18px}.intro{color:#665b42;margin:0}.start p,.result-card p,.dimension-item p,.progress-wrap p,.match-item p{color:#544e3f;margin:0}.start{gap:16px;margin-top:24px;display:grid}button{cursor:pointer;font:inherit;border:none;border-radius:12px;transition:transform .14s,box-shadow .2s}button:hover{transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.45;transform:none}.primary{color:#fff;background:linear-gradient(120deg,#4f8f2f,#88b342);justify-self:start;padding:10px 18px;box-shadow:0 10px 18px #4a852b40}.quiz,.result{gap:16px;margin-top:24px;display:grid}.autosave-note{color:#5d5137;background:#f7f1e3;border:1px solid #d9c7a3;border-radius:10px;margin:0;padding:8px 10px;font-size:14px}.autosave-row{align-items:center;gap:10px;display:flex}.progress-wrap{gap:8px;display:grid}.progress{background:#ede2c8;border-radius:999px;width:100%;height:10px;overflow:hidden}.progress span{background:linear-gradient(90deg,#60a53a,#8bc34a);height:100%;display:block}.question-card{background:#fffef8;border:1px solid #e5d7ba;border-radius:14px;gap:14px;padding:18px;display:grid}.options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.options button{text-align:left;color:#393325;background:#f8f2e4;border:1px solid #ddcca8;min-height:74px;padding:12px}.options button:hover{box-shadow:0 8px 16px #4c3f231f}.result-card{background:linear-gradient(140deg,#fffef9,#fbf4e6);border:1px solid #d8c7a6;border-radius:14px;gap:10px;padding:18px;display:grid}.result-label{color:#80642f;letter-spacing:.06em;text-transform:uppercase;font-size:13px}.meta{color:#6e5b30;font-weight:600}.share-from{color:#6a603f;font-size:13px}.share-card{background:#fff8e8;border:1px solid #d9c7a3;border-radius:12px;gap:8px;padding:12px;display:grid}.share-title{color:#5c4c2f;margin:0;font-weight:600}.share-controls{gap:8px;display:flex}.share-controls input{color:#53472f;min-width:0;font:inherit;background:#fffdf7;border:1px solid #cfbe98;border-radius:10px;flex:1;padding:8px 10px}.match-list{gap:10px;display:grid}.match-item{background:#f5fbe9;border:1px solid #d9c7a3;border-radius:12px;justify-content:space-between;align-items:end;gap:10px;padding:12px;display:flex}.match-item strong{color:#35521e}.hint{color:#6a5c3d}.tendency{background:#fdf8ed;border:1px dashed #d7c5a2;border-radius:10px;gap:4px;padding:10px;display:grid}.tendency p{color:#5b4e34;margin:0}.analysis{background:#fffaf0;border:1px solid #dcccae;border-radius:12px;gap:8px;padding:14px;display:grid}.analysis h3{margin:0}.analysis p{color:#5b4e34;margin:0}.analysis-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.analysis-item{background:#fffdf7;border:1px solid #ddcfb4;border-radius:10px;gap:6px;padding:10px;display:grid}.analysis-item h4{color:#4f4026;margin:0;font-size:15px}.analysis-meta{color:#6b5a38;font-size:13px;font-weight:600}.analysis-item p{color:#4f4636;margin:0}.lean-bar-wrap{gap:6px;display:grid}.lean-bar{background:linear-gradient(90deg,#d9745a 0%,#ead9b4 50%,#62a65c 100%);border-radius:999px;height:10px;position:relative}.lean-center{background:#37302459;width:2px;position:absolute;top:-2px;bottom:-2px;left:50%;transform:translate(-50%)}.lean-marker{background:#fff;border:2px solid #3f3728;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 1px 4px #00000040}.lean-labels{color:#5f543d;justify-content:space-between;gap:8px;font-size:12px;display:flex}.actions{justify-content:flex-start;display:flex}.ghost{color:#4c402a;background:0 0;border:1px solid #cfbb95;padding:9px 14px}.ghost-small{white-space:nowrap;padding:7px 10px;font-size:13px}.site-footer{color:#5f543d;justify-content:center;align-items:center;gap:8px;width:min(920px,100%);padding:0 2px;font-size:13px;display:flex}.site-footer a{color:#3b6e2c;text-decoration:none}.site-footer a:hover{text-decoration:underline}.site-footer span+span:before{content:"·";color:#8c7e61;margin:0 6px 0 2px}@media (width<=760px){.panel{padding:20px}.options,.match-list,.analysis-grid{grid-template-columns:1fr}.options button{min-height:62px}.autosave-row{flex-direction:column;align-items:stretch}.share-controls{flex-direction:column}.site-footer{flex-wrap:wrap;row-gap:4px}}