:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#202022;--muted:#68615b;--paper:#fffdf5;--sun:#ffd95a;--mint:#82d8bd;--coral:#ff8f78;--blue:#73a7ff;--line:#26211d;--shadow:0 20px 50px #2c231429}*{box-sizing:border-box}html{background:#fff7d6;min-height:100%}body{min-height:100%;color:var(--ink);letter-spacing:0;background:radial-gradient(circle at 12% 10%,#82d8bd6b,#0000 28%),radial-gradient(circle at 92% 16%,#ff8f7852,#0000 26%),linear-gradient(135deg,#fff7d6 0%,#f9fbff 52%,#eaf8f2 100%);margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button{font:inherit}.app-shell{width:min(100%,980px);min-height:100svh;padding:28px 18px calc(28px + env(safe-area-inset-bottom));margin:0 auto}.hero-panel{grid-template-columns:1fr 280px;align-items:center;gap:22px;min-height:240px;display:grid}.hero-copy h1{letter-spacing:0;max-width:720px;margin:8px 0 12px;font-size:clamp(2.25rem,8vw,5rem);line-height:.98}.eyebrow{color:#6d4f00;margin:0;font-size:.88rem;font-weight:800}.lead{color:#4d4a45;max-width:680px;margin:0;font-size:clamp(1rem,2vw,1.18rem);line-height:1.8}.mini-scene{min-height:220px;position:relative}.bubble,.face{border:3px solid var(--line);place-items:center;display:grid;position:absolute;box-shadow:8px 8px #2020221f}.bubble{background:var(--paper);border-radius:8px;min-width:74px;min-height:44px;padding:8px 12px;font-weight:900}.bubble-one{background:#fff;top:12px;left:58px;transform:rotate(-6deg)}.bubble-two{background:#dcf5ec;top:78px;right:8px;transform:rotate(5deg)}.bubble-three{background:#ffe3dc;bottom:18px;left:12px;transform:rotate(4deg)}.face{border-radius:50%;width:74px;height:74px}.face:before,.face:after{content:"";background:var(--line);border-radius:50%;width:7px;height:7px;position:absolute;top:27px}.face:before{left:23px}.face:after{right:23px}.face-one{background:var(--sun);bottom:34px;right:70px}.face-two{background:var(--mint);bottom:56px;left:76px}.face-three{background:var(--blue);width:58px;height:58px;top:58px;left:6px}.card,.result-card{border:3px solid var(--line);box-shadow:var(--shadow);background:#fffdf5f5;border-radius:8px;margin:18px auto 0}.start-card{gap:18px;max-width:560px;padding:22px;display:grid}.privacy-note{color:#4d4638;background:#fff8dc;border:2px dashed #9b8444;border-radius:8px;margin:0;padding:14px 16px;font-weight:700;line-height:1.7}.primary-button,.ghost-button,.back-button,.option-button{border:3px solid var(--line);cursor:pointer;border-radius:8px;min-height:52px;transition:transform .14s,box-shadow .14s,background .14s}.primary-button{background:var(--coral);color:#211513;width:100%;box-shadow:5px 5px 0 var(--line);padding:16px 20px;font-size:1.06rem;font-weight:900}.ghost-button,.back-button{color:var(--ink);background:#fff;padding:12px 16px;font-weight:800}.primary-button:hover,.ghost-button:hover,.back-button:hover,.option-button:hover{transform:translateY(-2px)}.primary-button:active,.ghost-button:active,.back-button:active,.option-button:active{box-shadow:2px 2px 0 var(--line);transform:translateY(1px)}.question-card{max-width:680px;padding:20px}.progress-row{color:var(--muted);justify-content:space-between;font-size:.95rem;font-weight:900;display:flex}.progress-track{border:2px solid var(--line);background:#fff;border-radius:999px;height:12px;margin:10px 0 24px;overflow:hidden}.progress-track span{background:linear-gradient(90deg, var(--mint), var(--sun), var(--coral));height:100%;transition:width .18s;display:block}.question-card h2{letter-spacing:0;margin:0 0 18px;font-size:clamp(1.35rem,5vw,2.2rem);line-height:1.35}.options{gap:12px;display:grid}.option-button{width:100%;color:var(--ink);text-align:left;background:#fff;gap:4px;padding:15px 16px;display:grid}.option-button span{font-size:1.06rem;font-weight:900}.option-button small{color:var(--muted);font-size:.92rem;font-weight:700;line-height:1.45}.back-button{width:100%;margin-top:14px}.result-card{background:linear-gradient(180deg, #ffffffeb, #fffae3f5), var(--paper);max-width:860px;padding:18px}.result-header{border:3px solid var(--line);background:#fff4a8;border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:14px;padding:18px;display:grid}.result-header h2{letter-spacing:0;grid-column:1;margin:2px 0 0;font-size:clamp(1.7rem,6vw,3.2rem);line-height:1.12}.score-ring{border:4px solid var(--line);width:112px;height:112px;box-shadow:6px 6px 0 var(--line);background:#fff;border-radius:50%;grid-area:1/2/span 2;place-items:center;display:grid}.score-ring span{font-size:2.5rem;font-weight:1000;line-height:1}.score-ring small{margin-top:-18px;font-weight:900}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.result-item{border:2px solid var(--line);background:#fff;border-radius:8px;min-height:142px;padding:15px}.result-item h3{margin:0 0 8px;font-size:.96rem;line-height:1.45}.result-item p,.share-box p{color:#3f3a35;margin:0;font-size:.98rem;font-weight:650;line-height:1.72}.share-box{border:3px solid var(--line);background:#e6f7f0;border-radius:8px;gap:12px;margin-top:14px;padding:16px;display:grid}@media (max-width:760px){.app-shell{padding:18px 12px calc(20px + env(safe-area-inset-bottom))}.hero-panel{grid-template-columns:1fr;min-height:auto}.mini-scene{order:-1;min-height:132px}.bubble{min-width:58px;min-height:36px;padding:6px 9px;font-size:.82rem}.bubble-one{left:32%}.bubble-two{top:52px;right:8%}.bubble-three{bottom:4px;left:10%}.face{width:58px;height:58px}.face:before,.face:after{width:6px;height:6px;top:22px}.face:before{left:18px}.face:after{right:18px}.face-one{bottom:16px;right:30%}.face-two{bottom:26px;left:25%}.face-three{width:48px;height:48px;top:35px;left:2%}.card,.result-card{margin-top:14px}.start-card,.question-card,.result-card{padding:14px}.result-header{grid-template-columns:1fr;padding:14px}.result-header h2{grid-column:auto}.score-ring{grid-area:auto;justify-self:start;width:96px;height:96px}.result-grid{grid-template-columns:1fr}.result-item{min-height:auto}}