:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#1f1a17;--muted:#6e625b;--paper:#fffaf1;--panel:#fffdf8;--line:#e9ded0;--orange:#bd3f16;--orange-dark:#b83916;--mustard:#f7c948;--navy:#172b3a;--mint:#cde7d8;background:var(--paper);color:var(--ink);font-family:Arial,Apple SD Gothic Neo,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit}:focus-visible{outline-offset:3px;outline:3px solid #1267a5}.site-header{border-bottom:1px solid var(--line);z-index:1;background:#fffaf1f5;justify-content:space-between;align-items:center;min-height:72px;padding:12px max(24px,50vw - 590px);display:flex;position:relative}.brand{align-items:center;gap:10px;font-size:1.2rem;font-weight:900;text-decoration:none;display:flex}.brand-mark{background:var(--orange);color:#fff;letter-spacing:-.12em;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:.68rem;display:inline-flex;transform:rotate(-3deg)}.site-header nav{gap:24px;display:flex}.site-header nav a{color:var(--muted);font-size:.9rem;font-weight:700;text-decoration:none}.site-header nav a:hover{color:var(--orange-dark)}main{display:block}.hero-panel,.content-section,.comparison-section,.feature-grid,.map-preview,.preview-main{max-width:1180px;margin-inline:auto}.hero-panel{grid-template-columns:1.15fr .85fr;align-items:end;gap:48px;min-height:390px;padding:74px 24px 62px;display:grid}.kicker{color:var(--orange-dark);letter-spacing:.1em;text-transform:uppercase;margin:0 0 12px;font-size:.76rem;font-weight:900}.hero-panel h1,.preview-hero h1{letter-spacing:-.08em;margin:0;font-size:clamp(3.2rem,8vw,6.7rem);line-height:.98}.hero-description,.preview-hero>p:not(.kicker){color:var(--muted);max-width:560px;margin:24px 0 0;font-size:1.08rem;line-height:1.7}.selection-panel{background:var(--panel);border:1px solid var(--line);border-radius:24px;gap:24px;padding:26px;display:grid;box-shadow:0 16px 50px #51392714}fieldset{border:0;margin:0;padding:0}legend{margin-bottom:9px;font-size:.78rem;font-weight:800}.segmented-control{background:#f1e8dc;border-radius:13px;grid-template-columns:repeat(2,1fr);gap:5px;padding:5px;display:grid}.segmented-control button{color:#655b54;cursor:pointer;background:0 0;border:0;border-radius:9px;min-height:44px;padding:10px 12px;font-weight:800}.segmented-control button[aria-pressed=true]{background:var(--ink);color:#fff;box-shadow:0 4px 12px #1f1a172e}.content-section{padding:48px 24px 84px}.section-heading{justify-content:space-between;align-items:end;margin-bottom:28px;display:flex}.section-heading h2,.map-preview h2{letter-spacing:-.055em;margin:0;font-size:clamp(1.8rem,4vw,3rem)}.turnout{flex-direction:column;align-items:flex-end;display:flex}.turnout span{color:var(--muted);font-size:.75rem;font-weight:700}.turnout strong{color:var(--orange-dark);font-size:2rem}.candidate-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.candidate-card{background:var(--panel);border:1px solid var(--line);border-radius:18px;flex-direction:column;min-height:390px;padding:20px;transition:border-color .16s,transform .16s;display:flex;overflow:hidden}.candidate-card:hover{transform:translateY(-4px)}.candidate-card.selected{border-color:var(--orange);box-shadow:0 0 0 2px #f05a2824}.candidate-topline{align-items:center;gap:9px;display:flex}.rank{background:var(--ink);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:900;display:inline-flex}.candidate-emoji{font-size:1.4rem}.category{color:var(--muted);margin-left:auto;font-size:.72rem;font-weight:800}.candidate-card h3{letter-spacing:-.045em;margin:22px 0 6px;font-size:1.35rem}.candidate-meta{color:var(--muted);margin:0;font-size:.78rem}.candidate-card ul{color:#554b45;margin:20px 0 auto;padding-left:18px;font-size:.82rem;line-height:1.55}.candidate-card li+li{margin-top:7px}.support-row{justify-content:space-between;align-items:end;margin-top:24px;display:flex}.support-row>div{flex-direction:column;display:flex}.support-row strong{font-size:1.45rem}.support-row span{color:var(--muted);font-size:.7rem}.support-row button{background:var(--paper);border:1px solid var(--line);cursor:pointer;border-radius:10px;min-height:38px;padding:8px 12px;font-size:.76rem;font-weight:800}.support-row button[aria-pressed=true]{background:var(--orange);border-color:var(--orange);color:#fff}.support-track{background:#ede5da;border-radius:999px;height:5px;margin-top:14px;overflow:hidden}.support-track span{background:var(--orange);height:100%;display:block}.vote-status{color:var(--muted);text-align:right;margin:18px 0 0;font-size:.82rem}.comparison-section{background:var(--navy);color:#fff;border-radius:28px;padding:44px}.section-heading.inverse .kicker{color:#e7b94d}.section-heading.inverse h2{margin:0;font-size:clamp(1.8rem,4vw,2.7rem)}.section-heading.inverse a{color:#f8d87d;font-size:.82rem;font-weight:800;text-decoration:none}.comparison-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.comparison-grid article{background:#ffffff14;border:1px solid #ffffff24;border-radius:16px;gap:10px;padding:22px;display:grid}.comparison-grid article>span{color:#b9cad3;font-size:.75rem;font-weight:800}.comparison-grid article>strong{font-size:1.4rem}.comparison-grid article>div{justify-content:space-between;align-items:baseline;display:flex}.comparison-grid b{color:#f8d87d;font-size:2rem}.comparison-grid small{color:#b9cad3}.feature-grid{grid-template-columns:repeat(3,1fr);gap:14px;padding:28px 24px;display:grid}.feature-grid>a{background:var(--panel);border:1px solid var(--line);border-radius:16px;align-items:center;gap:14px;min-height:96px;padding:18px;text-decoration:none;display:flex}.feature-grid>a:hover{border-color:var(--orange)}.feature-icon{color:var(--orange-dark);background:#f7e8d4;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.3rem;display:flex}.feature-grid a>span:nth-child(2){flex-direction:column;gap:4px;display:flex}.feature-grid small{color:var(--muted);font-size:.68rem}.feature-grid b{margin-left:auto}.map-preview{grid-template-columns:.8fr 1.2fr;align-items:center;gap:50px;padding:70px 24px 100px;display:grid}.map-preview>div:first-child>p:not(.kicker){color:var(--muted);margin:18px 0 28px;line-height:1.7}.primary-link,.back-link{font-weight:800;text-decoration:none;display:inline-flex}.primary-link{background:var(--orange);color:#fff;border-radius:12px;padding:13px 17px}.map-canvas{background:linear-gradient(90deg, transparent 48%, #172b3a14 49%, #172b3a14 51%, transparent 52%), linear-gradient(0deg, transparent 48%, #172b3a14 49%, #172b3a14 51%, transparent 52%), var(--mint);background-size:84px 84px;border-radius:24px;min-height:320px;position:relative;overflow:hidden}.map-canvas p{white-space:nowrap;background:#ffffffe6;border-radius:999px;margin:0;padding:9px 14px;font-size:.72rem;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.map-pin{background:var(--orange);color:#fff;border:4px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;font-size:.75rem;font-weight:900;display:flex;position:absolute;box-shadow:0 6px 14px #1f1a1733}.pin-one{top:30%;left:24%}.pin-two{top:21%;right:27%}.pin-three{bottom:27%;left:52%}.preview-main{padding:70px 24px 110px}.preview-hero{max-width:860px}.preview-hero h1{font-size:clamp(3rem,7vw,5.7rem)}.back-link{color:var(--orange-dark);margin-top:28px}.preview-content{margin-top:54px}.preview-card-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.preview-card,.personality-result,.empty-state{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:30px}.preview-card>span,.personality-result>span{color:var(--orange-dark);letter-spacing:.06em;font-size:.75rem;font-weight:900}.preview-card h2,.personality-result h2{margin:14px 0;font-size:2rem}.preview-card>strong{font-size:3rem}.preview-card p,.personality-result p{color:var(--muted);line-height:1.7}.fortune-card{background:#fff3cc}.fortune-card.accent{background:var(--mint)}.restaurant-columns{grid-template-columns:repeat(2,1fr);gap:32px;display:grid}.restaurant-columns section{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:24px}.restaurant-columns h2{margin:0 0 18px}.restaurant-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:16px 0;display:flex}.restaurant-row>div{flex-direction:column;gap:4px;display:flex}.restaurant-row>div:last-child{align-items:flex-end}.restaurant-row span,.restaurant-row small{color:var(--muted);font-size:.75rem}.personality-result{max-width:720px}.trait-list{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.trait-list span{background:#f1e8dc;border-radius:999px;padding:9px 13px;font-size:.78rem;font-weight:800}.timeline-list{max-width:760px;margin:0;padding:0;list-style:none}.timeline-list li{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr auto auto;align-items:center;gap:12px;padding:22px 4px;display:grid}.timeline-list span,.timeline-list small{color:var(--muted)}.empty-state{text-align:center;max-width:720px}.empty-state>span{font-size:3rem}.phase4-stack{gap:22px;display:grid}.phase4-controls{background:var(--panel);border:1px solid var(--line);border-radius:18px;flex-wrap:wrap;align-items:end;gap:14px;padding:20px;display:flex}.phase4-controls label{color:var(--muted);gap:7px;min-width:150px;font-size:.76rem;font-weight:800;display:grid}.phase4-controls select{border:1px solid var(--line);color:var(--ink);font:inherit;background:#fff;border-radius:10px;min-height:44px;padding:9px 34px 9px 11px}.phase4-primary,.phase4-secondary,.phase4-delete,.answer-grid button{cursor:pointer;font:inherit;border-radius:10px;min-height:44px;padding:10px 14px;font-weight:800}.phase4-primary{background:var(--orange);border:1px solid var(--orange);color:#fff}.phase4-primary:disabled,.phase4-secondary:disabled{cursor:wait;opacity:.65}.phase4-secondary{border:1px solid var(--line);color:var(--orange-dark);background:#fff;margin-top:14px}.phase4-delete{border:1px solid var(--line);color:var(--muted);background:0 0;min-height:36px;padding:6px 10px}.phase4-status{color:var(--muted);margin:0}.question-card{background:var(--panel);border:1px solid var(--line);border-radius:22px;max-width:760px;padding:30px}.question-card legend{color:var(--orange-dark)}.question-card h2{margin:4px 0 24px;font-size:2rem}.answer-grid{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.answer-grid button{border:1px solid var(--line);color:var(--ink);text-align:left;background:#f8f1e7}.answer-grid button:hover{border-color:var(--orange)}.timeline-summary{grid-template-columns:repeat(3,1fr);gap:10px;max-width:760px;display:grid}.timeline-summary span{background:var(--panel);border:1px solid var(--line);color:var(--muted);border-radius:14px;gap:8px;padding:16px;font-size:.75rem;display:grid}.timeline-summary strong{color:var(--ink);font-size:1.05rem}.map-filters{background:var(--panel);border:1px solid var(--line);border-radius:18px;grid-template-columns:repeat(4,minmax(130px,1fr)) auto;align-items:end;gap:12px;padding:18px;display:grid}.map-filters label:not(.map-check){color:var(--muted);gap:6px;font-size:.74rem;font-weight:800;display:grid}.map-filters select{border:1px solid var(--line);color:var(--ink);font:inherit;background:#fff;border-radius:10px;min-height:44px;padding:8px}.map-check{white-space:nowrap;align-items:center;gap:7px;min-height:44px;font-size:.78rem;font-weight:800;display:flex}.map-result-layout{grid-template-columns:minmax(300px,.9fr) minmax(420px,1.1fr);gap:20px;display:grid}.map-live{min-height:430px}.map-live.map-failed{filter:grayscale(.35)}.map-list{background:var(--panel);border:1px solid var(--line);border-radius:20px;max-height:520px;padding:6px 20px;overflow:auto}.map-list .restaurant-row{gap:12px}.map-list .restaurant-row>div:nth-child(2){flex:1}.map-list .restaurant-row>div:last-child{min-width:88px}.photo-upload-card{background:var(--navy);color:#fff;border-radius:22px;grid-template-columns:1fr 1fr;align-items:center;gap:30px;padding:28px;display:grid}.photo-upload-card h2{margin:5px 0 10px;font-size:1.8rem}.photo-upload-card .kicker{color:#f8d87d}.photo-upload-card>div>p:not(.kicker),.photo-upload-controls p{color:#c4d1d9;margin:0;line-height:1.55}.photo-upload-controls{gap:12px;display:grid}.photo-upload-controls input{color:var(--ink);background:#fff;border-radius:10px;padding:10px}@media (max-width:900px){.candidate-grid{grid-template-columns:repeat(2,1fr)}.hero-panel,.map-preview{grid-template-columns:1fr}.hero-panel{gap:34px;padding-top:54px}.map-preview{gap:30px}}@media (max-width:680px){.site-header{align-items:flex-start;min-height:auto;padding:11px 16px}.brand>span:last-child{display:none}.site-header nav{gap:12px;padding:9px 2px;overflow-x:auto}.site-header nav a{white-space:nowrap;font-size:.75rem}.hero-panel{padding:42px 16px 36px}.hero-panel h1{font-size:3.5rem}.selection-panel{border-radius:18px;padding:18px}.content-section{padding:36px 16px 60px}.section-heading{align-items:flex-start}.candidate-grid,.comparison-grid,.feature-grid,.preview-card-grid,.restaurant-columns{grid-template-columns:1fr}.candidate-card{min-height:350px}.comparison-section{border-radius:0;padding:36px 18px}.section-heading.inverse{gap:20px}.feature-grid{padding:18px 16px}.map-preview{padding:54px 16px 72px}.map-canvas{min-height:260px}.preview-main{padding:46px 16px 80px}.preview-hero h1{font-size:3.25rem}.timeline-list li{grid-template-columns:1fr;align-items:start}.phase4-controls,.phase4-controls label{align-items:stretch;width:100%;display:grid}.answer-grid,.timeline-summary,.map-filters,.map-result-layout,.photo-upload-card{grid-template-columns:1fr}.map-live{min-height:280px}.map-list{max-height:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.candidate-card{transition:none}}