:root{--paper: #f6f1e7;--paper-2: #fffdf6;--ink: #191512;--muted: #75695c;--line: #191512;--accent: #0e7a4e;--accent-2: #ffd23f;--danger: #d6352c;--yes: #0e7a4e;--no: #d6352c;--brand: #fd3a6d;--brand-soft: #ffc9b0;--radius: 16px;--shadow: 5px 5px 0 rgba(25, 21, 18, .9);--shadow-sm: 3px 3px 0 rgba(25, 21, 18, .9);font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--paper);background-image:radial-gradient(rgba(25,21,18,.055) 1px,transparent 1.4px);background-size:18px 18px;color:var(--ink);font-family:Archivo,system-ui,sans-serif;line-height:1.55;-webkit-font-smoothing:antialiased}.shell{max-width:1080px;margin:0 auto;padding:24px 20px 96px}.masthead{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:30px}.logo{display:inline-flex;align-items:baseline;gap:10px;transform:rotate(-1.2deg);-webkit-user-select:none;user-select:none;cursor:pointer}.logo-badge{font-family:Archivo Black,sans-serif;font-size:clamp(24px,4.4vw,38px);letter-spacing:.5px;background:var(--ink);color:var(--paper-2);padding:4px 14px 6px;border-radius:10px;box-shadow:var(--shadow-sm)}.logo-badge em{font-style:normal;color:var(--brand-soft)}.flame{transform:rotate(4deg);flex:none;filter:drop-shadow(2px 2px 0 rgba(25,21,18,.18))}.logo-year{font-family:Archivo Black,sans-serif;font-size:clamp(14px,2vw,18px);background:var(--brand);color:#fff;padding:2px 10px 3px;border-radius:8px;transform:rotate(2deg);box-shadow:var(--shadow-sm)}.tabs{display:flex;gap:10px}.tab{font-family:Archivo,sans-serif;font-weight:700;font-size:15px;padding:9px 20px;border:2px solid var(--line);border-radius:999px;background:var(--paper-2);color:var(--ink);cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .12s ease,box-shadow .12s ease,background .12s}.tab:hover{transform:translate(-1px,-1px);box-shadow:4px 4px #191512e6}.tab.active{background:var(--ink);color:var(--paper-2)}.hero{text-align:center;margin:24px auto 30px;max-width:620px}.hero h1{font-family:Archivo Black,sans-serif;font-size:clamp(26px,5vw,40px);line-height:1.12;margin:0 0 12px}.hero p{color:var(--muted);margin:0;font-size:16.5px}.start-wrap{display:inline-flex;flex-direction:column;align-items:stretch;gap:12px;min-width:210px}.start-btn{font-size:18px;padding:16px 38px}.start-countdown{display:block;height:12px;border:2.5px solid var(--line);border-radius:999px;background:#ffd0dc;box-shadow:3px 3px #191512e6;overflow:hidden}.start-countdown-fill{display:block;height:100%;width:100%;border-radius:999px;background:repeating-linear-gradient(-45deg,#fd3a6d 0,#fd3a6d 7px,#ff8aa8 7px,#ff8aa8 14px);animation:countdown-empty 5s linear forwards}@keyframes countdown-empty{0%{width:100%}to{width:0%}}.card{background:var(--paper-2);border:2px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:26px 28px}.swipe-top{max-width:380px;margin:0 auto 16px;display:flex;align-items:center;gap:12px}.q-count{font-family:Archivo Black,sans-serif;font-size:13px;letter-spacing:1px;color:var(--muted);flex:none}.q-theme{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:1px;background:var(--brand-soft);border:2px solid var(--line);padding:2px 11px;border-radius:999px;transform:rotate(1.5deg);display:inline-block}.progress-track{flex:1;height:10px;border:2px solid var(--line);border-radius:999px;background:var(--paper);overflow:hidden}.progress-fill{height:100%;background:repeating-linear-gradient(-45deg,var(--brand),var(--brand) 8px,color-mix(in srgb,var(--brand) 82%,white) 8px,color-mix(in srgb,var(--brand) 82%,white) 16px);border-radius:999px}.swipe-stack{position:relative;max-width:380px;height:468px;margin:0 auto}.swipe-card{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding:24px 26px 20px;background:var(--paper-2);border:2.5px solid var(--line);border-radius:22px;box-shadow:var(--shadow);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;overflow:hidden}.swipe-card:active{cursor:grabbing}.swipe-card.behind{transform:translateY(14px) scale(.96);opacity:.5;pointer-events:none;box-shadow:var(--shadow-sm)}.swipe-q{font-family:Archivo Black,sans-serif;font-size:clamp(24px,5.4vw,33px);line-height:1.2;margin:auto 0;text-wrap:balance}.swipe-hint{display:flex;justify-content:space-between;font-size:18px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--muted);flex:none}.swipe-hint span:first-child{color:var(--no)}.swipe-hint span:last-child{color:var(--yes)}.stamp{position:absolute;top:58px;font-family:Archivo Black,sans-serif;font-size:45px;letter-spacing:2px;padding:6px 22px;border:6px solid;border-radius:14px;pointer-events:none}.stamp.no{left:14px;color:var(--no);border-color:var(--no);transform:rotate(-14deg)}.stamp.yes{right:14px;color:var(--yes);border-color:var(--yes);transform:rotate(14deg)}.stamp.skip{top:12px;left:50%;translate:-50% 0;font-size:32px;color:var(--muted);border-color:var(--muted);transform:rotate(-3deg)}.swipe-actions{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:24px}.swipe-btn{width:62px;height:62px;border-radius:50%;border:2.5px solid var(--line);background:var(--paper-2);box-shadow:var(--shadow-sm);display:grid;place-items:center;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.swipe-btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px #191512e6}.swipe-btn:active{transform:scale(.92)}.swipe-btn.no{color:var(--no)}.swipe-btn.yes{color:var(--yes)}.swipe-btn.skip{width:48px;height:48px;color:var(--muted)}.btn{font-family:Archivo Black,sans-serif;font-size:15px;padding:12px 26px;border:2px solid var(--line);border-radius:999px;background:var(--brand);color:#fff;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .12s ease,box-shadow .12s ease}.btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px #191512e6}.btn.ghost{background:var(--paper-2);color:var(--ink);font-family:Archivo,sans-serif;font-weight:700}.compass-wrap{max-width:620px;margin:30px auto 0}.compass-svg{width:100%;height:auto;display:block}.compass-wrap.compact{max-width:none;margin:0}.compass-wrap.compact .you-label{font-size:24px;stroke-width:6px}.ax-label{font-family:Archivo Black,sans-serif;font-size:13px;letter-spacing:2.5px;fill:#75695c}.cand-label{font-family:Archivo,sans-serif;font-weight:700;font-size:11px;fill:#191512;paint-order:stroke;stroke:#f6f1e7;stroke-width:3px}.cand-label.hl{font-family:Archivo Black,sans-serif;font-size:13px}.cand-pop{animation:cand-pop .5s cubic-bezier(.34,1.4,.64,1) both}@keyframes cand-pop{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}.you-float{animation:you-float 3.4s ease-in-out infinite}@keyframes you-float{0%{transform:translate(0) scale(1)}22%{transform:translate(2px,-4.5px) scale(1.05,.97)}48%{transform:translate(-2.5px,.5px) scale(.97,1.04)}74%{transform:translate(1px,3px) scale(1.03,.98)}to{transform:translate(0) scale(1)}}.you-squish{animation:you-squish .55s ease-out}@keyframes you-squish{0%{transform:scale(1)}25%{transform:scale(1.45,.65)}55%{transform:scale(.75,1.35)}80%{transform:scale(1.15,.9)}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.you-float,.you-squish,.cand-pop{animation:none}}.you-label{font-family:Archivo Black,sans-serif;font-size:12px;letter-spacing:1.5px;fill:#191512;paint-order:stroke;stroke:#f6f1e7;stroke-width:3px}.result-card{position:relative;max-width:640px;margin:0 auto;text-align:center}.result-kicker{display:inline-block;font-family:Archivo Black,sans-serif;text-transform:uppercase;letter-spacing:2.4px;font-size:15px;color:#fff;background:var(--ink);border:2.5px solid var(--line);border-radius:11px;padding:6px 17px 7px;box-shadow:4px 4px 0 var(--brand);transform:rotate(-2deg)}.result-name{font-family:Archivo Black,sans-serif;font-size:clamp(26px,5vw,38px);margin:6px 0 2px;line-height:1.1;text-wrap:balance}.result-party{color:var(--muted);font-weight:600;margin-bottom:16px}.result-head{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center;margin:18px 0 6px}.result-mini{width:75%;justify-self:center}.result-faces{position:relative;display:flex;justify-content:center;gap:9px}.result-photo{width:132px;height:176px;object-fit:cover;border:3px solid var(--line);border-radius:14px;box-shadow:var(--shadow);transform:rotate(-2deg)}.result-faces[data-n="2"] .result-photo{width:104px;height:140px}.result-faces[data-n="3"] .result-photo{width:80px;height:110px}.result-faces .result-photo:nth-child(2n){transform:rotate(2.6deg)}.affinity-tag{position:absolute;top:-14px;right:-15px;background:var(--brand);color:#fff;border:2.5px solid var(--line);border-radius:12px;padding:5px 10px 6px;box-shadow:var(--shadow-sm);transform:rotate(5deg);line-height:1}.affinity-tag b{display:block;font-family:Archivo Black,sans-serif;font-size:21px}.affinity-tag span{display:block;margin-top:3px;font-size:8.5px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase}.share-btn{position:absolute;top:14px;right:14px;width:40px;height:40px;border-radius:50%;border:2px solid var(--line);background:var(--paper-2);box-shadow:var(--shadow-sm);display:grid;place-items:center;color:var(--ink);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease}.share-btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px #191512e6;color:var(--brand)}.toast{position:fixed;left:0;right:0;bottom:15%;z-index:80;display:flex;justify-content:center;pointer-events:none}.toast span{font-family:Archivo Black,sans-serif;font-size:clamp(20px,4.6vw,30px);color:#fff;background:var(--ink);border:3px solid var(--line);border-radius:16px;padding:13px 28px 15px;box-shadow:7px 7px 0 var(--brand);transform:rotate(-2deg)}.result-why{text-align:left;background:var(--paper);border:2px dashed var(--line);border-radius:12px;padding:14px 18px;font-size:15px;margin:14px 0 20px}.result-why>p:last-child{margin-bottom:0}.result-plan{margin-top:12px}.plan-link{color:inherit;text-decoration:none}.plan-link:hover{color:var(--brand)}.result-plan .plan-link{text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--brand) 62%,transparent);text-underline-offset:3px;text-decoration-thickness:2px}.result-plan .plan-link:hover{text-decoration-color:var(--brand)}.ranking{display:flex;flex-direction:column;gap:6px;margin:18px 0 22px;text-align:left}.rank-row{display:grid;grid-template-columns:34px 1fr 52px;gap:10px;align-items:center;font-size:14px;font-weight:600}.rank-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;object-position:top;border:2px solid var(--line)}.rank-bar-track{height:14px;background:var(--paper);border:2px solid var(--line);border-radius:999px;overflow:hidden;margin-top:3px}.rank-bar{height:100%;border-radius:999px}.rank-pct{text-align:right;font-family:Archivo Black,sans-serif;font-size:13px}.prop-header{max-width:760px;margin:8px auto 30px;text-align:center}.prop-header h2{font-family:Archivo Black,sans-serif;font-size:clamp(34px,7vw,58px);line-height:1.04;margin:0 0 12px;text-wrap:balance}.prop-header p{color:var(--muted);margin:0}.prop-header a{color:var(--brand)}.prop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:22px}.cand-card{padding:20px;display:flex;flex-direction:column;gap:12px}.cand-head{display:flex;gap:14px;align-items:center}.cand-head>div{min-width:0}.cand-photo{width:62px;height:82px;object-fit:cover;border:2.5px solid var(--line);border-radius:10px;transform:rotate(-2deg);box-shadow:var(--shadow-sm)}.cand-name{font-family:Archivo Black,sans-serif;font-size:17px;line-height:1.2}.cand-party{font-size:12.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.6px}.cand-word{margin-left:auto;font-family:Archivo Black,sans-serif;font-size:11px;letter-spacing:.6px;text-transform:uppercase;border:2px solid var(--line);border-radius:10px;background:var(--brand-soft);padding:5px 9px;transform:rotate(2deg);box-shadow:var(--shadow-sm);max-width:46%;text-align:center;line-height:1.25;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.wordbars{display:flex;flex-direction:column;gap:5px}.wordbar-row{display:grid;grid-template-columns:110px 1fr 34px;gap:8px;align-items:center;font-size:13px}.wordbar-label{text-align:right;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wordbar-track{background:var(--paper);border:1.5px solid var(--line);border-radius:999px;height:15px;overflow:hidden}.wordbar-fill{height:100%;border-radius:999px}.wordbar-n{font-size:11.5px;color:var(--muted);font-weight:700}.matrix-card{padding:18px;overflow-x:auto}.heat-cell{outline:none}.heat-cell:hover,.heat-cell:focus-visible{box-shadow:0 0 0 2.5px var(--ink) inset}.heat-tip{position:fixed;z-index:60;transform:translate(-50%,-100%);width:max-content;max-width:320px;padding:10px 12px;background:var(--ink);color:#fdfaf3;border-radius:10px;font-family:Archivo,sans-serif;font-weight:400;font-size:12.5px;line-height:1.45;text-align:left;letter-spacing:0;text-transform:none;box-shadow:0 6px 20px #19151247;pointer-events:none}.heat-tip.below{transform:translate(-50%)}.heat-tip strong{display:block;margin-bottom:4px;color:var(--accent-2);font-size:11.5px;text-transform:uppercase;letter-spacing:.6px}.heat-tip:after{content:"";position:absolute;top:100%;left:50%;margin-left:-6px;border:6px solid transparent;border-top-color:var(--ink)}.heat-tip.below:after{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:var(--ink)}.match-warning{margin:0 0 14px;padding:11px 56px 11px 14px;border:2px solid var(--line);border-radius:12px;background:#ffe9a8;box-shadow:var(--shadow-sm);font-size:14px;font-weight:700;line-height:1.4}.result-words{margin-top:18px;padding-top:16px;border-top:2px dashed rgba(25,21,18,.18);text-align:left}.result-words-title{font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:10px}.others-title{text-align:left;margin-top:22px;padding-top:16px;border-top:2px dashed rgba(25,21,18,.18)}.gated-zone{position:relative}.gated{filter:blur(7px) saturate(.75);opacity:.6;pointer-events:none;-webkit-user-select:none;user-select:none;transition:filter .45s ease,opacity .45s ease}.gated.open{filter:none;opacity:1;pointer-events:auto;-webkit-user-select:auto;user-select:auto}.gate{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.gate:before{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;z-index:-1;border-radius:18px;background:radial-gradient(ellipse at center,#fffdf6f7 45%,#fffdf699)}.gate-title{font-family:Archivo Black,sans-serif;font-size:13px;text-transform:uppercase;letter-spacing:1.2px;text-wrap:balance}.gate-row{display:flex;align-items:center;gap:6px;width:min(430px,100%);background:var(--paper-2);border:2.5px solid var(--line);border-radius:999px;padding:5px;box-shadow:var(--shadow-sm)}.gate-input{flex:1;min-width:0;border:none;background:transparent;outline:none;color:var(--ink);font-family:Archivo,sans-serif;font-size:14px;padding:6px 4px 6px 13px}.gate-input::placeholder{color:var(--muted);opacity:.5}.gate-btn{flex:none;font-family:Archivo Black,sans-serif;font-size:11.5px;letter-spacing:.9px;border:2px solid var(--line);border-radius:999px;padding:8px 14px;background:var(--paper);color:var(--muted);cursor:not-allowed;transition:background .2s ease,color .2s ease,transform .12s ease}.gate-btn.on{background:var(--brand);color:#fff;cursor:pointer;box-shadow:2px 2px #191512e6}.gate-btn.on:hover{transform:translate(-1px,-1px)}.axis-maps{margin:34px auto 0}.axis-maps-top{display:flex;align-items:baseline;justify-content:flex-end;gap:12px;margin:0 4px 10px}.axis-maps-hint{font-family:Archivo Black,sans-serif;font-size:11.5px;text-transform:uppercase;letter-spacing:1.6px;color:var(--muted)}.axis-maps-btn{flex:none;font-family:Archivo,sans-serif;font-weight:700;font-size:11.5px;text-transform:uppercase;letter-spacing:1px;border:2px solid var(--line);border-radius:999px;background:var(--paper-2);color:var(--ink);padding:3px 13px 4px;cursor:pointer}.axis-track{display:flex;gap:16px;overflow-x:auto;padding:2px 2px 8px;scrollbar-width:none}.axis-track::-webkit-scrollbar{display:none}.axis-track.manual{scroll-snap-type:x mandatory}.axis-track.manual .axis-panel{scroll-snap-align:center}.axis-panel{flex:0 0 clamp(240px,76vw,300px);margin:0;padding:11px 10px 6px;background:var(--paper-2);border:2px solid var(--line);border-radius:14px;box-shadow:var(--shadow-sm)}.axis-panel figcaption{font-family:Archivo Black,sans-serif;font-size:12.5px;text-align:center;margin-bottom:2px}.axis-panel svg{display:block;width:100%;height:auto}.axm-label{font-family:Archivo Black,sans-serif;font-size:9.5px;letter-spacing:1.1px;fill:#75695c}.axm-name{font-family:Archivo Black,sans-serif;font-size:11px;fill:#191512;paint-order:stroke;stroke:#fffdf6;stroke-width:3.5px}.axm-you{font-family:Archivo Black,sans-serif;font-size:10px;letter-spacing:1px;fill:#191512;paint-order:stroke;stroke:#fffdf6;stroke-width:3.5px}.ai-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.ai-box{position:relative;padding:16px 14px 14px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}.ai-robot{position:absolute;top:-11px;left:-11px;width:32px;height:32px;display:grid;place-items:center;border:2.5px solid var(--line);border-radius:10px;background:#ffe9a8;box-shadow:var(--shadow-sm);transform:rotate(-8deg);color:var(--ink)}.ai-avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;object-position:top;border:2px solid var(--line)}.ai-pct{font-family:Archivo Black,sans-serif;font-size:30px;line-height:1}.ai-name{font-weight:700;font-size:13.5px;line-height:1.2}.heat-table{border-collapse:separate;border-spacing:4px;width:100%;min-width:660px}.heat-table th{font-size:12.5px;font-family:Archivo Black,sans-serif;padding-bottom:2px}.heat-poles{display:block;font-family:Archivo,sans-serif;font-weight:600;font-size:10px;color:var(--muted);letter-spacing:.2px}.heat-name{display:flex;align-items:center;gap:8px;font-weight:700;font-size:13px;white-space:nowrap;padding-right:6px}.heat-name img{width:26px;height:26px;border-radius:50%;object-fit:cover;object-position:top;border:2px solid var(--line)}.heat-cell{border:1.5px solid var(--line);border-radius:8px;text-align:center;font-family:Archivo Black,sans-serif;font-size:12px;padding:7px 0;min-width:52px;cursor:help}.heat-hint{font-size:12px;color:var(--muted);text-align:center;margin:12px 0 0}.chip-card{padding:16px 18px;gap:10px}.chip-owner{display:flex;align-items:center;gap:8px;font-family:Archivo Black,sans-serif;font-size:14px}.chip-dot{width:12px;height:12px;border-radius:50%;border:2px solid var(--line)}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{border:1.5px solid var(--line);background:var(--paper);border-radius:999px;padding:3px 11px;font-size:12.5px;font-weight:600}.size-row{grid-template-columns:130px 1fr 56px}.footnote{margin-top:44px;text-align:center;color:var(--muted);font-size:13px;max-width:660px;margin-left:auto;margin-right:auto}.footnote a{color:var(--brand)}.section-divider{max-width:760px;margin:46px auto 30px;text-align:center}.section-divider h3{font-family:Archivo Black,sans-serif;font-size:clamp(34px,6vw,50px);line-height:1.04;margin:0 0 10px;text-wrap:balance}.hl-word{position:relative;transition:color .45s ease}.hl-word:after{content:"";position:absolute;left:0;right:0;bottom:-.06em;height:.11em;border-radius:999px;background:var(--brand);transform:scaleX(0);transform-origin:left center;transition:transform .65s cubic-bezier(.22,1,.36,1)}.lit .hl-word{color:var(--brand)}.lit .hl-word:after{transform:scaleX(1)}@media(prefers-reduced-motion:reduce){.hl-word,.hl-word:after{transition:none}}.section-divider p{color:var(--muted);margin:0;font-size:15px}@media(max-width:820px){.result-head{grid-template-columns:1fr;justify-items:center}.result-mini{width:min(255px,75%)}}@media(max-width:560px){.swipe-stack{height:340px}.swipe-card{padding:18px 20px 14px}.swipe-q{font-size:clamp(30px,8vw,40px);line-height:1.14}.swipe-actions{margin-top:16px;gap:16px}.compass-wrap{margin-top:18px}.result-card{padding:22px 18px}.share-btn{top:12px;right:12px}}