:root{--paper:#f3eee4;--paper-deep:#e8dfd0;--ink:#172a35;--muted:#69747a;--coral:#ff6948;--sun:#f4c65b;--line:#172a3521;--serif:"Songti SC", "STSong", "Noto Serif CJK SC", Georgia, serif;--sans:-apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif}*{box-sizing:border-box}html{background:var(--paper);-webkit-text-size-adjust:100%;min-height:100%}body{min-height:100%;color:var(--ink);background:var(--paper);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}button{color:inherit;font:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible{outline-offset:3px;outline:3px solid #ff694861}.intro-screen,.quiz-screen,.analyzing-screen,.result-screen{width:100%;min-height:100dvh}.intro-screen{max-width:560px;min-height:100dvh;padding:24px 22px max(24px, env(safe-area-inset-bottom));background:linear-gradient(#172a3506 1px, transparent 1px), linear-gradient(90deg, #172a3506 1px, transparent 1px), var(--paper);background-size:28px 28px;flex-direction:column;margin:0 auto;display:flex;position:relative;overflow:hidden}.intro-screen:after{z-index:0;pointer-events:none;content:"";background:linear-gradient(#0000 55%,#f3eee4eb 82%);position:absolute;inset:0}.intro-ambient{z-index:0;filter:blur(16px);opacity:.46;border-radius:50%;width:270px;height:270px;position:absolute}.intro-ambient-a{background:radial-gradient(circle at 40% 42%,#ff7a59,#ff7a5900);top:210px;right:-132px}.intro-ambient-b{background:radial-gradient(circle at 60%,#f3cb5f,#f3cb5f00);top:365px;left:-166px}.brand-bar,.intro-copy,.city-specimen,.intro-action{z-index:1;position:relative}.brand-bar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:16px;display:flex}.brand-mark,.brand-no{letter-spacing:.18em;font-size:11px;font-weight:800}.brand-mark{align-items:center;gap:8px;display:inline-flex}.brand-mark:before{background:var(--coral);content:"";border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 5px #ff694821}.brand-no{color:var(--muted);font-weight:600}.intro-copy{padding-top:32px}.micro-label{color:#5f6d73;letter-spacing:.16em;align-items:center;gap:9px;margin-bottom:13px;font-size:12px;font-weight:700;display:flex}.micro-label span{background:var(--coral);width:27px;height:1px}.intro-copy h1{max-width:460px;font-family:var(--serif);letter-spacing:-.055em;margin:0;font-size:clamp(38px,10vw,54px);font-weight:700;line-height:1.17}.intro-copy h1 em{color:var(--coral);font-style:normal;display:inline-block;position:relative}.intro-copy h1 em:after{background:var(--sun);opacity:.5;content:"";border-radius:50%;height:7px;position:absolute;bottom:-5px;left:0;right:0;transform:rotate(-1deg)}.intro-lede{color:#5d696e;max-width:420px;margin:18px 0 0;font-size:14px;line-height:1.8}.city-specimen{width:min(72vw,310px);height:min(72vw,310px);min-height:260px;margin:-3px auto -14px}.city-specimen:before,.city-specimen:after{content:"";border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.city-specimen:before{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#ffffff6b;width:67%;height:67%;box-shadow:0 18px 50px #2d352f1c}.city-specimen:after{border:1px solid #172a351c;width:47%;height:47%}.specimen-ring{border:1px solid #172a3521;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ring-one{border-style:dashed;width:88%;height:88%;animation:38s linear infinite rotate}.ring-two{border-color:#ff694840;width:58%;height:58%}.specimen-center{z-index:2;flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-4deg)}.specimen-center span{letter-spacing:.28em;font-size:10px;font-weight:800}.specimen-center strong{letter-spacing:-.06em;margin-top:4px;font-family:Georgia,serif;font-size:31px}.city-dot{z-index:3;min-width:48px;height:27px;font-family:var(--serif);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f8f4ebd1;border:1px solid #172a3524;border-radius:99px;place-items:center;font-size:12px;display:grid;position:absolute;box-shadow:0 7px 20px #18272d14}.city-dot:before{background:var(--coral);content:"";border-radius:50%;width:5px;height:5px;position:absolute}.city-dot-a{top:13%;left:7%;transform:rotate(-9deg)}.city-dot-a:before{bottom:-10px;right:-10px}.city-dot-b{top:17%;right:3%;transform:rotate(8deg)}.city-dot-b:before{background:#5abca7;bottom:-3px;left:-14px}.city-dot-c{bottom:16%;left:2%;transform:rotate(5deg)}.city-dot-c:before{background:#5abca7;top:-13px;right:-3px}.city-dot-d{bottom:11%;right:2%;transform:rotate(-7deg)}.city-dot-d:before{top:-10px;left:-9px}.intro-action{margin-top:auto}.intro-stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin-bottom:15px;display:grid}.intro-stats div{justify-content:center;align-items:baseline;gap:5px;padding:13px 6px;display:flex}.intro-stats div+div{border-left:1px solid var(--line)}.intro-stats strong{font-family:Georgia,serif;font-size:20px}.intro-stats span{color:var(--muted);font-size:11px}.primary-button,.save-button{color:#fffaf0;background:var(--ink);cursor:pointer;border:0;border-radius:18px;justify-content:space-between;align-items:center;width:100%;min-height:58px;padding:0 9px 0 21px;font-weight:700;display:flex;box-shadow:0 13px 28px #172a3533}.primary-button b,.save-button b{width:42px;height:42px;color:var(--ink);background:var(--sun);border-radius:13px;place-items:center;font-size:21px;display:grid}.primary-button:active,.save-button:active{transform:translateY(1px)}.privacy-note{color:#8b918f;text-align:center;margin:11px 0 0;font-size:10px}@keyframes rotate{to{transform:translate(-50%,-50%)rotate(360deg)}}.quiz-screen{max-width:560px;padding:max(22px, env(safe-area-inset-top)) 20px max(28px, env(safe-area-inset-bottom));background:radial-gradient(circle at 100% 0%, #ffb85d38, transparent 34%), var(--paper);margin:0 auto}.quiz-header{justify-content:space-between;align-items:center;display:flex}.back-button{border:1px solid var(--line);cursor:pointer;background:#ffffff61;border-radius:50%;place-items:center;width:42px;height:42px;font-size:20px;display:grid}.quiz-progress-copy{align-items:baseline;gap:11px;display:flex}.quiz-progress-copy span{color:#798186;letter-spacing:.13em;font-size:9px;font-weight:800}.quiz-progress-copy strong{font-family:Georgia,serif;font-size:15px}.progress-track{background:#172a3517;border-radius:99px;height:3px;margin:18px 0 0;overflow:hidden}.progress-track div{border-radius:inherit;background:var(--coral);height:100%;transition:width .4s cubic-bezier(.2,.8,.2,1)}.question-card{padding-top:clamp(48px,10vh,82px);animation:.42s both question-in;position:relative}@keyframes question-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.question-index{z-index:0;color:#172a350e;font-family:Georgia,serif;font-size:104px;font-weight:700;line-height:1;position:absolute;top:27px;right:2px}.question-eyebrow{z-index:1;color:var(--coral);letter-spacing:.14em;margin:0 0 11px;font-size:12px;font-weight:800;position:relative}.question-card h2{z-index:1;max-width:440px;min-height:96px;font-family:var(--serif);letter-spacing:-.045em;margin:0 0 28px;font-size:clamp(29px,7.8vw,39px);line-height:1.34;position:relative}.options-list{z-index:1;gap:11px;display:grid;position:relative}.option-button{text-align:left;cursor:pointer;background:#ffffff85;border:1px solid #172a351c;border-radius:17px;grid-template-columns:38px minmax(0,1fr) 22px;align-items:center;gap:12px;min-height:66px;padding:10px 16px 10px 10px;transition:border-color .2s,background .2s,transform .2s;display:grid;box-shadow:0 7px 20px #302f2609}.option-button:active{transform:scale(.99)}.option-letter{color:#707a7f;border:1px solid #172a351f;border-radius:12px;place-items:center;width:38px;height:38px;font-family:Georgia,serif;font-size:13px;transition:all .2s;display:grid}.option-label{font-size:14px;font-weight:600;line-height:1.45}.option-check{color:#0000;font-weight:900}.option-button.selected{border-color:var(--ink);background:var(--ink);color:#fffaf1;box-shadow:0 14px 26px #172a352b}.option-button.selected .option-letter{border-color:var(--sun);color:var(--ink);background:var(--sun)}.option-button.selected .option-check{color:var(--sun)}.select-hint{color:#89908f;text-align:center;margin:20px 0 0;font-size:10px}.analyzing-screen{color:#fffaf1;background:var(--ink);place-items:center;max-width:560px;margin:0 auto;padding:28px;display:grid;overflow:hidden}.scan-field{width:min(77vw,340px);height:min(77vw,340px);position:relative}.scan-orbit{border:1px dashed #ffffff52;border-radius:50%;animation:3s linear infinite rotate-simple;position:absolute;inset:14%}.scan-orbit:before,.scan-orbit:after{content:"";border:1px solid #ffffff21;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scan-orbit:before{width:67%;height:67%}.scan-orbit:after{background:var(--coral);opacity:.82;width:34%;height:34%}.scan-orbit i{background:var(--sun);width:10px;height:10px;box-shadow:0 0 25px var(--sun);border-radius:50%;position:absolute;top:-5px;left:50%}.scan-city{z-index:2;color:#ffffff9e;font-family:var(--serif);letter-spacing:.16em;font-size:12px;position:absolute}.s1{top:3%;left:45%}.s2{top:30%;right:-2%}.s3{bottom:12%;right:7%}.s4{bottom:6%;left:12%}.s5{top:32%;left:-1%}.analyzing-copy{text-align:center;align-self:start;margin-top:-9vh}.analyzing-copy>span{color:var(--sun);letter-spacing:.24em;font-size:9px;font-weight:800}.analyzing-copy h2{font-family:var(--serif);letter-spacing:-.03em;margin:13px 0 8px;font-size:27px}.analyzing-copy p{color:#ffffff8c;margin:0;font-size:12px}.analysis-loader{justify-content:center;gap:6px;margin-top:23px;display:flex}.analysis-loader i{background:var(--sun);border-radius:50%;width:6px;height:6px;animation:1s ease-in-out infinite pulse}.analysis-loader i:nth-child(2){animation-delay:.14s}.analysis-loader i:nth-child(3){animation-delay:.28s}@keyframes pulse{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-5px)}}@keyframes rotate-simple{to{transform:rotate(360deg)}}.result-screen{padding:max(14px, env(safe-area-inset-top)) 0 max(30px, env(safe-area-inset-bottom));background:#dcd5ca}.result-toolbar{justify-content:space-between;align-items:center;max-width:560px;margin:0 auto;padding:0 16px 13px;display:flex}.result-toolbar span{font-family:var(--serif);font-size:14px;font-weight:700}.result-toolbar button{color:#526067;cursor:pointer;background:0 0;border:0;padding:6px 0;font-size:11px}.result-report{width:min(100%,560px);color:var(--ink);background:#f5f0e6;margin:0 auto;overflow:hidden;box-shadow:0 22px 60px #22292629}.result-hero{color:#fffaf0;background:radial-gradient(circle at 80% 18%, color-mix(in srgb, var(--city-a) 82%, transparent), transparent 25%), radial-gradient(circle at 10% 91%, color-mix(in srgb, var(--city-b) 76%, transparent), transparent 29%), var(--city-ink);isolation:isolate;min-height:570px;padding:24px 22px 28px;position:relative}.result-hero:before{z-index:-1;content:"";border:1px solid #ffffff3d;border-radius:50%;width:230px;height:230px;position:absolute;top:94px;right:-36px;box-shadow:0 0 0 28px #ffffff09,0 0 0 58px #ffffff06}.result-grid{z-index:-2;opacity:.16;background-image:linear-gradient(#ffffff29 1px,#0000 1px),linear-gradient(90deg,#ffffff29 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 86%);mask-image:linear-gradient(#000,#0000 86%)}.report-kicker{letter-spacing:.18em;border-bottom:1px solid #ffffff38;justify-content:space-between;align-items:center;padding-bottom:15px;font-size:9px;font-weight:800;display:flex}.result-hook{max-width:310px;color:var(--city-a);font-family:var(--serif);letter-spacing:.04em;margin:32px 0 19px;font-size:17px;font-weight:700}.result-main{justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.city-name-block p{color:#ffffff94;letter-spacing:.13em;margin:0 0 2px;font-size:11px}.city-name-block h1{font-family:var(--serif);letter-spacing:-.12em;text-shadow:0 10px 30px #00000029;margin:0;font-size:clamp(82px,26vw,122px);font-weight:700;line-height:.98}.city-name-block>span{color:#ffffff85;letter-spacing:.22em;margin-top:10px;font-family:Georgia,serif;font-size:9px;display:block}.match-dial{background:conic-gradient(var(--city-a) var(--score), #ffffff29 0);border-radius:50%;flex:none;place-items:center;width:82px;height:82px;margin-bottom:10px;display:grid;position:relative;transform:rotate(-10deg)}.match-dial:before{background:var(--city-ink);content:"";border-radius:50%;position:absolute;inset:4px}.match-dial-inner{z-index:1;align-items:baseline;display:flex;position:relative;transform:rotate(10deg)}.match-dial strong{font-family:Georgia,serif;font-size:30px;line-height:1}.match-dial span{font-size:10px}.persona-block{border-left:2px solid var(--city-a);max-width:400px;margin-top:35px;padding-left:14px}.persona-block>span{color:#ffffff7a;letter-spacing:.2em;font-size:8px;font-weight:800}.persona-block h2{color:var(--city-a);font-family:var(--serif);letter-spacing:-.04em;margin:6px 0 8px;font-size:29px}.persona-block p{color:#ffffffcf;margin:0;font-size:13px;line-height:1.65}.profile-tags{flex-wrap:wrap;gap:7px;margin-top:28px;display:flex}.profile-tags span{color:#ffffffd6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff12;border:1px solid #ffffff38;border-radius:99px;padding:7px 11px;font-size:10px}.report-section{border-bottom:1px solid #172a351c;padding:34px 22px}.section-heading{align-items:flex-start;gap:12px;margin-bottom:24px;display:flex}.section-heading>span{color:#fffaf0;background:var(--ink);border-radius:50%;flex:none;place-items:center;width:29px;height:29px;font-family:Georgia,serif;font-size:10px;display:grid}.section-heading p{color:#8a8e8b;letter-spacing:.19em;margin:0 0 3px;font-size:8px;font-weight:800}.section-heading h3{font-family:var(--serif);letter-spacing:-.04em;margin:0;font-size:23px}.reason-list{gap:12px;display:grid}.reason-item{background:#ffffff7a;border:1px solid #172a351a;border-radius:16px;grid-template-columns:30px minmax(0,1fr);gap:12px;padding:16px;display:grid}.reason-item>span{color:var(--city-b);font-family:Georgia,serif;font-size:12px;font-weight:700}.reason-item strong{font-family:var(--serif);font-size:15px}.reason-item p{color:#637076;margin:5px 0 0;font-size:12px;line-height:1.65}.tradeoff-note{background:color-mix(in srgb, var(--city-a) 22%, #f5f0e6);border-radius:13px;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:11px;margin-top:15px;padding:13px 15px;display:grid}.tradeoff-note span{color:#fff;background:var(--city-b);border-radius:5px;padding:3px 6px;font-size:9px;font-weight:800}.tradeoff-note p{margin:0;font-size:11px;font-weight:600;line-height:1.55}.radar-section{background:#ffffff40}.radar-wrap canvas{width:100%;height:auto;display:block}.radar-legend{color:#657178;justify-content:center;gap:20px;margin-top:-6px;font-size:10px;display:flex}.radar-legend span{align-items:center;gap:6px;display:inline-flex}.legend-dot{border-radius:50%;width:9px;height:9px;display:inline-block}.legend-city{background:#ff6948}.legend-user{background:#1c303f}.alternative-list{gap:11px;display:grid}.alternative-card{color:#fffaf0;background:var(--ink);border-radius:16px;grid-template-columns:43px minmax(0,1fr);gap:12px;padding:16px 17px;display:grid;position:relative;overflow:hidden}.alternative-card:after{content:"";border:1px solid #ffffff24;border-radius:50%;width:80px;height:80px;position:absolute;top:-24px;right:-17px}.alternative-index{color:var(--city-a);font-family:Georgia,serif;font-size:12px;font-weight:700}.alternative-title{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.alternative-title h4{font-family:var(--serif);margin:0;font-size:24px}.alternative-title strong{color:var(--city-a);font-family:Georgia,serif;font-size:17px}.alternative-card p{color:#ffffffa1;margin:6px 0 0;font-size:11px;line-height:1.5}.reminder-section{background:linear-gradient(135deg,#172a3506 25%,#0000 25%) 0 0/18px 18px,#f5f0e6}.reminder-list{margin:0;padding:0;list-style:none}.reminder-list li{border-top:1px solid #172a351c;grid-template-columns:38px minmax(0,1fr);align-items:start;gap:12px;padding:15px 0;display:grid}.reminder-list li:last-child{border-bottom:1px solid #172a351c}.reminder-list span{color:var(--city-b);font-family:Georgia,serif;font-size:18px;font-weight:700}.reminder-list p{margin:0;font-size:12px;font-weight:600;line-height:1.65}.share-stamp{color:#fffaf0;background:var(--city-b);text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:275px;display:flex;position:relative;overflow:hidden}.share-stamp:before,.share-stamp:after{content:"";border:1px dashed #ffffff54;border-radius:50%;width:210px;height:210px;position:absolute}.share-stamp:before{top:-118px;left:-83px}.share-stamp:after{bottom:-123px;right:-88px}.share-stamp p{color:#ffffffb3;letter-spacing:.22em;margin:0 0 2px;font-size:12px}.share-stamp strong{z-index:1;font-family:var(--serif);letter-spacing:-.06em;font-size:49px;position:relative}.share-stamp>span{margin-top:12px;font-size:11px}.stamp-code{letter-spacing:.18em;border:1px solid #ffffff47;border-radius:99px;margin-top:26px;padding:7px 12px;font-family:Georgia,serif;font-size:8px}.report-footer{color:#7b8485;background:var(--ink);padding:24px 22px 27px}.report-footer span{color:var(--city-a);letter-spacing:.22em;font-size:8px;font-weight:800}.report-footer p{margin:9px 0 0;font-size:9px;line-height:1.65}.result-actions{width:min(100%,560px);margin:0 auto;padding:18px 18px 6px}.save-button{min-height:56px}.save-button:disabled{cursor:wait;opacity:.75}.share-button{cursor:pointer;background:#ffffff70;border:1px solid #172a352e;border-radius:16px;width:100%;min-height:50px;margin-top:10px;font-size:13px;font-weight:700}.result-actions p{color:#788184;text-align:center;margin:10px 0 0;font-size:10px}.image-preview{z-index:30;padding:max(18px, env(safe-area-inset-top)) 14px max(25px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f1b22f5;position:fixed;inset:0;overflow-y:auto}.image-preview-top{color:#fff;justify-content:space-between;align-items:center;max-width:540px;margin:0 auto 14px;display:flex}.image-preview-top div{flex-direction:column;gap:3px;display:flex}.image-preview-top strong{font-size:14px}.image-preview-top span{color:#fff9;font-size:10px}.image-preview-top button{color:#fff;background:0 0;border:1px solid #ffffff3d;border-radius:50%;place-items:center;width:38px;height:38px;font-size:24px;display:grid}.image-preview img{border-radius:6px;width:min(100%,540px);height:auto;margin:0 auto;display:block;box-shadow:0 22px 70px #0006}.candidate-wrap{margin-top:13px}.candidate-strip{color:#58666c;background:#ffffff6b;border:1px solid #172a351a;border-radius:11px;justify-content:space-between;align-items:center;gap:10px;min-height:34px;padding:8px 11px;font-size:10px;display:flex}.candidate-strip span{color:var(--ink);flex:none;font-weight:800}.candidate-strip em{text-overflow:ellipsis;white-space:nowrap;font-style:normal;overflow:hidden}.dream-drop{color:#c9523b;margin:7px 2px 0;font-size:10px;font-weight:700;line-height:1.45}.options-list.compact{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.compact .option-button{border-radius:13px;grid-template-columns:27px minmax(0,1fr);gap:8px;min-height:48px;padding:7px 9px 7px 7px}.compact .option-letter{border-radius:9px;width:27px;height:27px;font-size:10px}.compact .option-label{font-size:12px}.compact .option-check{display:none}.score-caption{color:#ffffff80;text-align:right;margin:7px 0 0;font-size:9px}.dream-section{background:color-mix(in srgb, var(--city-a) 13%, #f5f0e6)}.dream-line,.core-need{font-family:var(--serif);margin:0;font-size:18px;font-weight:700;line-height:1.7}.dream-gaps{gap:7px;margin-top:17px;display:grid}.dream-gaps p{color:#5f6c72;background:#ffffff7a;border:1px solid #172a351a;border-radius:11px;margin:0;padding:10px 12px;font-size:11px;line-height:1.55}.dream-accept{color:#744a40;margin:13px 0 0;font-size:11px;font-weight:650;line-height:1.65}.dream-disclosure,.guide-note{color:#8a8e8b;margin:15px 0 0;font-size:9px;line-height:1.6}.evidence-section{background:#ffffff47}.core-need{border-left:3px solid var(--city-b);color:#293b43;padding-left:14px;font-size:19px}.confidence-card{background:var(--ink);color:#fffaf0;border-radius:14px;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:8px 11px;margin-top:19px;padding:14px 15px;display:grid}.confidence-card span{color:#ffffff94;letter-spacing:.12em;font-size:9px;font-weight:800}.confidence-card strong{background:var(--city-a);color:var(--ink);font-family:var(--serif);border-radius:99px;padding:3px 7px;font-size:13px}.confidence-card p{color:#ffffffb8;grid-column:1/-1;margin:2px 0 0;font-size:11px;line-height:1.6}.clarity-open strong{background:#efe4d3}.evidence-list{gap:9px;margin-top:14px;display:grid}.evidence-item{background:#ffffff8c;border:1px solid #172a351a;border-radius:13px;grid-template-columns:29px minmax(0,1fr);gap:11px;padding:13px 14px;display:grid}.evidence-item>span{color:var(--city-b);font-family:Georgia,serif;font-size:11px;font-weight:800}.evidence-item small{color:#8a8e8b;letter-spacing:.08em;font-size:8px;font-weight:800}.evidence-item p{font-family:var(--serif);margin:4px 0 0;font-size:14px;font-weight:700;line-height:1.5}.evidence-item em{color:#6b777b;margin-top:6px;font-size:10px;font-style:normal;line-height:1.6;display:block}.conflict-note{background:color-mix(in srgb, var(--city-b) 13%, #f5f0e6);border-radius:12px;margin-top:13px;padding:12px 14px}.conflict-note strong{color:var(--city-b);font-size:10px}.conflict-note p{color:#5d696e;margin:5px 0 0;font-size:11px;line-height:1.6}.dream-gate{color:#75493f;background:#ffffff6b;border-left:3px solid #bd513d;border-radius:0 10px 10px 0;margin:10px 0 0;padding:10px 12px;font-size:10px;font-weight:650;line-height:1.6}.reality-section{background:#ede6da}.reality-card{background:#ffffff85;border:1px solid #172a351f;border-radius:17px;overflow:hidden}.reality-status{color:#fffaf0;background:var(--ink);justify-content:space-between;align-items:center;gap:12px;padding:14px 15px;display:flex}.reality-status span{color:#fff9;letter-spacing:.12em;font-size:9px;font-weight:800}.reality-status strong{color:var(--ink);background:#72ceb3;border-radius:99px;padding:5px 9px;font-size:11px}.reality-conditional .reality-status strong{background:var(--sun)}.reality-blocked .reality-status strong{color:#fffaf0;background:#bd513d}.rent-summary{color:#526269;font-family:var(--serif);margin:0;padding:13px 15px 10px;font-size:13px;font-weight:700;line-height:1.55}.reality-card ul{gap:8px;margin:0;padding:0 15px 15px;list-style:none;display:grid}.reality-card li{color:#626f74;padding-left:14px;font-size:10px;line-height:1.65;position:relative}.reality-card li:before{background:var(--city-b);content:"";border-radius:50%;width:5px;height:5px;position:absolute;top:.7em;left:0}.reality-clear{color:#557066;margin:0;padding:0 15px 15px;font-size:10px;line-height:1.65}.reversal-note{border:1px dashed #172a3533;border-radius:13px;margin-top:13px;padding:13px 15px}.reversal-note span{color:var(--city-b);font-size:9px;font-weight:800}.reversal-note p{color:#53636a;margin:6px 0 0;font-size:11px;line-height:1.65}.dim-rows{gap:9px;margin-top:20px;display:grid}.dim-row{border-top:1px solid #172a351a;padding:13px 14px}.dim-row-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.dim-row-top strong{font-family:var(--serif);font-size:14px}.dim-row-top i{color:#686e70;background:#e9e2d6;border-radius:99px;padding:3px 7px;font-size:9px;font-style:normal;font-weight:800}.dim-row-top i.good{color:#287a67;background:#55c1a72b}.dim-row-top i.warn{color:#bb4c36;background:#ff694824}.dim-row p{color:#667176;margin:5px 0 0;font-size:10px;line-height:1.55}.dim-row .dim-nums{color:#8a8e8b;font-size:9px}.opposite-card{background:#ebe4d8;border:1px solid #172a351f;border-radius:16px;padding:18px}.opposite-title{justify-content:space-between;align-items:baseline;display:flex}.opposite-title h4{font-family:var(--serif);margin:0;font-size:28px}.opposite-title strong{color:var(--city-b);font-family:Georgia,serif;font-size:16px}.opposite-card p{color:#5f6b70;margin:9px 0 0;font-size:11px;line-height:1.65}.guide-list{gap:10px;display:grid}.guide-item{background:#ffffff75;border:1px solid #172a351a;border-radius:13px;grid-template-columns:58px minmax(0,1fr);gap:12px;padding:14px;display:grid}.guide-item span{color:var(--city-b);font-size:10px;font-weight:800}.guide-item p{color:#4d5e65;margin:0;font-size:11px;font-weight:600;line-height:1.6}.action-section{color:#fffaf0;background:var(--ink)}.action-section .section-heading>span{color:var(--ink);background:var(--city-a)}.action-section .section-heading p{color:#ffffff78}.action-grid{background:#ffffff24;border:1px solid #ffffff24;border-radius:17px;gap:1px;display:grid;overflow:hidden}.action-step{background:#203542;grid-template-columns:31px minmax(0,1fr);gap:12px;padding:16px;display:grid}.action-step>span{color:var(--city-a);font-family:Georgia,serif;font-size:12px;font-weight:800}.action-step strong{color:var(--city-a);font-family:var(--serif);font-size:15px}.action-step p{color:#ffffffb3;margin:5px 0 0;font-size:10px;line-height:1.7}.method-section{background:#e9e1d4}.method-section>p{color:#5d696e;margin:0;font-size:10px;line-height:1.75}.method-section>p+p{margin-top:9px}@media (width>=561px){body{background:#d9d2c7}.intro-screen,.quiz-screen,.analyzing-screen{box-shadow:0 0 80px #232a2826}.result-report{border-radius:22px}}@media (height<=720px){.intro-copy{padding-top:23px}.intro-copy h1{font-size:37px}.intro-lede{margin-top:12px;line-height:1.65}.city-specimen{width:250px;height:250px;min-height:230px}.question-card{padding-top:35px}.question-index{font-size:84px;top:17px}.question-card h2{min-height:77px;margin-bottom:20px;font-size:29px}.option-button{min-height:58px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}