.illustrated-city-hero{isolation:isolate;background:var(--paper);height:clamp(540px,80dvh,640px);position:relative;overflow:hidden}.illustrated-city-hero>.simple-header{left:24px;right:24px;top:var(--safe-top);z-index:3;margin:0;position:absolute}.illustrated-city-hero>.city-title{left:24px;right:18px;top:calc(var(--safe-top) + 64px);z-index:2;padding:0;position:absolute}.illustrated-city-hero .city-title>p{display:none}.illustrated-city-hero .city-title h1{letter-spacing:-2px;white-space:nowrap;font-size:clamp(56px,18vw,76px);line-height:1.08}.illustrated-city-hero .city-title>span{margin-top:5px;font-size:24px;line-height:1.3}.illustrated-city-hero .city-title>small{color:var(--ink);margin-top:8px;font-size:10px;line-height:1.5}.city-scene{width:100%;height:100%;position:relative;overflow:hidden}.city-scene>.city-illustration{object-fit:cover;width:100%;height:100%;display:block}.illustrated-city-hero>.city-scene{z-index:-1;position:absolute;inset:0}.illustrated-city-tags{flex-wrap:wrap;gap:8px;display:flex;position:absolute;bottom:22px;left:24px;right:24px}.illustrated-city-tags>span{background:var(--paper);border:1.5px solid var(--ink);border-radius:30px;padding:5px 12px;font-size:12px;font-weight:800}.city-hero-outdoor .illustrated-city-tags>span{border:2px solid #101510;box-shadow:0 2px #101510}.city-hero-theatre .illustrated-city-tags>span{color:#165b43;background:#fff5dfed}.city-hero-projection{background:#edc8ca}.city-hero-projection .city-title h1{color:#741d2d;font-family:Songti SC,Noto Serif CJK SC,SimSun,serif}.city-hero-projection>.city-scene{z-index:0;height:auto;top:212px;bottom:62px}.city-hero-projection .illustrated-city-tags{justify-content:center;bottom:20px}.city-hero-projection .illustrated-city-tags>span{background:0 0;border:0;border-right:1px solid #9d6470;border-radius:0;padding:0 12px;font-weight:500}.city-hero-projection .illustrated-city-tags>span:last-child{border-right:0}.city-light-beam{clip-path:polygon(47% 10%,100% 92%,97% 100%,22% 100%);opacity:0;transform-origin:47% 10%;background:#24b5e7;transition:opacity .45s,transform .9s cubic-bezier(.2,.6,.2,1);position:absolute;inset:0;transform:scaleY(.03)}.city-cutout{object-fit:contain;object-position:center bottom;opacity:0;width:85%;height:76%;transition:opacity .7s .35s,transform .9s .35s;position:absolute;bottom:4%;right:0;transform:translateY(12px)}.city-projector-lamp{object-fit:contain;object-position:left bottom;pointer-events:none;z-index:2;width:64%;height:95%;position:absolute;bottom:3%;left:-6%}.is-lit>.city-light-beam{opacity:1;transform:scaleY(1)}.is-lit>.city-cutout{opacity:1;transform:translateY(0)}.theme-outdoor .result-screen,.theme-theatre .result-screen,.theme-projection .result-screen{padding-top:0}.illustrated-city-hero~.result-content>.tags{display:none}.compare-city>.city-scene{background:var(--paper);height:245px}.compare-city>.city-scene-outdoor>.city-illustration,.compare-city>.city-scene-theatre>.city-illustration{object-position:center 72%}.compare-city>.city-scene-projection{background:#edc8ca}.reveal-projection>.city-scene{width:100%;height:100%}.reveal-projection{background:#edc8ca}.city-art-preview .art-preview-picture{isolation:isolate;position:relative}.art-preview-picture>.reveal-scene{z-index:5;height:100%;margin:0;position:absolute;inset:0}.art-preview-picture>.reveal-theatre{border:0;overflow:hidden}.city-art-preview .art-preview-controls{padding:22px 24px 32px}.art-preview-controls>p{color:#67635e;margin-bottom:8px;font-size:12px}.art-preview-controls>h2{margin-bottom:22px}.art-preview-controls label{margin-bottom:18px;font-size:13px;font-weight:700;display:block}.art-preview-controls select{background:var(--paper);width:100%;color:var(--ink);font:inherit;border:1px solid #c5c2b8;border-radius:6px;margin-top:8px;padding:12px 10px;font-size:16px;display:block}.art-preview-controls .secondary{margin-bottom:4px}.art-preview-poster{margin-top:20px}.art-preview-poster>img{border:1px solid #d7d2c7;width:100%;height:auto;display:block}.art-preview-poster>a{text-align:center;padding:12px 0;font-size:14px;display:block}@media (width<=360px){.illustrated-city-hero .city-title h1{font-size:58px}.illustrated-city-hero .city-title>span{font-size:21px}.city-hero-projection>.city-scene{top:205px}}@media (prefers-reduced-motion:reduce){.city-light-beam,.city-cutout{transition:none!important}}.art-preview-themes{flex-wrap:wrap;gap:7px;margin:0 0 22px;display:flex}.art-preview-themes>a{border:1px solid #c7c3b6;border-radius:20px;padding:7px 9px;font-size:12px;line-height:1.4;text-decoration:none}.art-preview-themes>a[aria-current=page]{border-color:var(--ink);background:var(--selected);font-weight:800}.illustrated-city-hero>.city-title{background:var(--art-paper,var(--paper));border-radius:0 0 20px;width:fit-content;max-width:calc(100% - 42px);padding:0 10px 8px 0;right:auto}.city-hero-projection>.city-title{background:0 0}.city-hero-outdoor:before{content:"";z-index:1;background:#ff7a19;border-radius:0 0 0 100%;width:82px;height:82px;position:absolute;top:0;right:0}.projection-stage{width:100%;height:100%;display:block;overflow:visible}.projection-beam-shape{fill:#24b5e7;opacity:0;transform-origin:412px 203px;transition:opacity .4s,transform .9s cubic-bezier(.2,.6,.2,1);transform:scale(.02)}.projection-city-image{opacity:0;transition:opacity .7s .35s,transform .9s .35s;transform:translateY(12px)}.is-lit .projection-beam-shape{opacity:1;transform:scale(1)}.is-lit .projection-city-image{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.projection-beam-shape,.projection-city-image{transition:none!important}}.life-app{background:var(--paper);width:100%;height:100%;color:var(--ink);--radius:8px;--safe-top:62px;--safe-bottom:32px;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:16px;line-height:1.5;position:relative;overflow:hidden}.life-app *{box-sizing:border-box}.life-app button,.life-app a{-webkit-tap-highlight-color:transparent}.life-app button{font:inherit;cursor:pointer;color:inherit}.life-app button:disabled{cursor:default}.life-app button:focus-visible,.life-app a:focus-visible,.life-app summary:focus-visible{outline:3px solid var(--ink);outline-offset:4px}.life-app h1:focus{outline:none}.life-app h1,.life-app h2,.life-app p{margin:0}.life-app h1{letter-spacing:-1.2px;white-space:pre-line;text-wrap:balance;font-size:34px;font-weight:900;line-height:1.25}.life-app h2{font-size:22px;font-weight:800;line-height:1.4}.life-app a{color:inherit}.life-scroll{background:var(--paper);height:100%}.native-scroll{overscroll-behavior:contain;scrollbar-width:thin;height:100%;overflow-y:auto}.brand{align-items:center;gap:5px;font-size:17px;font-weight:900;line-height:1.3;display:flex}.brand svg{width:20px;height:20px;color:var(--accent)}.theme-pop .brand svg{width:13px}.theme-outdoor{--radius:22px}.theme-theatre{--radius:17px}.theme-projection{--radius:7px}.theme-projection h1,.theme-projection .city-line{letter-spacing:-.8px;font-family:Songti SC,Noto Serif CJK SC,SimSun,serif;font-weight:900}.theme-outdoor .brand svg{color:#559f26}.theme-theatre .brand svg{color:#246949}.home-screen{isolation:isolate;height:100%;min-height:852px;padding:var(--safe-top) 24px var(--safe-bottom);flex-direction:column;display:flex;position:relative;overflow:hidden}.home-art{object-fit:cover;z-index:-1;width:100%;height:100%;position:absolute;inset:0}.home-top,.simple-header{justify-content:space-between;align-items:center;display:flex}.home-top{margin-bottom:16px}.style-trigger{background:#fffc;border:0;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.style-trigger svg{width:21px;height:21px}.home-copy{position:relative}.home-copy h1{letter-spacing:-1.4px;font-size:39px;line-height:1.25}.edition{opacity:.75;margin-bottom:9px;font-size:12px;font-weight:600;display:block}.home-copy p{margin-top:14px;font-size:15px;line-height:1.6}.home-bottom{margin-top:auto;padding-top:26px;position:relative}.primary,.secondary{border-radius:var(--radius);text-align:center;border:0;justify-content:center;align-items:center;gap:14px;width:100%;min-height:53px;padding:12px 16px;transition:background .15s,transform .15s,opacity .15s;display:flex;font-size:18px!important;font-weight:800!important}.primary{background:var(--accent);color:#fff!important}.primary:active,.secondary:active{transform:scale(.98)}.primary:disabled{background:#ddd;color:#757575!important}.secondary{background:0 0;border:1px solid;margin-top:12px;font-size:16px!important}.theme-pop .primary{color:#0a0a0a!important}.theme-outdoor .primary{background:#fff;border:2.5px solid #101510;border-radius:40px;color:#101510!important}.theme-outdoor .primary:disabled{background:#ddd;border-color:#aaa;color:#777!important}.theme-theatre .primary{border-radius:30px}.duration{text-align:center;font-size:13px;font-weight:600;margin-top:10px!important}.home-links{justify-content:space-between;gap:8px;margin-top:14px;display:flex}.home-links button{background:#ffffffd1;border:0;border-radius:3px;align-items:center;gap:4px;min-height:28px;padding:6px 8px;font-size:11px;display:flex}.home-bottom>.link-button{color:inherit;background:#fffc}.theme-pop .home-copy h1{font-size:42px;line-height:1.18}.theme-pop .home-copy{color:#060606}.theme-pop .home-bottom{color:#fff}.theme-theatre .home-art{object-position:center bottom}.theme-theatre .home-copy{background:#fff4dfe8;border-radius:0 0 22px;margin:-6px -6px 0;padding:8px 6px 16px}.theme-projection .home-art{object-position:center bottom}.theme-projection .home-copy h1{font-size:36px}.theme-projection .home-copy{color:#6c1528}.theme-projection .home-bottom{background:#f9f5ebdd;border-radius:9px;margin-left:-12px;margin-right:-12px;padding:13px 12px}.theme-outdoor .home-copy h1{font-size:35px;line-height:1.3}.theme-outdoor .home-art{object-position:center 65%}.theme-outdoor .home-bottom{color:#111b10}.quiz-screen{min-height:852px;padding:var(--safe-top) 24px var(--safe-bottom);flex-direction:column;display:flex}.quiz-header{justify-content:space-between;align-items:center;margin-bottom:14px;font-size:15px;display:flex}.back-button{background:0 0;border:0;align-items:center;gap:5px;min-height:36px;padding:0;display:flex;font-size:15px!important}.back-button svg{width:20px;height:20px}.progress{background:#e2e2dd;border-radius:10px;height:7px;margin-bottom:18px;overflow:hidden}.progress span{transform-origin:0;background:var(--accent);border-radius:10px;width:100%;height:100%;transition:transform .25s;display:block}.theme-outdoor .progress{background:#fff;border:2px solid #162013;height:11px}.theme-outdoor .progress span{background:#38a848}.question-art{height:132px;margin:0 -24px 20px;position:relative;overflow:hidden}.question-art img{object-fit:cover;object-position:50% 63%;width:100%;height:100%}.question-art span{background:var(--paper);border-radius:3px;padding:3px 8px;font-size:12px;font-weight:600;position:absolute;bottom:10px;left:24px}.theme-outdoor .question-art{height:90px;margin-top:-5px;-webkit-mask-image:linear-gradient(#000 80%,#0000);mask-image:linear-gradient(#000 80%,#0000)}.theme-outdoor .question-art img{object-position:center 35%}.theme-projection .question-art{clip-path:polygon(8% 0,100% 70%,85% 100%,8% 100%);height:126px;margin:0 8px 20px}.theme-projection .question-art img{object-position:50% 73%}.theme-projection .question-art span{display:none}.question-copy{margin-bottom:20px;position:relative}.question-copy h1{letter-spacing:-.7px;font-size:29px}.question-hint{color:#666;font-size:13px;line-height:1.5;margin-top:10px!important}.selection-count{text-align:right;color:var(--accent);font-size:14px;font-weight:700;margin-top:10px!important}.theme-outdoor .selection-count{color:#397d16}.options{flex-direction:column;gap:11px;display:flex}.option{border-radius:var(--radius);text-align:left;background:#fff9;border:1px solid #d4d4cf;align-items:center;gap:14px;width:100%;min-height:58px;padding:13px 14px;transition:background .15s,border-color .15s,transform .15s;display:flex}.option:active{transform:scale(.99)}.option.selected{border-color:var(--accent);background:var(--selected)}.choice-mark{background:0 0;border:1.5px solid #b1b4b2;border-radius:50%;place-items:center;width:22px;min-width:22px;height:22px;display:grid}.choice-mark.square{border-radius:4px}.selected .choice-mark{background:var(--accent);border-color:var(--accent);color:#fff}.theme-pop .selected .choice-mark{color:#fff}.theme-outdoor .selected .choice-mark{color:#fff;background:#142211;border-color:#142211}.option-label{flex:1;font-size:16px;font-weight:500}.option-label small{color:#666;margin-top:3px;font-size:12px;font-weight:400;line-height:1.4;display:block}.option-icon{color:var(--ink);flex-shrink:0}.theme-outdoor .option{border:2px solid #161e13;border-radius:20px;min-height:64px;box-shadow:1px 2px #141b1020}.theme-theatre .option{background:0 0;border-color:#527462}.theme-theatre .option.selected{background:var(--selected)}.theme-theatre .selected .choice-mark{background:#165e46}.theme-projection .option{border-color:#ded3c4}.theme-projection .option.selected{border-color:#deb6b7}.quiz-actions{margin-top:auto;padding-top:15px}.notice{min-height:24px;color:var(--ink);margin-bottom:10px!important;font-size:13px!important}.quiet{text-align:center;color:#73736e;font-size:12px;margin-top:12px!important}.link-button{text-underline-offset:4px;background:0 0;border:0;justify-content:center;align-items:center;gap:6px;min-height:42px;margin:4px auto 0;padding:10px 4px;text-decoration:underline;display:flex;font-size:14px!important}.link-button svg{width:17px;height:17px}.reveal-screen{min-height:852px;padding:var(--safe-top) 24px var(--safe-bottom);flex-direction:column;display:flex;position:relative;overflow:hidden}.simple-header{margin-bottom:20px}.reveal-screen h1{margin:10px 0 12px;font-size:34px}.reveal-description{font-size:14px;line-height:1.8}.reveal-scene{perspective:1000px;isolation:isolate;background:var(--paper);height:390px;margin:22px -24px 0;position:relative;overflow:hidden}.reveal-city{object-fit:cover;width:100%;height:100%;transition:filter 1.7s,transform 1.9s;display:block}.reveal-actions{margin-top:auto;padding-top:20px}.reveal-pop .reveal-city{filter:grayscale()contrast(1.1)}.reveal-pop.is-playing .reveal-city{filter:grayscale(0);transform:scale(1.045)}.webgl-layer{position:absolute;inset:0}.webgl-layer canvas{width:100%;height:100%;display:block}.tent-flap{object-fit:cover;width:100%;height:100%;transition:transform 1.5s cubic-bezier(.2,.7,.2,1);position:absolute;inset:0}.flap-left{clip-path:inset(0 50% 0 0);transform-origin:0 100%}.flap-right{clip-path:inset(0 0 0 50%);transform-origin:100% 100%}.is-playing .flap-left{transform:translate(-45%)rotate(-12deg)}.is-playing .flap-right{transform:translate(45%)rotate(12deg)}.reveal-outdoor .reveal-city{object-position:center;transform:scale(.96)}.reveal-outdoor.is-playing .reveal-city{transform:scale(1.05)}.door-leaf{object-fit:fill;transform-origin:6%;backface-visibility:hidden;width:100%;height:100%;transition:transform 1.8s cubic-bezier(.2,.65,.25,1);position:absolute;inset:0}.is-playing .door-leaf{transform:rotateY(-110deg)}.reveal-theatre{background:#e5c09a;border:7px solid #edb749;margin-left:22px;margin-right:22px;overflow:visible}.reveal-theatre .reveal-city{width:100%;height:100%;overflow:hidden}.theme-projection.stage-reveal,.theme-projection.stage-reveal .life-scroll,.reveal-projection{background:#eac7ca}.reveal-projection .reveal-city{clip-path:polygon(30% 0,100% 88%,95% 98%,0 100%);filter:brightness(.06)saturate(0);width:87%;height:86%;position:absolute;bottom:0;right:0}.reveal-projection.is-playing .reveal-city{filter:brightness()saturate()}.lamp{z-index:2;object-fit:contain;object-position:left bottom;pointer-events:none;width:71%;height:100%;position:absolute;bottom:0;left:-11%}.empty-result{padding-top:80px}.empty-result p{margin:18px 0 30px}.result-screen{padding-top:var(--safe-top)}.result-screen>.simple-header{margin-bottom:15px;padding:0 24px}.city-title{padding:0 24px 20px}.city-title>p{margin-bottom:8px;font-size:13px}.city-title h1{letter-spacing:-2px;white-space:normal;font-size:64px;line-height:1.1}.city-title>span{margin-top:4px;font-size:24px;font-weight:700;display:block}.city-title>small{color:#666;margin-top:8px;font-size:11px;display:block}.result-photo{height:265px;position:relative;overflow:hidden}.result-photo>img:first-child{object-fit:cover;width:100%;height:100%;display:block}.theme-pop .city-title{color:#080a0b;background:#3ba1eb}.theme-pop .result-photo{height:270px}.theme-outdoor .result-photo{border-bottom:4px solid #142012}.theme-theatre .result-photo{border:1px solid #42614f;margin:0 18px}.theme-projection .result-photo{background:#edc8ca;height:300px}.theme-projection .result-photo>img:first-child{clip-path:polygon(30% 0,100% 86%,100% 100%,0 100%);width:90%;height:100%;position:absolute;bottom:0;right:0}.result-lamp{object-fit:contain;width:65%;height:100%;position:absolute;bottom:0;left:-9%}.photo-credit{overflow-wrap:anywhere;margin:5px 24px 0;font-size:10px;line-height:1.4;text-decoration:none;display:block;color:#6d6a61!important}.result-content{padding:20px 24px calc(var(--safe-bottom) + 18px)}.city-line{letter-spacing:-.7px;margin-bottom:16px!important;font-size:26px!important;line-height:1.4!important}.tags{flex-wrap:wrap;gap:8px;margin:12px 0 24px;display:flex}.tags span{border:1px solid;border-radius:20px;padding:4px 10px;font-size:12px}.reasons{margin-top:13px}.reason{align-items:flex-start;gap:12px;padding:12px 0;display:flex}.reason svg{flex-shrink:0}.reason strong{font-size:15px;font-weight:650;line-height:1.5}.reason p{color:#666;margin-top:4px;font-size:12px}.theme-outdoor .reason{background:#edf0e4;border-radius:15px;margin-bottom:8px;padding:12px}.theme-theatre .reason{border-bottom:1px solid #d6cdb9}.tradeoff{border-top:1px solid #d8d4cb;gap:8px;margin:18px 0 22px;padding-top:14px;display:flex}.tradeoff svg{flex-shrink:0}.tradeoff p{font-size:12px;line-height:1.7}.scroll-cue{color:#777;justify-content:center;align-items:center;gap:6px;font-size:12px;display:flex;margin-top:18px!important}.scroll-cue svg{width:16px}.day-section,.explain-section{border-top:1px solid #d8d4cb;margin-top:34px;padding-top:26px}.day-section>p,.explain-section>p{margin-top:12px;font-size:14px;line-height:1.8}.day-row{border-bottom:1px solid #e4ded1;gap:14px;padding:16px 0;display:flex}.day-row span{color:#777;min-width:70px;padding-top:2px;font-size:12px}.day-row p{font-size:14px}.day-section>small{color:#777;margin-top:12px;font-size:11px;display:block}.explain-section{margin-bottom:28px}.explain-section a{align-items:center;gap:5px;margin-top:15px;font-size:13px;display:flex}.explain-section svg{width:15px}.compare-screen,.library-screen{padding:var(--safe-top) 24px var(--safe-bottom)}.compare-screen h1,.library-screen h1{white-space:normal;margin-top:22px;font-size:31px}.compare-screen>p,.library-screen>p{margin:16px 0 24px;font-size:14px;line-height:1.8}.compare-city{border-radius:var(--radius);border:1px solid #d7d4c8;margin:22px 0;overflow:hidden}.compare-city>img{object-fit:cover;width:100%;height:170px}.compare-city>div{padding:18px}.compare-city h2{margin:8px 0;font-size:30px}.compare-city h2 span{font-size:15px;font-weight:400;display:block}.compare-city p{font-size:13px;line-height:1.8}.compare-city small{font-size:12px}.compare-match{padding-bottom:12px}.compare-city .photo-credit{margin:12px 0 0}.muted{color:#72716b;font-size:12px;line-height:1.7}.method{border-radius:var(--radius);border:1px solid #c8c6bb;margin:24px 0 28px;padding:18px}.method p{margin-top:12px;font-size:13px;line-height:1.8}.library-screen>h2{margin-top:28px;margin-bottom:16px}.library-screen details{border-bottom:1px solid #d4d0c5;padding:14px 0}.library-screen summary{cursor:pointer;justify-content:space-between;gap:12px;font-size:15px;font-weight:600;list-style:none;display:flex}.library-screen summary svg{min-width:16px;margin-top:4px}.library-screen details>p{margin:15px 0;font-size:12px}.library-option{padding:9px 0;font-size:14px}.library-option small{color:#777;font-size:11px;display:block}.city-directory{grid-template-columns:1fr 1fr;gap:8px;display:grid}.city-directory a{border-radius:var(--radius);border:1px solid #ccc7b9;padding:12px;font-size:15px;text-decoration:none}.city-directory span{color:#777;font-size:11px;display:block}.theme-panel,.share-panel{color:var(--ink);padding:4px 4px 24px;font-family:PingFang SC,sans-serif}.theme-panel>p{color:#68665f;margin:0 0 20px;font-size:13px;line-height:1.6}.theme-choices{flex-direction:column;gap:10px;display:flex}.theme-choices button{text-align:left;font:inherit;color:inherit;cursor:pointer;background:#fff;border:1px solid #d2cfc8;border-radius:10px;align-items:center;gap:14px;padding:8px;display:flex}.theme-choices .chosen{border:2px solid var(--accent);background:var(--paper);padding:7px}.theme-choices img{object-fit:cover;border-radius:5px;width:58px;height:66px}.theme-choices span{flex:1;font-size:15px;font-weight:600}.theme-choices small{color:#666;margin-top:6px;font-size:11px;font-weight:400;display:block}.share-panel>img{object-fit:contain;width:100%;max-height:55vh;margin-bottom:18px;display:block}.share-panel .primary{margin-top:12px}.share-panel p{text-align:center;margin-top:12px;font-size:13px}.download-link{min-height:44px;color:inherit;justify-content:center;align-items:center;gap:6px;font-size:14px;display:flex}.download-link svg{width:18px}.native-modal-backdrop{z-index:30;background:#0006;align-items:flex-end;display:flex;position:absolute;inset:0}.native-modal{background:var(--paper);width:100%;max-height:90%;padding:22px 20px max(20px,env(safe-area-inset-bottom));border-radius:22px 22px 0 0;overflow-y:auto}.native-modal>header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.native-modal h2{font-size:20px}.h5-body{background:#e8e8e5;margin:0}.h5-body #root{max-width:480px;height:100dvh;margin:auto;box-shadow:0 0 50px #00000014}.standalone{--safe-top:max(24px,env(safe-area-inset-top));--safe-bottom:max(22px,env(safe-area-inset-bottom))}.standalone .home-screen,.standalone .quiz-screen,.standalone .reveal-screen{min-height:100dvh}.standalone .home-screen{height:100dvh;min-height:700px}.standalone .quiz-screen,.standalone .reveal-screen{min-height:100dvh}.standalone .reveal-scene{height:clamp(300px,44dvh,460px)}.standalone .home-art{object-fit:cover}@media (width<=360px){.life-app h1{font-size:29px}.home-copy h1{font-size:34px!important}.question-copy h1{font-size:26px}.quiz-screen,.home-screen{padding-left:20px;padding-right:20px}.option-label{font-size:15px}.option{gap:10px;padding:12px}.option-icon{display:none}.city-title h1{font-size:56px}}@media (prefers-reduced-motion:reduce){.life-app *,.theme-panel *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.reduce-motion *{transition:none!important;animation:none!important}.theme-pop .home-art{object-position:center 62%;height:calc(100% - 260px);top:260px}.theme-pop .home-links button{color:#171717}.theme-pop .home-copy p{font-weight:500}.h5-body #root{max-width:420px}.standalone .home-copy h1{font-size:38px}.screen-layer{height:100%}.home-bottom>.link-button{color:var(--ink);border-radius:5px;padding:8px 16px}.standalone .home-screen{min-height:620px}.theme-pop .home-screen{background:#14a1fd}.theme-outdoor .home-copy h1{letter-spacing:-1px;font-size:clamp(28px,8.8vw,36px)!important}.theme-outdoor .home-art{height:calc(100% - 45px);top:45px}.theme-outdoor .home-screen{background:#fdfcf5}.theme-outdoor .home-copy p{font-size:14px}.theme-theatre .home-art{height:calc(100% - 210px);top:210px}.reveal-projection .reveal-city{opacity:0;transform-origin:30% 0;transition:opacity .7s,filter 1.3s,transform 1.3s;transform:scale(.8)}.reveal-projection.is-playing .reveal-city{opacity:1;transform:scale(1)}.lamp{width:65%;left:0}.theme-projection .home-art{object-position:center bottom;height:calc(100% - 45px);top:45px}.native-scroll{overflow-anchor:none}.quiz-screen .option{scroll-margin:14px}.result-hero>.simple-header{margin-bottom:15px;padding:0 24px}.theme-pop .result-screen{padding-top:0}.pop-result-hero{isolation:isolate;background:var(--pop-sky,#14a1fd);color:#080808;height:clamp(520px,78dvh,620px);position:relative;overflow:hidden}.pop-result-hero>.simple-header{top:var(--safe-top);z-index:3;margin:0;position:absolute;left:0;right:0}.pop-result-hero .result-photo{z-index:-1;height:100%;position:absolute;inset:0}.theme-pop .pop-result-hero .city-title{top:calc(var(--safe-top) + 62px);background:0 0;padding:0;position:absolute;left:24px;right:18px}.pop-result-hero .city-title>p{display:none}.pop-result-hero .city-title h1{letter-spacing:-3px;background:var(--pop-sky,#14a1fd);width:fit-content;max-width:100%;padding-right:9px;font-size:clamp(65px,20vw,84px);line-height:1.05}.pop-result-hero .city-title>span{background:var(--pop-sky,#14a1fd);width:fit-content;margin-top:5px;padding:0 8px 3px 0;font-size:25px;line-height:1.2}.pop-result-hero .city-title>small{color:#080808;background:var(--pop-sky,#14a1fd);width:fit-content;margin-top:6px;padding-right:6px;font-size:10px}.pop-hero-tags{flex-direction:column;align-items:flex-start;gap:5px;display:flex;position:absolute;bottom:24px;left:24px}.pop-hero-tags>span{color:#fff;background:#080808;padding:5px 9px;font-size:13px;font-weight:800;line-height:1.3}.theme-pop .result-content>.tags{display:none}.theme-pop .photo-credit{margin-top:8px;font-size:9px;line-height:1.6}.theme-pop .compare-city>img{object-position:center 65%;height:240px}.theme-pop .reveal-screen{isolation:isolate;background:var(--pop-sky,#14a1fd);min-height:100dvh}.theme-pop .reveal-screen>.simple-header{z-index:2;position:relative}.theme-pop .reveal-screen h1{color:#fff;text-shadow:0 2px 5px #0008;font-size:35px}.theme-pop .reveal-description{color:#fff;text-shadow:0 1px 5px #000c;font-weight:600}.theme-pop .reveal-pop{z-index:-1;background:var(--pop-sky,#14a1fd);height:100%;margin:0;position:absolute;inset:0}.theme-pop .reveal-actions>.link-button{color:#fff;text-shadow:0 1px 3px #000}@media (width<=360px){.pop-result-hero .city-title h1{font-size:65px}.pop-result-hero .city-title>span{font-size:22px}.theme-pop .reveal-screen h1{font-size:30px}}.pop-art-preview .pop-result-hero{height:clamp(520px,78dvh,620px)}.pop-preview-art{isolation:isolate;position:relative}.pop-preview-art>.reveal-pop{z-index:5;height:100%;margin:0;position:absolute;inset:0}.pop-preview-controls{padding:22px 24px 30px}.pop-preview-controls>p{color:#656565;margin-bottom:9px;font-size:12px}.pop-preview-controls>h2{margin-bottom:24px}.pop-preview-controls label{margin-bottom:18px;font-size:13px;font-weight:700;display:block}.pop-preview-controls select{color:#080808;width:100%;font:inherit;background:#fff;border:1px solid #ccc;border-radius:4px;margin-top:8px;padding:12px 10px;font-size:16px;display:block}.pop-preview-controls .primary{color:#080808!important}