:root{--text:#a2937f;--text-light:#f4e8da;--text-h:#1e1b17;--gradientbg:linear-gradient(135deg, #ff8400, #ffb347);--bg:#fff8ef;--border:#f4e8da;--code-bg:#f4f3ec;--accent:#ff8400;--accent-bg:#ff84001a;--accent-border:#ff840080;--social-bg:#a2937f33;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--gradientbg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}body{min-height:100svh;margin:0}#root{box-sizing:border-box;flex-direction:column;width:100%;min-height:100svh;display:flex}*{box-sizing:border-box}button{cursor:pointer}.placeholder{height:100svh;color:var(--text);justify-content:center;align-items:center;font-size:1.2rem;display:flex}.setup-page,.swipe-page{box-sizing:border-box;flex-direction:column;align-items:center;gap:24px;min-height:100svh;padding:40px 16px 60px;display:flex}.swipe-page{-webkit-user-select:none;user-select:none;overflow-x:hidden}.setup-header{text-align:center}.setup-logo{margin-bottom:8px;font-size:52px;line-height:1}.setup-title{color:var(--text-h);letter-spacing:-1px;margin:0 0 6px;font-size:2.4rem;font-weight:700}.setup-logo-img{width:auto;max-width:min(300px,90vw);height:3.15rem;margin:0 auto 10px;display:block}.setup-logo-img--board{height:2.5rem;margin-bottom:8px}.setup-subtitle{color:var(--text-light);margin:0;font-size:1rem}.setup-card{background:var(--bg);border:1px solid var(--border);width:100%;max-width:480px;box-shadow:var(--shadow);border-radius:16px;flex-direction:column;gap:28px;padding:28px 24px;display:flex}.setup-card--message{text-align:center;align-items:center}.setup-section{flex-direction:column;gap:10px;display:flex}.setup-label{color:var(--text-h);font-size:.95rem;font-weight:600}.required{color:#ef4444}.optional{color:var(--text);font-size:.82rem;font-weight:400}.setup-hint{color:var(--text);margin:-6px 0 0;font-size:.82rem}.setup-input{border:1.5px solid var(--border);background:var(--bg);width:100%;color:var(--text-h);border-radius:8px;outline:none;padding:10px 14px;font-family:inherit;font-size:1rem;transition:border-color .2s,box-shadow .2s}.setup-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-bg)}.setup-input--error{border-color:#ef4444}.setup-error{color:#ef4444;margin:0;font-size:.82rem}.chip-group{flex-wrap:wrap;gap:8px;display:flex}.chip-group--mt{margin-top:4px}.chip{border:1.5px solid var(--border);background:var(--bg);color:var(--text-h);border-radius:999px;align-items:center;gap:5px;padding:6px 14px;font-family:inherit;font-size:.88rem;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.chip:hover{border-color:var(--accent-border);background:var(--accent-bg)}.chip--selected{background:var(--accent-bg);border-color:var(--accent);color:var(--accent);font-weight:600}.chip__icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.chip__icon svg{display:block}.setup-logo--icon{color:var(--text-h);justify-content:center;align-items:center;display:flex}.setup-logo--icon svg{display:block}.mode-card__icon{color:var(--accent);justify-content:center;align-items:center;display:flex}.mode-card__icon svg{width:2.5rem;height:2.5rem}.swipe-loading-icon{object-fit:contain;flex-shrink:0;width:3.25rem;height:3.25rem;animation:1.1s linear infinite spin;display:block}.swipe-header__logo-img{width:auto;max-width:min(240px,58vw);height:1.95rem;display:block}.setup-cta--with-icon{justify-content:center;align-items:center;gap:10px;display:inline-flex}.setup-back--with-icon{align-items:center;gap:6px;display:inline-flex}.lobby-waiting-spinner{width:1.75rem;height:1.75rem;color:var(--accent);animation:1.4s linear infinite spin}.chip--dislike{color:#ef4444;background:#ef444414;border-color:#fca5a5;padding:4px 12px;font-size:.82rem}.chip--dislike:hover{background:#ef444426;border-color:#ef4444}.chip--dislike-remove{align-items:center;gap:6px;display:inline-flex}.dislike-input-row{gap:8px;display:flex}.dislike-input-row .setup-input{flex:1}.dislike-add-btn{border:1.5px solid var(--accent-border);background:var(--accent-bg);color:var(--accent);white-space:nowrap;border-radius:8px;padding:10px 18px;font-family:inherit;font-size:.9rem;font-weight:600;transition:background .15s,opacity .15s}.dislike-add-btn:hover:not(:disabled){background:var(--accent);color:#fff}.dislike-add-btn--with-icon{align-items:center;gap:6px;display:inline-flex}.dislike-add-btn:disabled{opacity:.4;cursor:default}.setup-cta{background:var(--accent);color:#fff;letter-spacing:.3px;border:none;border-radius:10px;width:100%;padding:14px;font-family:inherit;font-size:1.05rem;font-weight:700;transition:opacity .15s,transform .1s}.setup-cta:hover{opacity:.9}.setup-cta:active{transform:scale(.98)}.mode-card-group{flex-direction:column;gap:16px;width:100%;max-width:480px;display:flex}.mode-card{border:1.5px solid var(--border);background:var(--bg);box-shadow:var(--shadow);border-radius:16px;flex-direction:column;align-items:center;gap:6px;padding:32px 20px;transition:border-color .2s,transform .15s,box-shadow .2s;display:flex}.mode-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 12px 28px -4px #1e1b172e}.mode-card__title{color:var(--text-h);font-size:1.25rem;font-weight:700}.mode-card__desc{color:var(--text);font-size:.88rem}.setup-back{color:var(--text);background:0 0;border:none;border-radius:6px;margin-top:8px;padding:6px 10px;font-family:inherit;font-size:.9rem;transition:color .15s,background .15s}.setup-back:hover{color:var(--text-h)}.swipe-page--center{text-align:center;justify-content:center;gap:16px}.swipe-header{box-sizing:border-box;flex-shrink:0;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;width:100%;max-width:480px;padding:12px 16px;display:grid}.swipe-header__side{align-items:center;min-width:0;display:flex}.swipe-header__side--left{justify-content:flex-start}.swipe-header__side--right{justify-content:flex-end}.swipe-header__center{justify-content:center;align-items:center;display:flex}.swipe-header__logo{color:#fff;font-size:1rem;font-weight:700}.swipe-header__count{color:#fff;font-size:.82rem;font-weight:600}.swipe-header .setup-back{color:#fff}.swipe-header .setup-back:hover{color:#ffffffeb;background:#ffffff1f}.swipe-card-stack{flex:1;justify-content:center;align-items:center;width:100%;min-height:min(72vh,540px);display:flex;position:relative}.swipe-card-area{border:1px solid var(--border);background:var(--bg);width:100%;max-width:480px;min-height:0;box-shadow:var(--shadow);box-sizing:border-box;border-radius:16px;flex-direction:column;flex:1;justify-content:space-between;align-items:center;padding:28px 16px;display:flex}.swipe-card{touch-action:none;background:#111;border-radius:20px;width:min(88vw,380px);height:min(72vh,540px);margin-left:auto;margin-right:auto;position:absolute;left:0;right:0;overflow:hidden;box-shadow:0 8px 32px #0000002e}.swipe-card__img{object-fit:cover;pointer-events:none;width:100%;height:100%;display:block}.swipe-card__bottom{background:linear-gradient(#0000 0%,#0006 40%,#000000d1 100%);padding:20px 16px 16px;position:absolute;bottom:0;left:0;right:0}.swipe-card__tags{flex-wrap:wrap;gap:6px;margin-bottom:6px;display:flex}.swipe-tag{background:var(--accent);color:#fff;letter-spacing:.3px;border:1px solid #0000;border-radius:999px;padding:3px 10px;font-size:.72rem;font-weight:600}.swipe-tag--muted{background:var(--text);border-color:var(--bg);color:var(--bg);font-weight:600}.swipe-card__name{color:#fff;letter-spacing:-.3px;text-shadow:0 1px 4px #0006;margin:0;font-size:1.35rem;font-weight:700;line-height:1.2}.swipe-card__hint{color:#fff9;margin:6px 0 0;font-size:.75rem}.swipe-card__hint--icons{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:4px 6px;display:flex}.swipe-card__hint-icon{opacity:.9;flex-shrink:0;width:.85rem;height:.85rem}.swipe-card__hint-sep{opacity:.6;padding:0 2px}.swipe-label{letter-spacing:1px;pointer-events:none;border:3px solid;border-radius:8px;align-items:center;gap:8px;padding:6px 14px;font-size:1.5rem;font-weight:800;display:inline-flex;position:absolute;top:28px}.swipe-label svg{flex-shrink:0;width:1.35rem;height:1.35rem}.swipe-label--like{color:#22c55e;border-color:#22c55e;right:20px;transform:rotate(10deg)}.swipe-label--skip{color:#ef4444;border-color:#ef4444;left:20px;transform:rotate(-10deg)}.swipe-actions{flex-shrink:0;justify-content:center;gap:32px;padding:16px 24px 28px;display:flex}.swipe-btn{border:2px solid var(--border);background:var(--bg);width:64px;height:64px;box-shadow:var(--shadow);border-radius:50%;justify-content:center;align-items:center;font-size:1.6rem;transition:transform .1s,border-color .15s;display:flex}.swipe-btn:active{transform:scale(.93)}.swipe-btn--skip{color:var(--accent);background:var(--accent-bg);border:1.5px solid var(--accent-border);border-radius:999px}.swipe-btn--skip:hover{transform:scale(1.1)}.swipe-btn--like{color:var(--accent);background:var(--accent-bg);border:1.5px solid var(--accent-border);border-radius:999px}.swipe-btn--like:hover{transform:scale(1.1)}.swipe-spinner{font-size:3rem;animation:1.4s linear infinite spin}.swipe-loading-text{color:#fff;margin:0;font-size:1rem;font-weight:600}@keyframes spin{to{transform:rotate(360deg)}}.detail-backdrop{z-index:100;background:#00000080;align-items:flex-end;display:flex;position:fixed;inset:0}.detail-sheet{background:var(--bg);border-radius:20px 20px 0 0;flex-direction:column;gap:20px;width:100%;max-height:82svh;padding:16px 20px 32px;display:flex;overflow-y:auto}.detail-handle{background:var(--border);border-radius:2px;flex-shrink:0;width:40px;height:4px;margin:0 auto 4px}.detail-header{align-items:flex-start;gap:14px;display:flex}.detail-thumb{object-fit:cover;border-radius:12px;flex-shrink:0;width:84px;height:84px}.detail-name{color:var(--text-h);margin:0;font-size:1.2rem;font-weight:700;line-height:1.25}.detail-section-title{text-transform:uppercase;letter-spacing:.6px;color:var(--text);margin:0 0 10px;font-size:.85rem;font-weight:700}.detail-ingredients{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.detail-ingredient-row{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:6px 0;font-size:.9rem;display:flex}.detail-ingredient-name{color:var(--text-h)}.detail-ingredient-measure{color:var(--text);font-size:.82rem}.detail-instructions{color:var(--text);margin:0;font-size:.88rem;line-height:1.6}.detail-close{background:var(--code-bg);color:var(--text-h);border:none;border-radius:8px;align-self:center;margin-top:4px;padding:10px 24px;font-family:inherit;font-size:.9rem;transition:background .15s}.detail-close:hover{background:var(--border)}.detail-close--with-icon{align-items:center;gap:8px;display:inline-flex}.result-page{box-sizing:border-box;justify-content:center;align-items:center;min-height:100svh;padding:40px 16px 60px;display:flex}.result-card{background:var(--bg);border:1px solid var(--border);width:100%;max-width:480px;box-shadow:var(--shadow);border-radius:16px;flex-direction:column;align-items:center;gap:16px;padding:28px 24px;display:flex}.result-match-badge{color:var(--accent);background:var(--accent-bg);border:1.5px solid var(--accent-border);letter-spacing:.3px;border-radius:999px;padding:6px 18px;font-size:.9rem;font-weight:700}.result-match-badge.result-match-badge-row{align-items:center;gap:8px;display:inline-flex}.result-img{object-fit:cover;width:100%;max-height:300px;box-shadow:var(--shadow);border-radius:20px}.result-info{text-align:center}.result-name{color:var(--text-h);letter-spacing:-.5px;margin:4px 0;font-size:1.7rem;font-weight:800}.result-ingredients{color:var(--text);margin:4px 0 0;font-size:.85rem}.result-links{flex-direction:column;gap:10px;width:100%;display:flex}.result-link-btn{text-align:center;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-size:1rem;font-weight:700;text-decoration:none;transition:opacity .15s,transform .1s;display:flex}.result-link-btn:active{transform:scale(.98)}.result-link-btn--primary{background:var(--accent);color:#fff}.result-link-btn--primary:hover{opacity:.88}.result-link-btn--yt{color:#fff;background:red}.result-link-btn--yt:hover{opacity:.88}.swipe-card--draggable{cursor:grab}.swipe-btn--detail{color:var(--text);background:var(--bg);border:1.5px solid var(--text);border-radius:999px}.swipe-btn--detail:hover{transform:scale(1.1)}.room-code-row{align-items:center;gap:12px;display:flex}.room-code{font-family:var(--mono);letter-spacing:6px;color:var(--accent);background:var(--accent-bg);border:1.5px solid var(--accent-border);text-align:center;border-radius:10px;flex:1;padding:10px 20px;font-size:2rem;font-weight:800}.room-code-input{font-family:var(--mono);letter-spacing:4px;text-transform:uppercase;text-align:center;font-size:1.3rem;font-weight:700}.member-list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.member-row{background:var(--code-bg);border-radius:10px;align-items:center;gap:10px;padding:8px 12px;display:flex}.member-avatar{background:var(--accent);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.95rem;font-weight:700;display:flex}.member-name{color:var(--text-h);flex:1;font-size:.95rem;font-weight:600}.member-badge{background:var(--accent-bg);color:var(--accent);border:1px solid var(--accent-border);border-radius:999px;padding:2px 10px;font-size:.72rem;font-weight:700}.lobby-waiting{background:var(--code-bg);color:var(--text);border-radius:10px;justify-content:center;align-items:center;gap:10px;padding:12px;font-size:.9rem;display:flex}.multi-match-hint{text-align:center;color:#fff;box-sizing:border-box;flex-shrink:0;width:100%;max-width:480px;padding:0 12px 6px;font-size:.78rem}.multi-match-hint.multi-match-hint-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.multi-match-hint .multi-match-hint__icon{color:#fff}.pref-groups{flex-direction:column;gap:12px;display:flex}.pref-group{flex-direction:column;gap:8px;display:flex}.pref-group-label{text-transform:uppercase;letter-spacing:.6px;color:var(--text);font-size:.78rem;font-weight:700}.nearby-btn{border:1.5px dashed var(--border);background:var(--bg);width:100%;color:var(--text-h);border-radius:10px;padding:12px;font-family:inherit;font-size:.95rem;font-weight:600;transition:border-color .15s,background .15s}.nearby-btn:hover{border-color:var(--accent);background:var(--accent-bg)}.nearby-btn--with-icon{justify-content:center;align-items:center;gap:10px;display:inline-flex}.nearby-loading{text-align:center;color:var(--text);margin:0;font-size:.9rem}.nearby-list{flex-direction:column;gap:8px;width:100%;display:flex}.nearby-title{color:var(--text-h);margin:0 0 4px;font-size:.95rem;font-weight:700}.nearby-row{border:1px solid var(--border);background:var(--bg);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;text-decoration:none;transition:border-color .15s,background .15s;display:flex}.nearby-row:hover{border-color:var(--accent);background:var(--accent-bg)}.nearby-row__info{flex-direction:column;gap:2px;min-width:0;display:flex}.nearby-row__name{color:var(--text-h);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.nearby-row__address{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.nearby-row__distance{color:var(--accent);white-space:nowrap;flex-shrink:0;font-size:.78rem;font-weight:700}.result-link-btn--maps{background:var(--accent-bg);color:var(--accent);border:1.5px solid var(--accent-border)}.result-link-btn--maps:hover{opacity:.92;background:var(--accent-bg)}.room-link-row{background:var(--code-bg);border:1px solid var(--border);border-radius:8px;align-items:center;gap:8px;padding:8px 12px;display:flex}.room-link{font-family:var(--mono);color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.72rem;overflow:hidden}.room-qr{justify-content:center;padding:12px 0 4px;display:flex}.room-qr svg{box-shadow:var(--shadow);border-radius:12px}.leaderboard{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.leaderboard-row{background:var(--code-bg);border:1px solid var(--border);border-radius:12px;align-items:center;gap:12px;padding:10px 12px;display:flex}.leaderboard-rank{text-align:center;flex-shrink:0;width:32px;font-size:1.4rem}.leaderboard-thumb{object-fit:cover;border-radius:8px;flex-shrink:0;width:52px;height:52px}.leaderboard-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.leaderboard-name{color:var(--text-h);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:700;overflow:hidden}.leaderboard-category{color:var(--text);font-size:.75rem}.leaderboard-likes{flex-direction:column;flex-shrink:0;align-items:center;display:flex}.leaderboard-count{color:var(--accent);font-size:1.4rem;font-weight:800;line-height:1}.leaderboard-label{color:var(--text);text-transform:uppercase;letter-spacing:.4px;font-size:.68rem}.detail-inner{width:100%;max-width:560px;margin:0 auto}.leaderboard-choose{border:1.5px solid var(--accent-border);background:var(--accent-bg);color:var(--accent);border-radius:8px;flex-shrink:0;padding:6px 12px;font-family:inherit;font-size:.8rem;font-weight:700;transition:background .15s,color .15s}.leaderboard-choose:hover{background:var(--accent);color:#fff}.leaderboard-item{border:1px solid var(--border);border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.leaderboard-row--clickable{background:var(--code-bg);text-align:left;cursor:pointer;border:none;border-radius:0;width:100%;transition:background .15s}.leaderboard-row--clickable:hover{background:var(--accent-bg)}.leaderboard-row--open{background:var(--accent-bg);border-bottom:1px solid var(--accent-border)}.leaderboard-chevron{color:var(--text);flex-shrink:0;font-size:.7rem}.leaderboard-detail{background:var(--bg);flex-direction:column;gap:12px;padding:16px;display:flex;overflow:hidden}.leaderboard-detail-img{object-fit:cover;border-radius:10px;width:100%;height:180px}.home-btn{z-index:200;background:0 0;border:none;padding:4px;line-height:0;transition:transform .15s,opacity .15s;position:fixed;top:16px;left:12px}.home-btn__img{width:auto;height:1.85rem;display:block}.home-btn:hover{opacity:.92;transform:scale(1.06)}@media (width>=768px){.home-btn__img{height:2.1rem}}