@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Serif+SC:wght@400;500;600&display=swap');
:root{--ink:#2f2827;--muted:#817571;--paper:#f7f0ea;--line:#ded1c8;--accent:#b56d6f;--card:#fbf8f5}*{box-sizing:border-box}body{margin:0;background:#ded4ce;color:var(--ink);font-family:Arial,'PingFang SC','Microsoft YaHei',sans-serif}.app-shell{width:min(100%,480px);min-height:100vh;margin:auto;background:var(--paper);overflow:hidden;position:relative}.screen{min-height:100vh;padding:26px 24px 30px;display:flex;flex-direction:column}.screen[hidden]{display:none}.topline,.progress-label,.result-top{display:flex;justify-content:space-between;align-items:center;font:11px 'DM Mono',monospace;letter-spacing:.08em;color:var(--muted)}.hero-copy{flex:1;position:relative;padding-top:18vh}.eyebrow,.card-label{font:11px 'DM Mono',monospace;letter-spacing:.13em;color:var(--accent);text-transform:uppercase}.hero-copy h1{font-family:'Noto Serif SC',serif;font-weight:500;font-size:52px;line-height:1.12;letter-spacing:-.08em;margin:22px 0 20px}.hero-copy h1 em,.loading-screen h2 em{font-style:normal;color:var(--accent)}.intro{max-width:280px;line-height:1.9;color:var(--muted);font-size:14px}.hero-orbit{position:absolute;right:0;top:34%;width:190px;height:190px;border:1px solid #d4c2b8;border-radius:50%;transform:rotate(-20deg)}.hero-orbit:before,.hero-orbit:after{content:'';position:absolute;border:1px solid #d4c2b8;border-radius:50%;inset:20px;transform:rotate(60deg)}.hero-orbit:after{inset:42px;transform:rotate(120deg)}.orbit-core{position:absolute;inset:61px;border-radius:50%;background:#ead4c7;display:grid;place-content:center;text-align:center;font:12px/1.35 'DM Mono',monospace;color:#8f5e5d;transform:rotate(20deg)}.orbit-dot{position:absolute;width:11px;height:11px;border-radius:50%;z-index:2}.dot-one{background:#d78c80;top:17px;right:25px}.dot-two{background:#8192a3;bottom:10px;left:52px}.dot-three{background:#c0a173;top:73px;left:-5px}.primary-btn{border:0;background:var(--ink);color:white;border-radius:2px;height:58px;padding:0 20px;font-size:15px;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.primary-btn span{font-size:22px}.mini-note,.quiz-foot{font-size:12px;color:var(--muted);margin:14px 0 0}.spark{color:var(--accent);margin-right:6px}.quiz-head{display:flex;gap:14px;align-items:center}.icon-btn{border:0;background:none;color:var(--ink);font-size:23px;padding:4px;cursor:pointer}.progress-wrap{flex:1}.progress-label{margin-bottom:7px;font-size:10px}.progress{height:2px;background:var(--line)}.progress i{display:block;height:100%;background:var(--accent);width:8%;transition:width .25s}.question-block{padding:13vh 0 35px}.question-block h2{font-family:'Noto Serif SC',serif;font-weight:500;font-size:29px;line-height:1.35;letter-spacing:-.05em;margin:16px 0 10px}.question-help{color:var(--muted);font-size:13px;line-height:1.7;margin:0}.options{display:grid;gap:11px}.option{min-height:65px;border:1px solid var(--line);background:rgba(255,255,255,.25);padding:16px;display:flex;justify-content:space-between;align-items:center;text-align:left;cursor:pointer;color:var(--ink);font-size:15px;transition:.2s}.option:hover,.option:focus{border-color:var(--accent);background:#fff}.option small{color:var(--muted);font:11px 'DM Mono',monospace}.quiz-foot{margin-top:auto}.loading-screen{text-align:center;justify-content:center;align-items:center;background:#efe1d9}.loading-ring{width:110px;height:110px;border:1px solid #c9aaa0;border-radius:50%;display:grid;place-items:center;margin-bottom:35px;animation:spin 4s linear infinite}.loading-ring span{width:62px;height:62px;background:#d99487;border-radius:50%;display:block;box-shadow:28px -18px 0 -20px #8294a5}.loading-screen h2{font-family:'Noto Serif SC',serif;font-weight:500;font-size:30px;line-height:1.35;letter-spacing:-.06em;margin:16px 0}.loading-screen>p:last-child{line-height:1.9;color:var(--muted);font-size:13px}@keyframes spin{to{transform:rotate(360deg)}}.result-screen{padding-top:20px}.share-btn{border:1px solid var(--line);background:none;padding:8px 11px;color:var(--ink);font-size:12px}.result-identity{padding:9vh 0 25px}.result-season{font:11px 'DM Mono',monospace;color:var(--accent);letter-spacing:.1em;text-transform:uppercase}.result-identity h2{font-family:'Noto Serif SC',serif;font-size:39px;line-height:1.15;font-weight:500;letter-spacing:-.08em;margin:14px 0}.result-identity p:last-child{color:var(--muted);font-size:14px;line-height:1.8;max-width:330px}.swatches{display:flex;gap:7px;height:68px}.swatch{flex:1;position:relative}.swatch span{position:absolute;bottom:6px;left:7px;color:rgba(47,40,39,.7);font:9px 'DM Mono',monospace}.result-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:22px}.result-grid article,.advice{background:var(--card);border:1px solid #eee2da;padding:17px}.result-grid h3{font-size:16px;font-weight:500;margin:15px 0 8px}.result-grid p,.advice p{font-size:13px;color:var(--muted);line-height:1.8;margin:0}.advice{margin-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.avoid{border-left:1px solid var(--line);padding-left:16px}.disclaimer{font-size:10px;color:#9c8f89;line-height:1.6;margin:18px 0}.toast{position:fixed;left:50%;bottom:25px;transform:translate(-50%,20px);background:var(--ink);color:#fff;padding:11px 15px;border-radius:3px;font-size:12px;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}@media(min-width:481px){.app-shell{box-shadow:0 0 40px rgba(65,45,35,.12)}}