*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{font-family:var(--font-body),system-ui,sans-serif;background:var(--bg);color:var(--text);min-height:100dvh;line-height:1.45}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit;-webkit-tap-highlight-color:transparent}a{color:var(--accent)}#app{min-height:100dvh;display:flex;justify-content:center}.screen{width:100%;max-width:520px;padding:clamp(20px,5vw,36px);padding-top:max(28px,env(safe-area-inset-top));padding-bottom:max(40px,env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:20px;animation:screen-in .35s ease both}@keyframes screen-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.loading{align-items:center;justify-content:center;font-size:2rem;opacity:.5}.hero{display:flex;flex-direction:column;gap:18px;padding-top:8vh;text-align:center;align-items:center}h1{font-family:var(--font-display),system-ui,sans-serif;font-size:clamp(2rem,8.5vw,3rem);line-height:1.12;letter-spacing:var(--display-tracking, 0);text-wrap:balance}h2{font-family:var(--font-display),system-ui,sans-serif;font-size:clamp(1.5rem,6vw,2rem);line-height:1.15;text-wrap:balance}h3{font-family:var(--font-display),system-ui,sans-serif;font-size:1.15rem}.hero-sub{color:var(--text-dim);font-size:1.05rem;max-width:40ch;margin:0 auto}.hero-sub b{color:var(--text)}.btn-primary{font-family:var(--font-display),system-ui,sans-serif;font-weight:700;font-size:1rem;padding:14px 26px;border-radius:var(--radius-btn);background:var(--btn-bg);color:var(--btn-fg);transition:transform .12s ease,box-shadow .12s ease;box-shadow:var(--btn-shadow, none)}.btn-primary:active{transform:scale(.97)}.btn-xl{font-size:1.15rem;padding:18px 34px;width:100%}.btn-primary:disabled{opacity:.6}.btn-ghost{color:var(--text-dim);font-size:.95rem;text-decoration:underline;text-underline-offset:4px;padding:8px}.btn-whatsapp{font-family:var(--font-display),system-ui,sans-serif;font-weight:700;padding:14px 26px;border-radius:var(--radius-btn);background:#25d366;color:#06281a}.ticker{overflow:hidden;white-space:nowrap;margin:0 calc(-1*clamp(20px,5vw,36px));padding:10px 0;border-top:var(--card-border);border-bottom:var(--card-border);font-family:var(--font-display),system-ui,sans-serif;font-weight:700;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.ticker-track{display:inline-block;animation:ticker-scroll 22s linear infinite}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.how{display:flex;flex-direction:column;gap:12px;margin-top:8px}.how-step{display:flex;gap:14px;align-items:center;background:var(--card-bg);border:var(--card-border);border-radius:var(--radius-card);padding:14px 16px}.how-num{font-family:var(--font-display),system-ui,sans-serif;font-weight:900;font-size:1.2rem;color:var(--accent);min-width:1.8em}.progress{height:6px;border-radius:3px;background:var(--track-bg);overflow:hidden}.progress-fill{height:100%;border-radius:3px;background:var(--bar-fill);transition:width .35s ease}.quiz-meta{display:flex;justify-content:space-between;align-items:center}.chip{font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:6px 12px;border-radius:999px;background:var(--chip-bg);color:var(--chip-fg)}.quiz-count{font-family:var(--font-mono, var(--font-body)),monospace;color:var(--text-dim);font-size:.9rem}.quiz-q{min-height:2.6em;animation:screen-in .3s ease both}.quiz-intro{color:var(--text-dim)}.options{display:flex;flex-direction:column;gap:12px}.option{display:flex;align-items:center;gap:14px;text-align:left;font-size:1.05rem;padding:16px 18px;border-radius:var(--radius-card);background:var(--card-bg);border:var(--card-border);transition:transform .12s ease,background .12s ease,border-color .12s ease}.option:active{transform:scale(.98)}.option-picked{background:var(--option-picked-bg);border:var(--option-picked-border)}.option-emoji{font-size:1.5rem}.namegate{padding-top:14vh;text-align:center;align-items:center}.text-input{width:100%;font:inherit;font-size:1.1rem;text-align:center;padding:16px;border-radius:var(--radius-card);border:var(--input-border);background:var(--card-bg);color:var(--text);outline:none}.text-input:focus{border:var(--option-picked-border)}.error-note{color:#ff7b7b;font-size:.92rem}.invite{text-align:center;align-items:center;padding-top:8vh}.lock-emoji{font-size:3.4rem}.link-box{width:100%;font-family:var(--font-mono, monospace),monospace;font-size:1rem;padding:16px;border-radius:var(--radius-card);border:var(--input-border);background:var(--card-bg);word-break:break-all;color:var(--accent)}.share-row{display:flex;gap:12px;width:100%}.share-row>*{flex:1}.waiting-note{color:var(--text-dim);font-size:.92rem;display:flex;align-items:center;gap:8px}.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);animation:pulse 1.4s ease infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}.reveal{text-align:center;align-items:center;padding-top:6vh}.reveal-names{font-family:var(--font-display),system-ui,sans-serif;font-weight:700;letter-spacing:.04em;color:var(--text-dim);text-transform:uppercase}.reveal-pct{font-family:var(--font-display),system-ui,sans-serif;font-weight:900;font-size:clamp(5.4rem,30vw,9rem);line-height:1;background:var(--pct-fill);-webkit-background-clip:text;background-clip:text;color:transparent}.reveal-label{font-family:var(--font-display),system-ui,sans-serif;font-weight:700;font-size:1.4rem;letter-spacing:.05em}.reveal-tier{color:var(--text-dim);font-size:1.05rem;max-width:34ch}.cat-list{width:100%;display:flex;flex-direction:column;gap:14px;margin-top:8px}.cat-row{display:grid;grid-template-columns:1fr auto;gap:6px 12px;align-items:center;text-align:left}.cat-name{font-size:.98rem}.cat-pct{font-family:var(--font-display),system-ui,sans-serif;font-weight:700}.cat-bar{grid-column:1 / -1;height:8px;border-radius:4px;background:var(--track-bg);overflow:hidden}.cat-bar-fill{height:100%;border-radius:4px;background:var(--bar-fill);animation:bar-in 1s ease both}@keyframes bar-in{0%{width:0}}.wtf-line{font-family:var(--font-display),system-ui,sans-serif;font-weight:700;font-size:1.3rem;color:var(--text-dim);letter-spacing:.06em}.mismatches{width:100%;display:flex;flex-direction:column;gap:12px;text-align:left;margin-top:6px}.mismatch-card{width:100%;background:var(--card-bg);border:var(--card-border);border-radius:var(--radius-card);padding:16px;display:flex;flex-direction:column;gap:8px;text-align:left}.mismatch-q{font-weight:700}.mismatch-ans{color:var(--text-dim);font-size:.96rem}.mismatch-ans b{color:var(--text)}.takkn-cta{width:100%;display:flex;flex-direction:column;gap:4px;text-align:center;padding:18px 22px;border-radius:var(--radius-card);text-decoration:none;background:var(--takkn-bg);border:var(--takkn-border);color:var(--text);margin-top:4px}.takkn-cta-label{font-weight:700}.takkn-cta-sub{color:var(--accent);font-size:.95rem;font-weight:700}.store-row{display:flex;gap:10px;margin-top:12px;width:100%}.store-btn{flex:1;text-align:center;text-decoration:none;font-weight:700;font-size:.9rem;padding:11px 8px;border-radius:var(--radius-btn);background:var(--card-bg);border:var(--input-border);color:var(--text)}.store-btn:active{transform:scale(.98)}.site-footer{margin-top:auto;padding-top:40px;display:flex;flex-direction:column;gap:8px;text-align:center;font-size:.88rem;color:var(--text-dim)}.site-footer a{color:var(--text-dim);text-underline-offset:3px}.takkn-byline{text-decoration:none;display:inline-flex;align-items:baseline;gap:.45em;justify-content:center}.sister-link{font-size:.85rem}.privacy-note{font-size:.78rem;opacity:.7}.sister-cta{font-size:.92rem;color:var(--text-dim);text-underline-offset:4px}.takkn-mark{display:inline-block;width:auto;vertical-align:-.18em}[data-brand=compatible]{--font-display: "Unbounded";--font-body: "Space Grotesk";--font-mono: "Space Mono";--bg: #0b0a12;--text: #f6f3f9;--text-dim: rgba(246, 243, 249, .62);--accent: #fb7185;--card-bg: rgba(255, 255, 255, .045);--card-border: 1px solid rgba(255, 255, 255, .09);--input-border: 1px solid rgba(255, 255, 255, .14);--radius-card: 18px;--radius-btn: 999px;--btn-bg: linear-gradient(100deg, #e11d48, #8b5cf6);--btn-fg: #ffffff;--btn-shadow: 0 8px 32px rgba(225, 29, 72, .35);--track-bg: rgba(255, 255, 255, .1);--bar-fill: linear-gradient(90deg, #e11d48, #8b5cf6);--pct-fill: linear-gradient(160deg, #fb7185 0%, #e11d48 45%, #8b5cf6 100%);--chip-bg: rgba(251, 113, 133, .14);--chip-fg: #fb7185;--option-picked-bg: linear-gradient(100deg, rgba(225, 29, 72, .28), rgba(139, 92, 246, .28));--option-picked-border: 1px solid rgba(251, 113, 133, .65);--takkn-bg: rgba(225, 29, 72, .1);--takkn-border: 1px solid rgba(251, 113, 133, .35)}[data-brand=compatible] body,html[data-brand=compatible]{background:radial-gradient(52% 34% at 85% 6%,rgba(225,29,72,.26),transparent 70%),radial-gradient(56% 40% at 8% 92%,rgba(139,92,246,.24),transparent 70%),#0b0a12;background-attachment:fixed}[data-brand=compatible] h1 em{font-style:normal;background:var(--pct-fill);-webkit-background-clip:text;background-clip:text;color:transparent}[data-brand=compatible] .hero-badge{font-family:"Baloo 2",system-ui,sans-serif;font-size:.92rem;font-weight:800;letter-spacing:.02em;color:#0b0a12;border-radius:999px;padding:8px 18px;background:linear-gradient(100deg,#fb7185,#c4b5fd);box-shadow:0 4px 18px #fb718559}[data-brand=compatible] .sticker-tilt{transform:rotate(-3deg);animation:sticker-wobble 5s ease-in-out infinite}@keyframes sticker-wobble{0%,to{transform:rotate(-3deg)}50%{transform:rotate(2deg)}}[data-brand=compatible] body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:999;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E")}[data-brand=compatible] .btn-primary:hover{transform:scale(1.02) rotate(-.5deg)}[data-brand=dhokha]{--font-display: "Anton";--font-body: "Space Grotesk";--font-mono: "Space Mono";--display-tracking: .02em;--bg: #0e0e0c;--text: #f4f1ea;--text-dim: rgba(244, 241, 234, .6);--accent: #c6f432;--red: #e52b2b;--card-bg: #161613;--card-border: 2px solid #2c2c26;--input-border: 2px solid #3a3a32;--radius-card: 4px;--radius-btn: 4px;--btn-bg: #c6f432;--btn-fg: #10120a;--btn-shadow: 4px 4px 0 #e52b2b;--track-bg: #24241f;--bar-fill: #e52b2b;--pct-fill: linear-gradient(#e52b2b, #e52b2b);--chip-bg: rgba(198, 244, 50, .12);--chip-fg: #c6f432;--option-picked-bg: rgba(229, 43, 43, .18);--option-picked-border: 2px solid #e52b2b;--takkn-bg: rgba(198, 244, 50, .07);--takkn-border: 2px solid rgba(198, 244, 50, .4)}html[data-brand=dhokha]{background:repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0 1px,transparent 1px 3px),#0e0e0c}[data-brand=dhokha] h1,[data-brand=dhokha] h2,[data-brand=dhokha] .reveal-label,[data-brand=dhokha] .btn-primary{text-transform:uppercase}[data-brand=dhokha] h1{font-size:clamp(2.3rem,10vw,3.6rem);font-weight:400}[data-brand=dhokha] .hero-alt{color:var(--red)}[data-brand=dhokha] .reveal-pct{font-weight:400;-webkit-text-stroke:0}[data-brand=dhokha] .stamp{font-family:Anton,system-ui,sans-serif;font-size:1.15rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);border:3px solid var(--accent);padding:8px 18px;align-self:center;border-radius:2px;mix-blend-mode:screen;opacity:.92}[data-brand=dhokha] .stamp-tilt{transform:rotate(-3.5deg)}[data-brand=dhokha] .stamp-red{color:var(--red);border-color:var(--red)}[data-brand=dhokha] .stamp-chill{color:#6ee7a0;border-color:#6ee7a0}[data-brand=dhokha] .case-file{background:#14140f;border:2px solid #34342c;border-left:6px solid var(--red);border-radius:4px;padding:20px;display:flex;flex-direction:column;gap:12px;animation:screen-in .3s ease both}[data-brand=dhokha] .case-header{display:flex;justify-content:space-between;align-items:center}[data-brand=dhokha] .case-no{font-family:Space Mono,monospace;font-weight:700;font-size:.82rem;letter-spacing:.12em;color:var(--red)}[data-brand=dhokha] .case-text{font-size:1.25rem;font-weight:700;line-height:1.35}[data-brand=dhokha] .case-hinglish{font-family:Space Mono,monospace;font-size:.92rem;color:var(--text-dim);font-style:italic}[data-brand=dhokha] .verdict-row{display:flex;gap:14px}[data-brand=dhokha] .btn-flag,[data-brand=dhokha] .btn-chill{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;font-family:Anton,system-ui,sans-serif;font-size:1.25rem;letter-spacing:.08em;padding:22px 10px;border-radius:4px;transition:transform .1s ease}[data-brand=dhokha] .btn-flag:active,[data-brand=dhokha] .btn-chill:active{transform:scale(.96)}[data-brand=dhokha] .btn-flag{background:var(--red);color:#fff;box-shadow:4px 4px #7a1414}[data-brand=dhokha] .btn-chill{background:#f4f1ea;color:#16160f;box-shadow:4px 4px #6ee7a0}[data-brand=dhokha] .btn-flag span,[data-brand=dhokha] .btn-chill span{font-size:1.05rem}[data-brand=dhokha] .btn-flag-solid{font-family:Anton,system-ui,sans-serif;letter-spacing:.06em;text-transform:uppercase;background:var(--red);color:#fff;border-radius:4px;padding:18px 34px;box-shadow:4px 4px #7a1414;width:100%;font-size:1.15rem}[data-brand=dhokha] .tally{display:flex;flex-direction:column;gap:16px;align-items:center;animation:screen-in .25s ease both}[data-brand=dhokha] .tally-bar{width:100%;display:flex;height:46px;border-radius:4px;overflow:hidden;border:2px solid #2c2c26;font-family:Anton,system-ui,sans-serif;letter-spacing:.04em}[data-brand=dhokha] .tally-flag{background:var(--red);color:#fff;display:flex;align-items:center;padding-left:10px;white-space:nowrap;min-width:64px;transition:width .8s cubic-bezier(.2,.8,.2,1)}[data-brand=dhokha] .tally-chill{background:#f4f1ea;color:#16160f;display:flex;align-items:center;justify-content:flex-end;padding-right:10px;white-space:nowrap;min-width:64px;transition:width .8s cubic-bezier(.2,.8,.2,1)}[data-brand=dhokha] .tally-count{font-family:Space Mono,monospace;font-size:.85rem;color:var(--text-dim);text-align:center}[data-brand=dhokha] .flag-meter{font-size:2.6rem;letter-spacing:.2em}[data-brand=dhokha] .flag-meter .flag-off{filter:grayscale(1);opacity:.3}[data-brand=dhokha] .invite-block{width:100%;display:flex;flex-direction:column;gap:14px;align-items:center;border-top:2px dashed #34342c;padding-top:26px;margin-top:8px}[data-brand=dhokha] .verdict-tags{display:flex;flex-direction:column;gap:8px}[data-brand=dhokha] .tag-flag,[data-brand=dhokha] .tag-chill{font-family:Space Mono,monospace;font-weight:700;font-size:.88rem;padding:8px 12px;border-radius:3px;width:fit-content}[data-brand=dhokha] .tag-flag{background:#e52b2b29;color:#ff7b7b;border:1px solid rgba(229,43,43,.5)}[data-brand=dhokha] .tag-chill{background:#6ee7a01a;color:#6ee7a0;border:1px solid rgba(110,231,160,.4)}