:root{--paper:#efedf9;--ink:#302751;--purple:#6850c9;--mint:#c9eadc;--peach:#f7c6ad;--line:#d8d3e8;--muted:#736d88}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Avenir Next','PingFang SC',system-ui,sans-serif;-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer;color:inherit;touch-action:manipulation}button:disabled{cursor:default;opacity:.5}button:focus-visible,a:focus-visible{outline:3px solid var(--purple);outline-offset:4px}.shell{max-width:1000px;margin:auto;padding:24px 32px 100px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:34px}.wordmark{border:0;background:none;padding:0;font-size:29px;font-weight:850;letter-spacing:-1.7px;display:flex;align-items:center}.wordmark span{color:var(--purple);padding:0 2px}.wordmark i{font-style:normal;font-size:10px;letter-spacing:2px;padding-left:14px;font-weight:600}.language{background:transparent;border:1px solid var(--line);border-radius:50px;padding:8px 15px;font-size:12px}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px;padding:10px 0 36px}.eyebrow{font:600 11px 'Avenir Next',sans-serif;letter-spacing:2px;text-transform:uppercase;color:var(--purple)}h1{font-size:clamp(42px,6vw,66px);letter-spacing:-2px;line-height:1.12;margin:20px 0}h1 em{font-style:normal;color:var(--purple)}h2{font-size:28px;line-height:1.35;letter-spacing:-.7px;margin:12px 0 18px}h3{font-size:18px;margin:12px 0}p{line-height:1.75}p.lede{color:var(--muted);font-size:15px;max-width:390px}.stage{height:285px;position:relative;display:grid;place-items:center}.stage svg{width:100%;height:100%;overflow:visible}.stage .orbit{position:absolute;bottom:-2px;font-size:11px;letter-spacing:1px;color:var(--muted)}.spark{transform-origin:center;animation:float 5s ease-in-out infinite}.together{display:flex;gap:10px;margin:22px 0;flex-wrap:wrap}.pill{font-size:11px;border:1px solid var(--line);border-radius:30px;padding:6px 12px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:18px 0}.section-head h2{font-size:20px;margin:0}.fine{font-size:12px;color:var(--muted);line-height:1.7}.themes{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.theme{border:0;border-radius:22px;overflow:hidden;text-align:left;padding:22px;position:relative;min-height:230px;transition:transform .2s;background:#ddd5f2}.theme:hover{transform:translateY(-4px)}.theme.mint{background:var(--mint)}.theme.peach{background:var(--peach)}.theme.lilac{background:#d8cdf0}.theme-symbol{font-size:55px;line-height:1.2;display:block;margin-bottom:17px}.theme h3{font-size:20px;letter-spacing:-.5px;margin:8px 0}.theme p{font-size:12px;margin:0;color:#504666}.theme .price{position:absolute;top:18px;right:18px;font-size:11px;background:#ffffff70;padding:6px 10px;border-radius:30px}.theme .arrow{position:absolute;bottom:19px;right:20px;font-size:24px}.note{padding:14px 17px;border:1px dashed #b9afd3;border-radius:14px;font-size:12px;line-height:1.8;margin:20px 0;color:var(--muted)}.panel{max-width:590px;margin:0 auto;background:#ffffff80;border:1px solid #ffffff;border-radius:28px;padding:30px}.panel.wide{max-width:780px}.primary,.secondary{display:block;width:100%;border:0;border-radius:14px;padding:15px 18px;font-size:14px;font-weight:650;margin-top:12px;min-height:50px}.primary{background:var(--purple);color:white;box-shadow:0 6px 0 #47339120}.secondary{background:#e7e2f1;color:var(--ink)}.text-button{border:0;background:none;color:var(--muted);padding:10px 0;font-size:12px}.steps{display:flex;justify-content:space-between;gap:5px;margin:18px 0}.steps i{height:5px;background:var(--line);border-radius:8px;flex:1}.steps i.done{background:var(--purple)}.counter{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.phase{display:inline-block;padding:5px 12px;border-radius:25px;background:var(--mint);font-size:12px;font-weight:650;margin-top:8px}.phase.guess{background:var(--peach)}.question{min-height:80px;font-size:24px}.options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.option{border:2px solid transparent;border-radius:17px;background:#f0edf5;padding:18px 12px;min-height:120px;text-align:center;position:relative}.option .icon{display:block;font-size:30px;margin-bottom:9px}.option .label{font-size:13px;line-height:1.5;display:block}.option.selected{border-color:var(--purple);background:#e5dcff}.option.selected:after{content:'✓';position:absolute;right:10px;top:7px;font-size:13px;color:var(--purple)}.review-row{border-bottom:1px solid var(--line);padding:15px 0;display:flex;gap:12px;justify-content:space-between;align-items:center}.review-row p{margin:4px 0;font-size:12px}.review-row strong{font-size:13px}.review-row button{border:0;background:transparent;font-size:12px;color:var(--purple);white-space:nowrap}.check{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.7;margin:20px 0}.check input{width:19px;height:19px;flex-shrink:0;accent-color:var(--purple)}.center{text-align:center}.big-icon{font-size:68px;margin:15px 0}.status-row{display:flex;gap:15px;justify-content:center;margin:28px 0}.status-person{padding:18px;background:var(--paper);border-radius:18px;flex:1;font-size:13px}.status-person b{display:block;font-size:26px;margin-bottom:6px}.score{font-size:84px;line-height:1.1;font-weight:800;letter-spacing:-5px;margin:22px 0;color:var(--purple)}.score small{font-size:20px;letter-spacing:0;color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:22px 0}.metrics div{background:var(--paper);border-radius:12px;padding:14px 4px;font-size:10px;color:var(--muted)}.metrics b{display:block;font-size:22px;color:var(--ink);margin-bottom:5px}.result-story{font-size:14px;color:var(--muted)}details{text-align:left;border-top:1px solid var(--line);padding:18px 0;margin-top:20px}summary{cursor:pointer;font-size:13px}.list-item{background:var(--paper);padding:15px;border-radius:16px;margin:12px 0;font-size:13px}.list-item small{color:var(--muted)}.legal p{font-size:13px}.share-link{width:100%;border:1px solid var(--line);padding:12px;border-radius:10px;color:var(--muted);font-size:12px;background:white}footer{display:flex;justify-content:center;gap:24px;margin-top:45px}footer button{background:none;border:0;font-size:11px;color:var(--muted);padding:8px 0}#toast{position:fixed;left:50%;bottom:30px;transform:translateX(-50%);width:max-content;max-width:90vw;background:var(--ink);color:white;font-size:13px;padding:14px 20px;border-radius:12px;z-index:20;box-shadow:0 8px 40px #30275130}@keyframes float{50%{transform:translateY(-7px) rotate(2deg)}}@media(max-width:650px){.shell{padding:20px 20px 50px}header{margin-bottom:18px}.hero{grid-template-columns:1fr;gap:0;text-align:center;padding-bottom:22px}.hero .copy{order:1}.hero .stage{order:0;height:190px;margin:0 20px 10px}h1{font-size:44px;letter-spacing:-1.8px;margin:12px 0}.hero .lede{margin:10px auto;font-size:13px}.together{justify-content:center;margin:16px 0 5px}.themes{grid-template-columns:1fr;gap:12px}.theme{min-height:135px;padding:24px 24px 24px 100px}.theme-symbol{position:absolute;left:25px;top:40px;font-size:40px}.theme h3{font-size:18px;margin-top:20px}.theme .price{top:13px;right:15px;font-size:10px}.theme .arrow{bottom:18px;right:19px}.panel{padding:23px 18px;border-radius:23px}.question{font-size:21px;min-height:78px}.options{gap:9px}.option{padding:15px 8px;min-height:118px}.section-head h2{font-size:18px}.wordmark{font-size:27px}.wordmark i{font-size:9px}footer{gap:22px;margin-top:30px}.score{font-size:76px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}