:root{--bg:#f7f1ea;--surface:#fffaf5;--surface-2:#f0e6db;--text:#2b211b;--muted:#7a6a5e;--border:#e4d6c8;--accent:#c2603a;--accent-text:#fff;--yes:#2f855a;--no:#b83b3b;--star:#e0a526;--shadow:0 1px 2px #3c1e0a0f, 0 6px 20px #3c1e0a14;--radius:16px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#1c1917;--surface:#26211e;--surface-2:#322b27;--text:#f3ece6;--muted:#a89a8f;--border:#3d3530;--accent:#e07a52;--accent-text:#1c1917;--yes:#48bb78;--no:#f07070;--star:#f2bb40;--shadow:0 1px 2px #0000004d, 0 6px 20px #0000004d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0}body{background:var(--bg);color:var(--text);min-height:100dvh;padding-bottom:env(safe-area-inset-bottom);-webkit-tap-highlight-color:transparent;font:16px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}.top{max-width:680px;padding:calc(12px + env(safe-area-inset-top)) 16px 8px;justify-content:space-between;align-items:center;gap:12px;margin:0 auto;display:flex}.brand{align-items:center;gap:10px;font-size:1.1rem;font-weight:700;display:flex}.meta{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.chip{background:var(--surface-2);color:var(--muted);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:.82rem;display:inline-flex}.chip.strong{background:var(--accent);color:var(--accent-text)}.tabs{z-index:5;background:var(--bg);grid-template-columns:repeat(3,1fr);gap:4px;max-width:680px;margin:0 auto;padding:8px 16px;display:grid;position:sticky;top:0}.tabs button{background:var(--surface-2);color:var(--muted);border:0;border-radius:12px;padding:10px 4px;font-size:.92rem;font-weight:600}.tabs button b{background:var(--border);border-radius:50%;place-items:center;width:20px;height:20px;margin-right:2px;font-size:.75rem;display:inline-grid}.tabs button[aria-selected=true]{background:var(--accent);color:var(--accent-text)}.tabs button[aria-selected=true] b{background:#ffffff40}main{max-width:680px;margin:0 auto;padding:8px 16px 48px}h1,h2,h3{margin:0 0 8px;line-height:1.25}h1{font-size:1.6rem}h2{font-size:1.25rem}p{margin:0 0 12px}.muted{color:var(--muted)}.small{font-size:.88rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:16px;padding:20px}.center{text-align:center}.btn{background:var(--accent);min-height:48px;color:var(--accent-text);border:0;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-weight:700;display:inline-flex}.btn:disabled{opacity:.5;cursor:default}.btn.ghost{color:var(--muted);border:1px solid var(--border);background:0 0;font-weight:600}.btn.small{min-height:36px;padding:6px 14px;font-size:.9rem}.btn.block{width:100%}input[type=text],textarea{border:1px solid var(--border);background:var(--bg);border-radius:12px;outline:none;width:100%;padding:12px 14px}input[type=text]:focus,textarea:focus{border-color:var(--accent)}textarea{resize:vertical;min-height:80px}form.row{gap:8px;display:flex}form.row input{flex:1;min-width:0}form.stack{gap:12px;display:grid}.gender{grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;display:grid}.gender button{border:2px solid var(--border);border-radius:var(--radius);background:var(--surface);justify-items:center;gap:6px;padding:24px 8px;font-size:1.1rem;font-weight:700;display:grid}.gender button span{font-size:2.6rem;line-height:1}.gender button:hover{border-color:var(--accent)}.progress{background:var(--surface-2);border-radius:3px;height:6px;margin:8px 0 4px;overflow:hidden}.progress>div{background:var(--accent);height:100%;transition:width .3s}.swipe{text-align:center;padding:36px 20px 24px}.swipe .name{letter-spacing:-.02em;word-break:break-word;margin:8px 0 28px;font-size:clamp(2.4rem,11vw,3.6rem);font-weight:800}.swipe .name.pop{animation:.25s ease-out pop}@keyframes pop{0%{opacity:.3;transform:scale(.92)}to{opacity:1;transform:none}}.choice{grid-template-columns:1fr 1fr;gap:12px;display:grid}.choice button{background:0 0;border:2px solid;border-radius:16px;min-height:60px;font-size:1.05rem;font-weight:800}.choice .no{color:var(--no)}.choice .yes{color:var(--yes)}.choice .yes:hover,.choice .yes:active{background:var(--yes);color:var(--surface);border-color:var(--yes)}.choice .no:hover,.choice .no:active{background:var(--no);color:var(--surface);border-color:var(--no)}.hint{color:var(--muted);margin-top:14px;font-size:.82rem}.chips{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.chips button{border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:4px 12px;font-size:.92rem}.chips button.like{border-color:var(--yes);color:var(--yes)}.chips button.dislike{color:var(--muted);text-decoration:line-through}details summary{cursor:pointer;font-weight:600;list-style:none}details summary::-webkit-details-marker{display:none}details summary:before{content:"▸ ";color:var(--muted)}details[open] summary:before{content:"▾ "}.filter{gap:6px;margin-bottom:12px;display:flex}.list{gap:8px;display:grid}.item{background:var(--surface);border:1px solid var(--border);border-radius:14px;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;display:flex}.item .label{min-width:0}.item .label strong{overflow-wrap:anywhere;font-size:1.08rem;display:block}.item .label small{color:var(--muted)}.stars{flex-shrink:0;display:flex}.stars button{width:40px;height:40px;color:var(--border);background:0 0;border:0;padding:0;font-size:1.7rem;line-height:1;transition:transform .1s}.stars button.on{color:var(--star)}.stars button:active{transform:scale(1.2)}@media (width<=380px){.stars button{width:32px;font-size:1.45rem}}.top-item{padding:0;overflow:hidden}.top-item>button{text-align:left;background:0 0;border:0;align-items:center;gap:12px;width:100%;padding:12px 14px;display:flex}.rank{background:var(--surface-2);border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;font-size:.9rem;font-weight:800;display:grid}.top-item:first-child .rank{color:#3b2a00;background:#e8b931}.top-item:nth-child(2) .rank{color:#23272b;background:#c3c7cc}.top-item:nth-child(3) .rank{color:#2e1600;background:#d1925b}.top-item .label{flex:1;min-width:0}.top-item .label strong{font-size:1.1rem;display:block}.top-item .label small{color:var(--muted)}.avg{color:var(--star);font-weight:700}.badge{background:var(--surface-2);border-radius:999px;flex-shrink:0;align-items:center;gap:4px;padding:4px 10px;font-size:.9rem;font-weight:700;display:inline-flex}.badge.has{background:var(--accent);color:var(--accent-text)}.thread{border-top:1px solid var(--border);padding:0 14px 14px}.comment{background:var(--surface-2);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:12px;margin:10px 0 0;padding:10px 12px}.comment time{color:var(--muted);margin-top:4px;font-size:.78rem;display:block}.thread form{margin-top:12px}.empty{text-align:center;color:var(--muted);padding:32px 16px}.empty .big{margin-bottom:8px;font-size:2.4rem;display:block}.toast{left:50%;bottom:calc(20px + env(safe-area-inset-bottom));background:var(--text);max-width:calc(100% - 32px);color:var(--bg);box-shadow:var(--shadow);z-index:20;border-radius:12px;padding:10px 18px;font-size:.92rem;position:fixed;transform:translate(-50%)}