:root{--bg: #f7f4ee;--surface: #ffffff;--ink: #2b2a26;--ink-soft: #6d6a61;--line: #e5e0d5;--accent: #3e6650;--danger: #b4432f;--radius: 16px;--shadow: 0 2px 12px rgba(43, 42, 38, .08)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}#app{max-width:520px;margin:0 auto;padding:16px;min-height:100dvh;display:flex;flex-direction:column}.el-icon{width:100%;height:100%;display:block}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}.primary-btn{display:block;width:100%;padding:16px;border:none;border-radius:var(--radius);background:var(--accent);color:#fff;font-size:1.05rem;font-weight:600}.primary-btn:active{filter:brightness(.92)}.primary-btn.danger{background:transparent;color:var(--danger);border:1.5px solid var(--danger);margin-top:28px}.text-btn{background:none;border:none;color:var(--ink-soft);text-decoration:underline;padding:12px}.icon-btn{background:none;border:none;font-size:1.4rem;color:var(--ink);padding:8px 12px;border-radius:10px}.icon-btn:disabled{opacity:.25;cursor:default}.intro{margin:auto 0;text-align:center;padding:24px 8px}.intro-icons{display:flex;justify-content:center;gap:10px;margin-bottom:20px}.intro-icon{width:52px;height:52px;padding:10px;border-radius:50%;color:var(--el);background:color-mix(in srgb,var(--el) 12%,#fff)}.intro h1{margin:0;font-size:2.1rem;letter-spacing:-.02em}.intro-sub{margin:4px 0 20px;color:var(--ink-soft);font-size:1.05rem}.intro-body{text-align:left;color:var(--ink-soft);margin:0 0 14px}.intro .primary-btn{margin-top:14px}.quiz{display:flex;flex-direction:column;flex:1}.quiz-header{display:flex;align-items:center;gap:10px;padding:4px 0 14px}.progress{flex:1;height:8px;border-radius:4px;background:var(--line);overflow:hidden}.progress-fill{height:100%;background:var(--accent);border-radius:4px;transition:width .25s ease}.progress-count{font-variant-numeric:tabular-nums;color:var(--ink-soft);font-size:.9rem;min-width:58px;text-align:right}.quiz-icons{display:flex;justify-content:center;gap:8px;padding:8px 0 2px}.quiz-title{text-align:center;font-size:1.35rem;letter-spacing:-.02em;margin:6px 0 16px}.quiz-icon{width:38px;height:38px;padding:8px;border-radius:50%;color:var(--el);background:color-mix(in srgb,var(--el) 12%,#fff)}.quiz-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px 20px;display:flex;flex-direction:column;justify-content:center;min-height:320px}.quiz-question{font-size:1.3rem;font-weight:550;text-align:center;margin:0 0 32px;min-height:4.9rem;display:flex;align-items:center;justify-content:center}.scale{display:flex;gap:8px}.scale-btn{flex:1;aspect-ratio:1;max-height:64px;border-radius:14px;border:1.5px solid var(--line);background:var(--bg);font-size:1.2rem;font-weight:600;color:var(--ink);transition:background .12s,border-color .12s,transform .12s}.scale-btn.selected{background:var(--accent);border-color:var(--accent);color:#fff;transform:scale(1.06)}.scale-labels{display:flex;justify-content:space-between;margin-top:10px;color:var(--ink-soft);font-size:.82rem}.quiz-footer{text-align:center;padding-top:18px;margin-top:auto}.results{padding-bottom:32px}.results-title{font-size:1.7rem;margin:12px 0 6px;letter-spacing:-.02em}.results-summary{color:var(--ink-soft);margin:0 0 22px}.bars{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px 16px;display:flex;flex-direction:column;gap:16px}.bar-row{display:flex;align-items:center;gap:12px}.bar-icon{width:34px;height:34px;flex-shrink:0;color:var(--el)}.bar-main{flex:1;min-width:0}.bar-label{display:flex;justify-content:space-between;align-items:baseline;font-size:.95rem;margin-bottom:5px}.bar-archetype{color:var(--ink-soft);font-size:.85rem}.bar-track{height:10px;border-radius:5px;background:var(--line);overflow:hidden}.bar-fill{height:100%;border-radius:5px;background:var(--el);transition:width .8s cubic-bezier(.22,1,.36,1)}.hero{margin-top:22px;background:color-mix(in srgb,var(--el) 9%,#fff);border:1.5px solid color-mix(in srgb,var(--el) 35%,transparent);border-radius:var(--radius);padding:26px 20px;text-align:center}.hero-icon{width:64px;height:64px;margin:0 auto 10px;padding:13px;border-radius:50%;color:#fff;background:var(--el)}.hero-icon .el-icon{width:38px;height:38px}.hero-kicker{text-transform:uppercase;letter-spacing:.09em;font-size:.75rem;color:var(--el);font-weight:700;margin:0}.hero-title{margin:4px 0 12px;font-size:1.45rem}.hero-desc{text-align:left;color:var(--ink-soft);margin:0}.section-title{font-size:1.15rem;margin:28px 0 12px}.cards{display:flex;flex-direction:column;gap:10px}.el-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);border-left:4px solid var(--el)}.el-card summary{display:flex;align-items:center;gap:12px;padding:14px 16px;list-style:none;cursor:pointer}.el-card summary::-webkit-details-marker{display:none}.card-icon{width:26px;height:26px;color:var(--el);flex-shrink:0}.card-title{flex:1;font-weight:600}.card-pct{color:var(--ink-soft);font-variant-numeric:tabular-nums}.card-body{padding:0 16px 16px;color:var(--ink-soft)}.card-body h3{color:var(--ink);font-size:.95rem;margin:14px 0 6px}.card-body ul{margin:0;padding-left:20px}.card-body li{margin:3px 0}.card-body p{margin:6px 0 0}@media(min-width:600px){#app{padding:32px 16px}}