:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#0f0d0b;--surface:#1b1714;--surface-2:#26201b;--line:#3a3028;--orange:#ff7a1a;--orange-dark:#e0600a;--cream:#fff1de;--fg:#f6ead9;--muted:#a8998a;--yes:#3ddc97;--no:#ff5a5f;--display:"Fraunces", Georgia, serif;--body:"DM Sans", system-ui, sans-serif}*{box-sizing:border-box}body{min-height:100vh;font-family:var(--body);color:var(--fg);background-color:var(--ink);background-image:radial-gradient(60rem 30rem at 50% -10%,#ff7a1a2e,#0000 70%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240' viewBox='0 0 240 240'%3E%3Cg fill='none' stroke='%23ff7a1a' stroke-opacity='.06' stroke-width='9' stroke-linecap='round'%3E%3Cpath d='M-10 40c40-10 70 10 110-5'/%3E%3Cpath d='M130 20c30 15 60 5 120 20'/%3E%3Cpath d='M-10 120c50 10 80-15 130 0'/%3E%3Cpath d='M150 105c25-10 55 8 100-2'/%3E%3Cpath d='M20 195c40-15 90 10 120-5'/%3E%3Cpath d='M170 190c20 8 45-4 80 6'/%3E%3C/g%3E%3C/svg%3E");background-attachment:fixed;margin:0}main{max-width:440px;margin:0 auto;padding:16px 16px 96px}header{justify-content:space-between;align-items:baseline;margin:4px 0 18px;display:flex}h1{font-family:var(--display);letter-spacing:-.02em;color:var(--cream);margin:0;font-size:1.8em;font-weight:800}h1 em,h2 em{color:var(--orange);font-style:italic}header span{text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font-size:.7em}h2{font-family:var(--display);letter-spacing:-.02em;color:var(--cream);margin:8px 0;font-size:2.2em;font-weight:800;line-height:1.05}.icon{vertical-align:-.2em;flex:none}.muted{color:var(--muted);font-size:.9em}.center{text-align:center}.err{color:var(--no);min-height:1em}.name{color:var(--cream);font-weight:700}.label{text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin:18px 0 8px;font-size:.75em}a{color:var(--orange)}button{font:inherit;border:1px solid var(--line);background:var(--surface-2);color:var(--fg);cursor:pointer;border-radius:999px;padding:11px 16px;font-weight:500}button.on,button.primary{background:var(--orange);border-color:var(--orange);color:var(--ink);font-weight:700}button.primary:hover{background:var(--orange-dark)}button.ghost{background:0 0}button.wide{justify-content:center;align-items:center;gap:8px;width:100%;margin-top:10px;display:flex}input{font:inherit;border:1px solid var(--line);background:var(--surface);width:100%;color:var(--fg);border-radius:14px;padding:12px}input::placeholder{color:#7d7064}input:focus{outline:2px solid var(--orange);border-color:#0000}input.code{font-family:var(--display);text-align:center;letter-spacing:.4em;padding:14px;font-size:2em}.hero{margin:10px 0 6px}.hero p{line-height:1.5}.search{background:var(--surface);border:1px solid var(--line);color:var(--muted);border-radius:14px;align-items:center;gap:8px;margin-bottom:10px;padding-left:14px;display:flex}.search:focus-within{outline:2px solid var(--orange);border-color:#0000}.search input{background:0 0;border:0;padding-left:0;outline:0!important}.row{background:var(--surface);border:1px solid var(--line);cursor:default;border-radius:18px;align-items:center;gap:12px;margin:8px 0;padding:10px;display:flex}.row .grow{flex:1;min-width:0}.row .muted{text-overflow:ellipsis;white-space:nowrap;font-size:.82em;overflow:hidden}.toggle{cursor:pointer}.toggle input{width:20px;height:20px;accent-color:var(--orange)}.avatar{object-fit:cover;background:var(--surface-2);width:52px;height:52px;color:var(--orange);border:2px solid var(--line);font-family:var(--display);border-radius:50%;flex:none;place-items:center;font-size:1.3em;font-weight:800;display:grid}.ibtn{background:var(--surface-2);width:42px;height:42px;color:var(--muted);border-radius:50%;flex:none;place-items:center;padding:0;text-decoration:none;display:inline-grid}.ibtn.yes{color:var(--yes)}.ibtn.no{color:var(--no)}.ibtn.yes.on{background:var(--yes);border-color:var(--yes);color:var(--ink)}.ibtn.no.on{background:var(--no);border-color:var(--no);color:var(--ink)}.tabbar{border-top:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding-bottom:env(safe-area-inset-bottom);background:#0f0d0be6;justify-content:center;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar button{max-width:110px;color:var(--muted);letter-spacing:.04em;background:0 0;border:0;border-radius:0;flex-direction:column;flex:1;align-items:center;gap:3px;padding:10px 4px 12px;font-size:.72em;font-weight:500;display:flex}.tabbar button.on{color:var(--orange);background:0 0}.subtabs{background:var(--surface);border:1px solid var(--line);border-radius:999px;gap:6px;margin-bottom:10px;padding:4px;display:flex}.subtabs button{background:0 0;border:0;flex:1;padding:8px 6px;font-size:.9em}.subtabs button.on{background:var(--orange)}.subtabs button span{opacity:.65;font-size:.85em}.scroll{min-height:200px;max-height:calc(100vh - 300px);margin:0 -6px;padding:0 6px;overflow-y:auto}.filters{gap:6px;margin-bottom:16px;display:flex;position:relative}.chip{background:var(--surface);min-width:0;color:var(--muted);flex:1;justify-content:center;align-items:center;gap:4px;padding:9px 10px;font-size:.82em;display:flex}.chip span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chip b{background:var(--ink);color:var(--orange);border-radius:999px;padding:0 6px;font-size:.9em}.chip .icon{opacity:.7;transition:transform .15s}.chip.open .icon{transform:rotate(180deg)}.chip.on{border-color:var(--orange);color:var(--orange);background:#ff7a1a1f;font-weight:700}.menu{z-index:10;background:var(--surface-2);border:1px solid var(--line);border-radius:18px;padding:10px;position:absolute;top:calc(100% + 8px);left:0;right:0;box-shadow:0 20px 40px #000c}.menu .search{margin-bottom:6px}.menu .search input{padding:9px 0}.opts{max-height:260px;overflow-y:auto}.opt{cursor:pointer;border-radius:10px;align-items:center;gap:10px;padding:9px 8px;font-size:.92em;display:flex}.opt:hover{background:#ffffff0d}.opt.all{border-bottom:1px solid var(--line);border-radius:10px 10px 0 0;margin-bottom:4px;font-weight:700}.opt input{width:18px;height:18px;accent-color:var(--orange);flex:none;margin:0}.menu-foot{border-top:1px solid var(--line);gap:8px;margin-top:8px;padding-top:8px;display:flex}.menu-foot button{flex:1;padding:9px}.note{color:var(--muted);justify-content:center;align-items:center;gap:6px;margin:14px 0 6px;font-size:.78em;display:flex}.progress{color:var(--muted);align-items:center;gap:10px;margin:-4px 0 16px;font-size:.78em;display:flex}.progress .bar{background:var(--surface-2);border-radius:999px;flex:1;height:6px;overflow:hidden}.progress .bar div{border-radius:inherit;background:linear-gradient(90deg, var(--orange-dark), var(--orange));height:100%;transition:width .3s}.progress b{color:var(--cream)}.card{aspect-ratio:7/9;background:var(--cream);border-radius:22px;width:min(280px,80vw);margin:0 auto;padding:8px;position:relative;transform:rotate(-1.2deg);box-shadow:0 18px 40px #000a,0 0 0 1px #ffffff14}.card img,.card>.avatar{object-fit:cover;background:var(--surface-2);border:0;border-radius:15px;width:100%;height:100%;font-size:5em;display:grid}.pennant{z-index:1;background:var(--orange);color:var(--ink);font-family:var(--display);clip-path:polygon(0 0,100% 0,88% 50%,100% 100%,0 100%);padding:4px 16px 4px 12px;font-size:1.1em;font-style:italic;font-weight:800;position:absolute;top:18px;left:-6px;box-shadow:0 3px 8px #0006}.details{text-align:center;margin-top:18px}.details .name{font-family:var(--display);letter-spacing:-.01em;font-size:1.6em;font-weight:800}.details .name .muted{font-family:var(--body);font-size:.55em;font-weight:500}.details .muted{margin-top:3px}.actions{justify-content:center;gap:32px;margin-top:18px;display:flex}.ibtn.big{background:var(--surface);border:2px solid;width:68px;height:68px;transition:transform .1s,background .15s;box-shadow:0 8px 20px #0008}.ibtn.big:hover{transform:scale(1.06)}.ibtn.big:active{transform:scale(.94)}.ibtn.big.yes:hover{background:var(--yes);color:var(--ink);border-color:var(--yes)}.ibtn.big.no:hover{background:var(--no);color:var(--ink);border-color:var(--no)}.ibtn.big svg{width:30px;height:30px}.match{text-align:center;padding-top:30px}.match h2{font-size:3em}.match .row{text-align:left}button:disabled{opacity:.6;cursor:default}