:root{--ink:#1d2433;--muted:#667085;--paper:#fffaf1;--lime:#d8ff63;--violet:#7456ff;--orange:#ff8a4c}*{box-sizing:border-box}html,body{min-height:100%}body{color:var(--ink);background:radial-gradient(circle at 15% 8%,#d8ff6373,#0000 28%),radial-gradient(circle at 88% 90%,#7456ff2e,#0000 30%),#f3efe7;margin:0;font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif}button{font:inherit}.app-shell{place-items:center;min-height:100svh;padding:22px 14px;display:grid}.hero-card{background:var(--paper);border:1px solid #1d24331f;border-radius:32px;width:min(100%,430px);min-height:min(820px,100svh - 28px);padding:24px 22px 20px;position:relative;overflow:hidden;box-shadow:0 24px 70px #2d271c24}.topbar{align-items:center;gap:9px;display:flex}.brand-dot{background:var(--violet);width:13px;height:13px;box-shadow:8px 0 0 var(--orange);border-radius:50%}.brand{letter-spacing:.04em;font-size:14px;font-weight:800}.time-pill{color:var(--muted);background:#ffffffa6;border:1px solid #1d24331f;border-radius:999px;margin-left:auto;padding:7px 10px;font-size:12px}.map-art{background:linear-gradient(115deg,#0000 48%,#1d24330f 49%,#0000 51%),linear-gradient(18deg,#0000 48%,#1d24330f 49%,#0000 51%),#eee8dc;border-radius:28px;height:205px;margin:28px -6px 6px;position:relative;transform:rotate(-2deg)}.route{background:var(--lime);border:1px solid var(--ink);transform-origin:0;border-radius:999px;height:7px;position:absolute}.route-one{width:230px;top:106px;left:36px;transform:rotate(-18deg)}.route-two{background:#ffd6c0;width:145px;top:80px;right:34px;transform:rotate(54deg)}.pin{border:2px solid var(--ink);background:var(--violet);color:#fff;border-radius:50% 50% 50% 10%;place-items:center;width:42px;height:42px;font-size:12px;font-weight:800;display:grid;position:absolute;transform:rotate(-45deg);box-shadow:4px 5px #1d243324}.pin-one{top:70px;left:42px}.pin-two{background:var(--orange);top:30px;right:66px}.pin-three{background:var(--lime);color:var(--ink);bottom:24px;right:36px}.you-are-here{border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:#fff;padding:7px 11px;font-size:12px;font-weight:800;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(2deg)}.eyebrow{color:var(--violet);letter-spacing:.12em;margin:20px 0 10px;font-size:13px;font-weight:900}h1{letter-spacing:-.055em;margin:0;font-size:clamp(40px,11vw,54px);line-height:.98}.intro{color:var(--muted);margin:16px 0 18px;font-size:15px;line-height:1.7}.result-preview{border-left:4px solid var(--violet);background:#f1edff;gap:4px;padding:13px 14px;font-size:12px;display:grid}.result-preview span{color:var(--muted)}.result-preview strong{font-size:13px}.start-button{border:2px solid var(--ink);background:var(--lime);width:100%;color:var(--ink);cursor:pointer;box-shadow:5px 6px 0 var(--ink);border-radius:16px;justify-content:space-between;align-items:center;margin-top:18px;padding:17px 19px;font-weight:900;transition:transform .15s,box-shadow .15s;display:flex}.start-button:active{box-shadow:1px 1px 0 var(--ink);transform:translate(4px,5px)}.start-button span{font-size:22px}.footnote{text-align:center;color:#8a8f9c;margin:17px 0 0;font-size:10px;line-height:1.5}@media (max-height:760px){.map-art{height:150px;margin-top:18px}.hero-card{min-height:auto}.intro{margin-block:12px}}.quiz-card{background:var(--paper);border:1px solid #1d24331f;border-radius:32px;flex-direction:column;width:min(100%,430px);min-height:min(760px,100svh - 28px);padding:22px;display:flex;box-shadow:0 24px 70px #2d271c24}.quiz-head{color:var(--muted);grid-template-columns:1fr auto 1fr;align-items:center;font-size:12px;font-weight:700;display:grid}.quiz-head>span:last-child{text-align:right}.back{width:38px;height:38px;color:var(--ink);cursor:pointer;background:#fff;border:1px solid #1d24331f;border-radius:50%}.progress{background:#e8e1d5;border-radius:999px;height:7px;margin-top:18px;overflow:hidden}.progress i{border-radius:inherit;background:var(--violet);height:100%;transition:width .25s;display:block}.question-wrap{flex-direction:column;flex:1;justify-content:center;padding:28px 0;display:flex}.question-kicker{color:var(--violet);letter-spacing:.08em;margin:0 0 12px;font-size:12px;font-weight:900}.question-wrap h2{letter-spacing:-.04em;min-height:72px;margin:0 0 28px;font-size:30px;line-height:1.25}.choices{gap:12px;display:grid}.choices button{width:100%;color:var(--ink);text-align:left;cursor:pointer;background:#fff;border:1.5px solid #1d243329;border-radius:15px;grid-template-columns:38px 1fr auto;align-items:center;gap:12px;padding:14px;transition:transform .15s,border-color .15s,background .15s;display:grid}.choices button:hover{border-color:var(--violet);background:#f3f0ff;transform:translateY(-1px)}.choices b{background:#eee8dc;border-radius:10px;place-items:center;width:34px;height:34px;font-size:12px;display:grid}.choices span{font-size:15px;font-weight:750}.choices em{color:var(--violet);font-style:normal}.quiz-note{text-align:center;color:#9699a3;font-size:10px}.result-shell{align-items:start}.result-card{background:var(--paper);border:1px solid #1d24331f;border-radius:32px;width:min(100%,430px);padding:22px;box-shadow:0 24px 70px #2d271c24}.result-top{justify-content:space-between;align-items:center;display:flex}.mini-brand{letter-spacing:.05em;font-size:11px;font-weight:850}.result-top button{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:12px}.result-label{color:var(--violet);letter-spacing:.12em;margin:36px 0 8px;font-size:12px;font-weight:900}.result-card>h1{font-size:44px}.result-tag{background:var(--lime);margin:13px 0 10px;padding:8px 10px;font-size:13px;font-weight:850;display:inline-block}.result-copy{color:var(--muted);margin:0 0 22px;font-size:14px;line-height:1.7}.top-city{border:2px solid var(--ink);box-shadow:5px 6px 0 var(--ink);background:#f1edff;border-radius:20px;padding:20px}.top-city small,.other-cities small{color:var(--violet);font-size:10px;font-weight:900;display:block}.top-city strong{margin:5px 0;font-size:35px;display:block}.top-city p,.other-cities p,.low-fit p{color:var(--muted);margin:0;font-size:12px;line-height:1.6}.other-cities{grid-template-columns:1fr 1fr;gap:10px;margin-top:16px;display:grid}.other-cities article{background:#fff;border:1px solid #1d243324;border-radius:16px;padding:15px}.other-cities strong{margin:5px 0;font-size:22px;display:block}.low-fit{border-left:4px solid var(--orange);background:#fff0e8;grid-template-columns:auto 1fr;gap:5px 10px;margin-top:16px;padding:14px;display:grid}.low-fit span{color:#a94c1d;font-size:10px;font-weight:900}.low-fit strong{text-align:right}.low-fit p{grid-column:1/-1}.share-button{border:2px solid var(--ink);background:var(--lime);cursor:pointer;width:100%;box-shadow:4px 5px 0 var(--ink);border-radius:14px;margin-top:18px;padding:15px;font-weight:900}@media (max-width:480px){.app-shell{padding:0}.hero-card,.quiz-card,.result-card{border:0;border-radius:0;min-height:100svh}.result-shell{background:var(--paper)}.question-wrap h2{font-size:28px}}