:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff6f0;--surface:#fffdf9;--surface-soft:#fff0ea;--text:#2f2430;--muted:#7d6873;--line:#ead8d1;--primary:#c94163;--primary-dark:#a72f4f;--mint:#72b8a6;--gold:#d8a642;--ink:#3d3143;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 0 0,#d8a64233,#0000 34%),linear-gradient(#fff9f3 0%,#ffe9e6 48%,#f2fbf7 100%);margin:0}button,input,a{font:inherit}button{cursor:pointer;border:1px solid #0000;border-radius:8px;min-height:48px;font-weight:800}button:disabled{cursor:not-allowed;opacity:.55}input{border:1px solid var(--line);width:100%;min-height:46px;color:var(--text);background:#fff;border-radius:8px;padding:0 12px}input:focus{border-color:var(--primary);outline:3px solid #c9416324}.app-shell{width:min(100%,780px);min-height:100vh;margin:0 auto;padding:18px}.hero-screen,.test-screen,.result-screen,.login-screen{align-content:center;gap:20px;min-height:calc(100vh - 36px);display:grid}.hero-screen{padding:18px 0 24px}.hero-copy{gap:14px;display:grid}.eyebrow{color:var(--primary);letter-spacing:0;margin:0;font-size:12px;font-weight:900}h1,h2,h3,p{margin:0}h1{color:var(--ink);letter-spacing:0;font-size:clamp(34px,9vw,58px);line-height:1.05}h2{color:var(--ink);letter-spacing:0;font-size:20px;line-height:1.25}h3{color:var(--ink);letter-spacing:0;font-size:17px;line-height:1.3}p{color:var(--muted);line-height:1.7}.hero-subtitle{color:#594555;max-width:680px;font-size:18px;font-weight:700}.signal-board{background:linear-gradient(135deg,#ffffffeb,#fff0eaeb),linear-gradient(120deg,#72b8a633,#d8a6422e);border:1px solid #c9416329;border-radius:8px;gap:8px;padding:20px;display:grid;box-shadow:0 18px 42px #7e454e1f}.signal-board span,.signal-board small{color:var(--muted);font-weight:700}.pair-bubbles{flex-wrap:wrap;gap:8px;display:flex}.pair-bubbles strong{min-height:38px;color:var(--primary);letter-spacing:0;background:#ffffffdb;border:1px solid #c941632e;border-radius:999px;place-items:center;padding:0 12px;font-size:15px;display:inline-grid;box-shadow:0 8px 18px #7e454e14}.primary{color:#fff;background:linear-gradient(135deg, var(--primary), #e0697e);box-shadow:0 12px 24px #c9416340}.primary:hover{background:linear-gradient(135deg, var(--primary-dark), var(--primary))}.secondary{color:var(--primary);background:#fff;border-color:#c9416338}.secondary.strong{color:var(--ink);background:#fff8e8;border-color:#d8a64280}.ghost{color:var(--muted);background:0 0;border-color:#0000}.action-link{text-align:center;border-radius:8px;place-items:center;min-height:48px;padding:0 12px;font-weight:800;text-decoration:none;display:grid}.hero-button{width:100%}.config-error{color:#7a3a16;background:#fff7ed;border:1px solid #f3bf93;border-radius:8px;gap:6px;margin-bottom:14px;padding:12px;display:grid}.config-error strong{color:#7a3a16}.config-error p{color:#8a4a25;font-size:13px;line-height:1.5}.step-header{gap:10px;padding:8px 0;display:grid}.step-header h1{font-size:clamp(28px,8vw,44px)}.question-progressbar{background:#c941631f;border-radius:999px;width:100%;height:8px;overflow:hidden}.question-progressbar i{border-radius:inherit;background:linear-gradient(90deg, var(--primary), var(--gold));height:100%;transition:width .18s;display:block}.picker-group,.question-card,.story-card,.locked-card,.login-panel{background:#fffdf9eb;border:1px solid #4d2e3b1a;border-radius:8px;box-shadow:0 14px 34px #7e454e1a}.picker-group{gap:14px;padding:18px;display:grid}.mbti-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.mbti-grid button,.relationship-list button,.question-card button{color:var(--ink);background:#fff;border-color:#7d68732e}.mbti-grid button{gap:4px;min-height:68px;padding:8px 6px;display:grid}.mbti-grid button strong{font-size:16px;line-height:1.1}.mbti-grid button span{color:var(--muted);font-size:12px;font-weight:800;line-height:1.25}.mbti-grid button.selected span{color:#ffffffd1}.relationship-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.relationship-list button{min-height:58px;padding:8px}.question-card{gap:12px;padding:16px;display:grid}.question-card button{text-align:left;min-height:68px;padding:14px;line-height:1.55}.mbti-grid button.selected,.relationship-list button.selected,.question-card button.selected{color:#fff;background:linear-gradient(135deg, var(--primary), #dd6a7c);border-color:#0000;box-shadow:0 10px 20px #c9416333}.nav-actions,.result-actions{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:12px;display:grid}.nav-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.question-actions{grid-template-columns:minmax(0,1fr) auto}.question-actions span{color:var(--muted);text-align:right;font-size:13px;font-weight:800}.unlock-panel{background:#f8fffbe6;border:1px solid #72b8a63d;border-radius:8px;gap:12px;padding:14px;display:grid;box-shadow:0 14px 34px #7e454e14}.unlock-actions{display:grid}.result-screen{align-content:start;padding-bottom:28px}.result-hero{gap:12px;padding:20px 0 4px;display:grid}.result-hero h1{font-size:clamp(30px,8vw,48px)}.score-orbit{aspect-ratio:1;background:radial-gradient(circle,#fffdf9 0%,#fff2ed 58%,#72b8a62e 100%);border:1px solid #d8a64280;border-radius:50%;justify-self:center;place-items:center;gap:6px;width:min(100%,240px);display:grid;box-shadow:inset 0 0 0 9px #ffffffa3,0 16px 32px #7e454e24}.score-orbit span,.score-orbit small{color:var(--muted);font-weight:800}.score-orbit strong{color:var(--primary);letter-spacing:0;font-size:clamp(52px,14vw,78px);line-height:.9}.tag-row{flex-wrap:wrap;gap:10px;display:flex}.tag-row span{color:var(--primary-dark);background:#fff;border:1px solid #c941632e;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:900}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.metric-grid article{background:#f8fffbe6;border:1px solid #72b8a638;border-radius:8px;gap:10px;padding:14px;display:grid}.metric-grid span{color:var(--muted);font-size:13px;font-weight:800}.metric-grid strong{color:var(--ink);font-size:28px}.meter{background:#72b8a62e;border-radius:999px;height:8px;overflow:hidden}.meter i{border-radius:inherit;background:linear-gradient(90deg, var(--mint), var(--gold));height:100%;display:block}.story-card{gap:10px;padding:18px;display:grid}.story-card.accent{background:#fffaf0;border-color:#d8a64266}.story-card strong{color:var(--primary);font-size:38px}.story-card ul{color:var(--text);gap:10px;margin:0;padding-left:20px;line-height:1.7;display:grid}.locked-section{gap:14px;display:grid}.section-title{gap:8px;display:grid}.locked-list,.unlocked-report{gap:12px;display:grid}.locked-card{gap:12px;padding:16px;display:grid;position:relative;overflow:hidden}.locked-card>span{color:#7a4d0a;background:#fff0c2;border-radius:999px;width:fit-content;padding:5px 10px;font-size:12px;font-weight:900}.blur-lines{filter:blur(2px);opacity:.48;gap:8px;display:grid}.blur-lines i{background:linear-gradient(90deg,#c941633d,#72b8a63d);border-radius:999px;height:12px;display:block}.blur-lines i:nth-child(2){width:82%}.blur-lines i:nth-child(3){width:58%}.sync-message{color:var(--primary-dark);font-size:13px;font-weight:800}.ai-cta-copy{background:#f8fffbe0;border:1px solid #72b8a638;border-radius:8px;gap:6px;padding:12px;display:grid}.ai-cta-copy strong{color:var(--ink);font-size:14px}.ai-cta-copy p{font-size:13px;line-height:1.55}.unlock-button{min-height:100%;padding:12px 14px;line-height:1.45}.login-screen{align-content:center}.login-panel{justify-self:center;gap:14px;width:min(100%,520px);padding:22px;display:grid}.login-panel label{color:var(--ink);gap:8px;font-weight:800;display:grid}.code-row{grid-template-columns:1fr 112px;gap:8px;display:grid}.code-row button{min-height:46px;color:var(--primary);background:#fff;border-color:#c9416338;font-size:13px}@media (width<=640px){.app-shell{padding:14px}.hero-screen,.test-screen,.result-screen,.login-screen{min-height:calc(100vh - 28px)}.mbti-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mbti-grid button{min-height:64px}.relationship-list,.metric-grid{grid-template-columns:1fr}.score-orbit{width:min(100%,200px)}.result-actions{grid-template-columns:1fr}}@media (width>=700px){.mbti-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=380px){.unlock-actions,.nav-actions,.result-actions,.code-row{grid-template-columns:1fr}}