:root{color-scheme:light;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,PingFang SC,Microsoft YaHei,sans-serif;color:#1d1d1f;background:#f5f5f7;font-synthesis:none;--ink: #1d1d1f;--muted: #6e6e73;--line: rgba(0, 0, 0, .08);--panel: rgba(255, 255, 255, .86);--blue: #0071e3;--blue-hover: #0077ed}*{box-sizing:border-box}html{min-height:100%;background:#f5f5f7}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% -10%,rgba(0,113,227,.1),transparent 34rem),linear-gradient(180deg,#fbfbfd,#f5f5f7 58% 100%);-webkit-font-smoothing:antialiased}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}.shell{width:min(100%,760px);min-height:100vh;margin:0 auto;padding:max(32px,env(safe-area-inset-top)) 24px max(56px,env(safe-area-inset-bottom))}.eyebrow{margin:0 0 16px;color:var(--blue);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}h1,h2,p{overflow-wrap:anywhere}h1{margin:0;color:var(--ink);font-size:clamp(42px,10vw,68px);font-weight:700;line-height:1.04;letter-spacing:-.045em}.lead{color:var(--muted);font-size:18px;line-height:1.65}.button,.secondary-button{display:flex;width:100%;min-height:54px;align-items:center;justify-content:center;border:0;border-radius:999px;text-decoration:none;cursor:pointer;font-weight:600;transition:transform .16s ease,background .16s ease,opacity .16s ease}.button{margin-top:26px;color:#fff;background:var(--blue)}.button:hover{background:var(--blue-hover)}.button:active,.secondary-button:active,.option:active{transform:scale(.985)}.button:disabled{opacity:.5;cursor:wait}.secondary-button{margin-top:12px;color:var(--blue);background:#0071e314}.redeem-panel{max-width:560px;margin:auto;padding:clamp(8vh,16vh,150px) 0 40px}.redeem-panel:before{content:"";display:block;width:72px;height:72px;margin-bottom:34px;border-radius:22px;background:linear-gradient(145deg,#62a8ff,#06c);box-shadow:0 16px 35px #0066cc38,inset 0 1px #ffffff8c}.redeem-panel>p{margin:24px 0;color:var(--muted);line-height:1.7}form{margin-top:38px;padding:28px;border:1px solid rgba(0,0,0,.06);border-radius:24px;background:#ffffffd1;box-shadow:0 18px 55px #00000012;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}label{display:block;margin-bottom:10px;color:var(--muted);font-size:13px;font-weight:600}input{width:100%;min-height:58px;padding:0 17px;border:1px solid rgba(0,0,0,.12);border-radius:14px;outline:none;color:var(--ink);background:#fff;text-transform:uppercase;letter-spacing:.12em;transition:border-color .16s ease,box-shadow .16s ease}input:focus{border-color:var(--blue);box-shadow:0 0 0 4px #0071e31f}.error{min-height:24px;color:#d70015!important;font-size:14px}.quiz-cover{position:relative;max-width:650px;margin:auto;padding:clamp(6vh,12vh,110px) 0 36px;text-align:center}.cover-mark{display:grid;place-items:center;width:116px;height:116px;margin:30px auto 42px;border:0;border-radius:32px;color:#fff;background:linear-gradient(145deg,var(--accent-soft),var(--accent));box-shadow:0 20px 45px color-mix(in srgb,var(--accent) 28%,transparent),inset 0 1px #ffffff73;font-size:30px;font-weight:650;line-height:1.05;letter-spacing:.06em}.quiz-cover h1{max-width:630px;margin:auto}.quiz-cover .lead{max-width:520px;margin:24px auto;color:var(--muted)}.facts{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:30px 0}.facts span{padding:8px 12px;border-radius:999px;color:var(--muted);background:#0000000b;font-size:12px}.micro{margin:18px auto;color:#86868b;font-size:12px;line-height:1.7}.question-page{min-height:calc(100vh - 88px);padding-top:4px}.question-header{display:grid;grid-template-columns:48px 1fr 48px;align-items:center;color:var(--muted);text-align:center;font-size:12px;font-weight:600;letter-spacing:.12em}.icon-button{display:grid;width:40px;height:40px;place-items:center;border:0;border-radius:50%;color:var(--ink);background:#0000000d;font-size:21px;cursor:pointer}.question-header .icon-button:last-child{justify-self:end}.icon-button:disabled{opacity:.22}.progress{height:4px;margin:18px 0 clamp(55px,9vh,90px);border-radius:999px;background:#00000012;overflow:hidden}.progress i{display:block;height:100%;border-radius:inherit;background:var(--blue);transition:width .25s ease}.question-copy{min-height:190px}.question-copy h1{max-width:670px;font-size:clamp(30px,7vw,48px);line-height:1.14;letter-spacing:-.03em}.question-copy>p:last-child:not(.eyebrow){color:var(--muted);line-height:1.6}.options{display:grid;gap:12px}.option{display:grid;grid-template-columns:38px 1fr;align-items:center;width:100%;min-height:72px;padding:14px 17px;border:1px solid rgba(0,0,0,.07);border-radius:18px;color:var(--ink);background:#ffffffe0;box-shadow:0 5px 18px #00000009;text-align:left;line-height:1.5;cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease}.option:hover{border-color:#0071e33d;box-shadow:0 8px 24px #0000000e}.option span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;color:var(--muted);background:#0000000d;font-size:12px;font-weight:600}.option.selected{border-color:var(--blue);background:#0071e312}.option.selected span{color:#fff;background:var(--blue)}.loading{min-height:75vh;display:grid;place-content:center;justify-items:center;color:var(--muted)}.loading span{width:46px;height:46px;border:3px solid rgba(0,113,227,.14);border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.result-page{max-width:700px;margin:auto;padding-top:clamp(5vh,10vh,90px);text-align:center}.result-index{color:var(--blue);font-size:16px;font-weight:650}.result-page>h1{font-size:clamp(48px,12vw,82px)}.result-tagline{margin:18px 0 38px;color:var(--blue);font-size:21px;font-weight:600}.result-summary{max-width:620px;margin:0 auto 44px;color:var(--muted);font-size:17px;line-height:1.85;text-align:left}.dimensions,.result-grid article{margin:16px 0;padding:25px;border:1px solid rgba(0,0,0,.06);border-radius:22px;background:#ffffffe6;box-shadow:0 12px 36px #0000000b;text-align:left}.dimensions h2,.result-grid h2{margin:0 0 20px;font-size:22px;font-weight:650;letter-spacing:-.02em}.dimension{display:grid;grid-template-columns:72px 1fr 32px;gap:12px;align-items:center;margin:16px 0;color:var(--muted);font-size:13px}.dimension i{height:6px;border-radius:999px;background:#00000012;overflow:hidden}.dimension b{display:block;height:100%;border-radius:inherit;background:var(--blue)}.dimension strong{color:var(--ink);font-weight:600;text-align:right}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.result-grid article{margin:0}.result-grid ul{margin:0;padding-left:18px;color:var(--muted);line-height:1.7}.poster-output{margin-top:28px}.poster-output p{color:var(--muted);font-size:13px}.poster-output img{width:min(100%,480px);border-radius:22px;box-shadow:0 24px 70px #00000029}@media(max-width:600px){.shell{padding-inline:18px;padding-bottom:max(32px,env(safe-area-inset-bottom))}.redeem-panel{padding-top:8vh}.redeem-panel:before{width:62px;height:62px;border-radius:18px;margin-bottom:28px}form{padding:22px 18px;border-radius:20px}.quiz-cover{padding-top:5vh}.cover-mark{width:104px;height:104px;border-radius:28px}.question-copy{min-height:180px}.result-grid{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}