:root{--night: #12100e;--ink: #1c1410;--felt: #1e3a2f;--felt-2: #244736;--lamp: #f4c989;--paper: #f3ead8;--paper-dim: #d9ccb3;--ember: #ff6b35;--electric: #f5d76e;--ok: #8fd6a8;--muted: #9a8f7e;--danger: #e07070;--shadow: 0 18px 40px rgba(0, 0, 0, .45);font-family:Outfit,system-ui,sans-serif;color:var(--paper);background:var(--night);line-height:1.35;font-weight:450;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%;height:100%;background:var(--night)}body{min-height:100dvh}button,input{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.app{min-height:100dvh;max-width:480px;margin:0 auto;display:grid;grid-template-rows:auto 1fr auto;background:radial-gradient(1200px 420px at 50% -10%,rgba(244,201,137,.16),transparent 55%),linear-gradient(180deg,#191511 0%,var(--night) 42%);position:relative;overflow:hidden}.topbar{padding:calc(12px + env(safe-area-inset-top)) 20px 8px;display:flex;align-items:baseline;justify-content:space-between;gap:12px}.brand{font-family:Fraunces,Georgia,serif;font-weight:700;font-size:1.55rem;letter-spacing:-.03em;margin:0}.brand span{color:var(--ember)}.tag{margin:0;color:var(--muted);font-size:.78rem}.screen{overflow:auto;padding:8px 16px 24px;-webkit-overflow-scrolling:touch}.nav{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;padding:8px 10px calc(10px + env(safe-area-inset-bottom));background:#12100eeb;border-top:1px solid rgba(243,234,216,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.nav button{border:0;background:transparent;color:var(--muted);padding:8px 4px 6px;border-radius:12px;display:grid;gap:2px;justify-items:center}.nav button.active{color:var(--electric);background:#f5d76e14}.nav .ico{font-size:1.15rem;line-height:1}.nav .lbl{font-size:.68rem;font-weight:600;letter-spacing:.02em}.panel-title{font-family:Fraunces,Georgia,serif;font-size:1.35rem;margin:6px 0 4px}.lede{color:var(--muted);margin:0 0 16px;font-size:.92rem}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.card-tile{background:#2a231c;border:1px solid rgba(243,234,216,.08);border-radius:14px;overflow:hidden;padding:0;color:inherit;text-align:left;box-shadow:0 8px 18px #00000047;position:relative}.card-tile img{aspect-ratio:63 / 88;object-fit:cover;background:#1a1612}.card-tile figcaption{padding:7px 8px 9px}.card-tile .name{font-size:.78rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-tile .meta{font-size:.65rem;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-tile .x{position:absolute;top:6px;right:6px;width:26px;height:26px;border:0;border-radius:999px;background:#12100eb8;color:var(--paper)}.empty{border:1px dashed rgba(243,234,216,.18);border-radius:16px;padding:28px 16px;text-align:center;color:var(--muted);background:#ffffff05}.first-run{background:#1b1714;border-radius:16px;padding:16px 16px 14px;margin-bottom:14px}.first-run h3{font-family:Fraunces,Georgia,serif;font-size:1.2rem;margin:0 0 8px}.first-run p{margin:0 0 10px;color:var(--paper-dim);font-size:.92rem}.first-run .hint,.first-run .install-quiet{margin:0}.install-quiet{margin-top:10px;padding-top:10px;border-top:1px solid rgba(243,234,216,.08);font-size:.8rem;color:var(--muted)}.privacy-lines{margin:0 0 18px;padding-left:18px;color:var(--muted);font-size:.92rem}.privacy-lines li+li{margin-top:6px}.fab-row{margin-top:16px;display:flex;gap:8px}.btn{border:0;border-radius:999px;padding:12px 16px;font-weight:650;background:var(--electric);color:var(--ink)}.btn.secondary{background:transparent;color:var(--paper);border:1px solid rgba(243,234,216,.18)}.btn.ember{background:var(--ember);color:#fff}.btn.felt{background:var(--felt-2);color:var(--paper)}.btn.full{width:100%}.btn:disabled{opacity:.5}.search-sheet,.ping-sheet,.qr-sheet{position:absolute;top:0;right:0;bottom:0;left:0;background:#080605b8;display:grid;align-items:end;z-index:20}.sheet{background:#1b1714;border-radius:22px 22px 0 0;padding:12px 16px calc(18px + env(safe-area-inset-bottom));max-height:92dvh;overflow:auto;box-shadow:var(--shadow)}.sheet.fullish{height:92dvh}.grab{width:42px;height:4px;border-radius:99px;background:#f3ead833;margin:4px auto 12px}.field{width:100%;border:1px solid rgba(243,234,216,.14);background:#12100e;color:var(--paper);border-radius:12px;padding:12px 14px}.chips{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 14px}.chip{border:0;background:#2a231c;color:var(--paper);border-radius:999px;padding:6px 10px;font-size:.8rem}.sheet-actions{display:flex;gap:8px;margin-top:12px}.status{font-size:.85rem;color:var(--muted);margin:8px 0}.error{color:var(--danger)}.nearby-hero{background:radial-gradient(280px 140px at 50% 0%,rgba(255,107,53,.18),transparent 70%),linear-gradient(180deg,var(--felt) 0%,#15261f 100%);border-radius:22px;padding:22px 18px 18px;box-shadow:inset 0 1px #ffffff0f;margin-bottom:14px}.nearby-hero h2{font-family:Fraunces,Georgia,serif;margin:0 0 6px;font-size:1.45rem}.radar{width:88px;height:88px;margin:8px auto 14px;border-radius:50%;border:2px solid rgba(245,215,110,.35);position:relative;display:grid;place-items:center}.radar:before,.radar:after{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:50%;border:1px solid rgba(255,107,53,.45);animation:ping 2.4s ease-out infinite}.radar:after{top:24px;right:24px;bottom:24px;left:24px;animation-delay:.8s}.radar .dot{width:10px;height:10px;background:var(--ember);border-radius:50%;z-index:1}@keyframes ping{0%{transform:scale(.7);opacity:.8}to{transform:scale(1.35);opacity:0}}.code{font-family:Fraunces,Georgia,serif;font-size:2.75rem;letter-spacing:.32em;text-align:center;margin:4px 0 8px;font-weight:700}.table-share .qr-box{margin:0 auto;width:fit-content}.table-share .qr-box img{width:min(220px,64vw);height:auto}.qr-tap{border:0;padding:12px;cursor:pointer}.optional-table{margin-top:16px;padding-top:8px;border-top:1px solid rgba(243,234,216,.08)}.optional-table summary{cursor:pointer;color:var(--muted);font-size:.82rem;font-weight:600;-webkit-user-select:none;user-select:none}.optional-table .hint{margin:8px 0}.optional-table .toggle-row{align-items:center}.optional-table .code{font-size:1.8rem;letter-spacing:.24em}.optional-table .qr-box img{width:min(160px,42vw)}.checkin-card .shop-list{display:grid;gap:8px}.shop-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid rgba(243,234,216,.06)}.shop-row.primary,.shop-row.hinted{padding:12px;margin:0 -4px;border:1px solid rgba(245,215,110,.22);border-radius:14px;background:#f5d76e0f}.shop-row .btn{flex-shrink:0}.demo-after-checkin{margin-top:12px}.photo-row{display:flex;align-items:flex-start;gap:12px}.avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;background:#2a231c;flex-shrink:0}.avatar.lg{width:88px;height:88px;margin:0 auto 10px}.photo-row .avatar.lg{margin:0}.avatar.fallback{display:inline-grid;place-items:center;font-weight:700;letter-spacing:.02em;color:var(--electric);background:#2a231c;border:1px solid rgba(245,215,110,.28)}.photo-pick{text-align:center}.match-who{display:flex;align-items:center;gap:10px;min-width:0}.ping-sheet .avatar.lg{margin-bottom:8px}.toggle-row,.row{display:flex;align-items:center;justify-content:space-between;gap:10px}.toggle-row{align-items:flex-start}.toggle-row .btn{flex-shrink:0;margin-top:2px}.hint+.hint,.row+.hint{margin-top:6px}.toggle-row strong+.hint{margin-top:4px}.advanced{margin-top:4px}.advanced summary{cursor:pointer;color:var(--muted);font-size:.75rem;-webkit-user-select:none;user-select:none}.advanced .hint{margin:8px 0 0}.stack{display:grid;gap:10px}.pill{display:inline-flex;align-items:center;gap:6px;background:#12100e59;border-radius:999px;padding:4px 10px;font-size:.75rem}.pill.ok{color:var(--ok)}.match-list{display:grid;gap:10px}.match-card{background:#1b1714;border-radius:16px;padding:12px;border:1px solid rgba(243,234,216,.08);text-align:left;color:inherit;width:100%}.match-card header{display:flex;justify-content:space-between;gap:8px;margin-bottom:8px}.match-pair{display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center}.match-pair img{border-radius:8px;aspect-ratio:63 / 88;object-fit:cover}.swap{color:var(--electric);font-weight:700}.ping-sheet .sheet{background:radial-gradient(420px 180px at 50% 0%,rgba(255,107,53,.22),transparent 60%),#171310;text-align:center}.ping-kicker{color:var(--ember);font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:.72rem}.ping-title{font-family:Fraunces,Georgia,serif;font-size:1.8rem;margin:8px 0 4px}.you-card{background:#1b1714;border-radius:16px;padding:14px;display:grid;gap:10px}.hint{font-size:.82rem;color:var(--muted);margin:0}.qr-box{background:var(--paper);border-radius:16px;padding:12px;display:grid;justify-items:center}.qr-box img{width:min(280px,70vw);height:auto}.video-wrap{position:relative;border-radius:16px;overflow:hidden;background:#000}.video-wrap video{width:100%;aspect-ratio:3 / 4;object-fit:cover;display:block}.video-wrap video.mirror{transform:scaleX(-1)}.selfie-flip{position:absolute;top:10px;right:10px;z-index:1;background:#12100ec7;color:var(--paper);border:1px solid rgba(243,234,216,.28)}.selfie-flip:disabled{opacity:.45}.scan-loop{display:grid;gap:8px}.scan-video-wrap{position:relative;border-radius:16px;overflow:hidden;background:#000}.scan-video-wrap video{width:100%;aspect-ratio:3 / 4;object-fit:cover;display:block}.scan-video-wrap.compact video{aspect-ratio:3 / 2;max-height:220px}.scan-frame{position:absolute;left:50%;top:50%;width:62%;aspect-ratio:63 / 88;transform:translate(-50%,-50%);border:2px solid rgba(245,215,110,.9);border-radius:12px;box-shadow:0 0 0 999px #00000061;pointer-events:none}.scan-frame-label{position:absolute;left:50%;bottom:8px;transform:translate(-50%);font-size:.7rem;font-weight:650;letter-spacing:.02em;color:var(--electric);text-shadow:0 1px 4px rgba(0,0,0,.8);white-space:nowrap}.scan-confirm{display:grid;grid-template-columns:78px 1fr;gap:12px;align-items:center;background:#2a231c;border:1px solid rgba(243,234,216,.08);border-radius:14px;padding:10px}.scan-confirm img{width:78px;aspect-ratio:63 / 88;object-fit:cover;border-radius:8px}.scan-confirm .name{font-weight:700;font-size:1rem}.scan-confirm .meta{font-size:.78rem;color:var(--muted);margin-top:2px}.scan-confirm-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.scan-actions{flex-wrap:wrap}.badge{font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--electric)}@media (min-width: 720px){.app{margin:24px auto;min-height:calc(100dvh - 48px);border-radius:28px;border:1px solid rgba(243,234,216,.08);box-shadow:var(--shadow)}}