:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#140c10;--bg-elev:#22161c;--bg-soft:#2c1c24;--ink:#faf4f6;--muted:#c9b4bb;--line:#fff4f71f;--accent:#ff4d6d;--accent-deep:#c81e4a;--into:#ff4d6d;--try:#6ea8ff;--both:#2dd4bf;--pos:#fb7185;--ok:#34d399;--danger:#fb7185;--radius:16px;--font:"DM Sans", system-ui, sans-serif;--display:"Fraunces", Georgia, serif;--shadow:0 20px 50px #00000059}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font-family:var(--font);background:radial-gradient(1200px 500px at 50% -10%, #ff4d6d2e, transparent 55%), var(--bg);color:var(--ink)}button,input{font:inherit}a{color:inherit}.app-shell{width:min(480px,100%);min-height:100dvh;padding:20px 18px calc(92px + env(safe-area-inset-bottom));flex-direction:column;margin:0 auto;display:flex}.app-shell.onboarding{padding-bottom:28px}.wordmark{font-family:var(--display);letter-spacing:-.03em;margin:0;font-style:italic;font-weight:650}.eyebrow{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin:0 0 6px;font-size:.78rem}h1,h2{font-family:var(--display);letter-spacing:-.03em;margin:0}.lede{color:var(--muted);margin:8px 0 0;line-height:1.45}.stack{flex-direction:column;gap:12px;display:flex}.choice{text-align:left;width:100%;color:var(--ink);background:var(--bg-elev);border-radius:var(--radius);cursor:pointer;border:1.5px solid #0000;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.choice.selected{border-color:var(--accent);background:#ff4d6d1f}.choice .mark{border:1.5px solid #fff4f747;border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;display:grid}.choice.selected .mark{background:var(--accent);border-color:var(--accent)}.choice.selected .mark:after{content:"";background:#fff;border-radius:50%;width:8px;height:8px}.kink-row{background:var(--bg-elev);border-radius:var(--radius);flex-direction:column;gap:10px;padding:12px 12px 10px;display:flex}.kink-row span{font-weight:600}.kink-actions{gap:8px;display:flex}.pill{border:1.5px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;border-radius:999px;padding:6px 12px}.pill.active-into{color:#fff;background:var(--into);border-color:var(--into)}.pill.active-try{color:#081018;background:var(--try);border-color:var(--try)}.field{border:1.5px solid var(--line);background:var(--bg-elev);width:100%;color:var(--ink);border-radius:14px;outline:none;padding:14px 16px}.field:focus{border-color:var(--accent)}.search{background:var(--bg-elev);border-radius:14px;align-items:center;gap:8px;padding:0 14px;display:flex}.search input{width:100%;color:var(--ink);background:0 0;border:0;outline:none;padding:14px 0}.primary,.ghost,.danger{cursor:pointer;border:0;border-radius:14px;width:100%;padding:15px 16px;font-weight:700}.primary{background:linear-gradient(180deg, #ff6b84, var(--accent-deep));color:#fff;box-shadow:0 10px 24px #c81e4a47}.primary:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.ghost{background:var(--bg-soft);color:var(--ink)}.danger{color:var(--danger);background:0 0;border:1.5px solid #fb718559}.scroll{flex-direction:column;flex:1;gap:10px;margin:18px 0;padding-right:2px;display:flex;overflow:auto}.footer-action{margin-top:auto}.tabs{width:min(480px,100%);padding:10px 14px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#140c10eb;grid-template-columns:repeat(3,1fr);gap:6px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.tabs a{text-align:center;color:var(--muted);border-radius:12px;padding:8px 6px;font-size:.78rem;font-weight:650;text-decoration:none}.tabs a.active{color:var(--ink);background:var(--bg-soft)}.card{background:var(--bg-elev);box-shadow:var(--shadow);border-radius:20px;padding:18px}.list-block{margin-top:14px}.list-block h3{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 8px;font-size:.82rem}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{color:#fff;border-radius:999px;padding:6px 12px;font-size:.92rem;font-weight:650}.chip.pos{background:color-mix(in srgb, var(--pos) 85%, black)}.chip.into{background:color-mix(in srgb, var(--into) 85%, black)}.chip.try{background:color-mix(in srgb, var(--try) 80%, black);color:#081018}.chip.both{background:color-mix(in srgb, var(--both) 80%, black);color:#04201b}.chip.muted{background:var(--bg-soft);color:var(--ink)}.qr-wrap{background:#fff;border-radius:24px;place-items:center;margin:18px 0;padding:18px;display:grid}.qr-wrap img{width:min(260px,100%);height:auto}.muted{color:var(--muted)}.empty{color:var(--muted);font-style:italic}.scanner-box{background:#000;border-radius:20px;width:100%;min-height:260px;overflow:hidden}.section{margin-top:22px}.header-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.step-dots{gap:6px;margin:8px 0 18px;display:flex}.step-dots i{background:var(--bg-soft);border-radius:50%;width:8px;height:8px;display:block}.step-dots i.on{background:var(--accent)}.match-page{background:#090709}.match-page h1{font-size:2rem}.game-page{text-align:center;align-items:center;min-height:100dvh;padding-bottom:28px}.devil{cursor:pointer;background:0 0;border:0;margin:48px auto;font-size:140px;line-height:1}.devil.spinning{animation:1s ease-in-out devil-spin}@keyframes devil-spin{to{transform:rotate(360deg)}}.game-pick{font-family:var(--display);color:#fff;background:#6d28d9;border-radius:14px;margin:0;padding:12px 18px;font-size:1.8rem}