:root{--ink:#0e2233;--brand:#1f6fa8;--brand-dark:#163f59;--brand-soft:#7fa8c4;--brass:#b8862b;--brass-dark:#8c6821;--surface:#f6f7f5;--divider-color:#e3e6e4;--alarm:#a3392e;--alarm-dark:#7e2a21;--success:#2e7d4f;--gradient:linear-gradient(135deg,var(--brand) 0%,var(--ink) 100%);--gradient-match:linear-gradient(135deg,var(--brass) 0%,var(--ink) 100%);--pink:var(--brand);--purple:var(--brand-soft)}*{box-sizing:border-box}body{background:var(--surface);min-height:100vh;overscroll-behavior:none}.swipe-card{position:absolute;width:100%;max-width:380px;border-radius:20px;overflow:hidden;cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;box-shadow:0 8px 32px rgba(0,0,0,.15)}.swipe-card:active{cursor:-webkit-grabbing;cursor:grabbing}.card-image{width:100%;height:480px;object-fit:cover;display:block}.card-gradient{height:200px;background:linear-gradient(transparent,rgba(0,0,0,.85))}.card-gradient,.card-info{position:absolute;bottom:0;left:0;right:0}.card-info{padding:20px;color:#fff}.like-stamp,.nope-stamp{position:absolute;top:40px;padding:8px 20px;border-radius:8px;font-size:28px;font-weight:900;border:4px solid;pointer-events:none;opacity:0;transition:opacity .1s}.like-stamp{left:20px;color:#4caf50;border-color:#4caf50;transform:rotate(-20deg)}.nope-stamp{right:20px;color:#f44336;border-color:#f44336;transform:rotate(20deg)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid var(--divider-color);display:flex;justify-content:space-around;padding:8px 0 calc(8px + env(safe-area-inset-bottom));z-index:100}.btn-gradient{background:var(--gradient);color:#fff;border:none;padding:12px 32px;border-radius:50px;font-weight:600;font-size:16px;cursor:pointer;transition:opacity .2s,transform .1s}.btn-gradient:hover{opacity:.9}.btn-gradient:active{transform:scale(.97)}.bubble-sent{background:var(--gradient);color:#fff;border-radius:20px 20px 4px 20px;align-self:flex-end}.bubble-received,.bubble-sent{padding:10px 16px;max-width:70%}.bubble-received{background:var(--divider-color);color:var(--ink);border-radius:20px 20px 20px 4px;align-self:flex-start}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.auth-hero{background:var(--gradient);min-height:100vh;display:flex;align-items:center;justify-content:center}@media (max-width:576px){.card-image{height:380px}}