:root{--tg-bg: #ffffff;--tg-text: #1a1a1a;--tg-hint: #8a8a8e;--tg-link: #2f7bf6;--tg-button: #2f7bf6;--tg-button-text: #ffffff;--tg-secondary-bg: #f3f4f6;--tg-section-bg: #ffffff;--tg-destructive: #e53935;--accent: #ff4d6d;--accent-2: #ff7a59;--accent-grad: linear-gradient(135deg, #ff7a59 0%, #ff4d6d 55%, #e0398b 100%);--radius: 18px;--radius-lg: 26px;--shadow-card: 0 12px 32px rgba(0, 0, 0, .16);--nav-h: 64px;--safe-bottom: env(safe-area-inset-bottom, 0px)}:root[data-theme=dark]{--tg-bg: #17212b;--tg-text: #f5f5f5;--tg-hint: #8a96a3;--tg-secondary-bg: #232e3c;--tg-section-bg: #1d2733;--shadow-card: 0 12px 32px rgba(0, 0, 0, .45)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{background:var(--tg-bg);color:var(--tg-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;text-size-adjust:100%;-webkit-text-size-adjust:100%;overscroll-behavior:none}#root{display:flex;flex-direction:column;max-width:480px;margin:0 auto}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}.app-shell{flex:1;display:flex;flex-direction:column;min-height:0}.screen{flex:1;min-height:0;overflow-y:auto;padding:16px;padding-bottom:calc(var(--nav-h) + var(--safe-bottom) + 16px)}.centered{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;padding:32px;color:var(--tg-hint)}.spinner{width:34px;height:34px;border-radius:50%;border:3px solid var(--tg-secondary-bg);border-top-color:var(--accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 22px;border-radius:var(--radius);background:var(--accent-grad);color:#fff;font-weight:600;font-size:16px;box-shadow:0 8px 20px #ff4d6d59}.btn-primary:active{transform:scale(.98)}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:480px;height:calc(var(--nav-h) + var(--safe-bottom));padding-bottom:var(--safe-bottom);display:flex;background:var(--tg-section-bg);border-top:1px solid color-mix(in srgb,var(--tg-hint) 18%,transparent);z-index:50}.nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px;color:var(--tg-hint);position:relative}.nav-item.active{color:var(--accent)}.nav-item .nav-icon{width:24px;height:24px}.nav-badge{position:absolute;top:6px;right:calc(50% - 22px);min-width:17px;height:17px;padding:0 4px;border-radius:9px;background:var(--accent);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}.deck{flex:1;position:relative;margin:12px 12px 0;min-height:0}.swipe-card{position:absolute;inset:0;border-radius:var(--radius-lg);overflow:hidden;background:var(--tg-secondary-bg);box-shadow:var(--shadow-card);will-change:transform;user-select:none;touch-action:none}.skel-card{position:absolute;inset:0;border-radius:var(--radius-lg);box-shadow:var(--shadow-card);background:linear-gradient(110deg,var(--tg-secondary-bg) 8%,color-mix(in srgb,var(--tg-hint) 14%,var(--tg-secondary-bg)) 18%,var(--tg-secondary-bg) 33%);background-size:200% 100%;animation:shimmer 1.3s linear infinite}@keyframes shimmer{to{background-position:-200% 0}}.card-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.card-anon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:80px;background:var(--accent-grad);color:#fff}.card-shade{position:absolute;inset:0;background:linear-gradient(to top,#000000b8,#0000 45%);pointer-events:none}.card-info{position:absolute;left:18px;right:18px;bottom:18px;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.4);pointer-events:none}.card-name{font-size:26px;font-weight:700;display:flex;align-items:center;gap:8px}.card-city{font-size:15px;opacity:.92;margin-top:2px}.card-bio{font-size:14px;opacity:.92;margin-top:8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.photo-bars{position:absolute;top:8px;left:10px;right:10px;display:flex;gap:4px;z-index:3}.photo-bars span{flex:1;height:3px;border-radius:3px;background:#ffffff59}.photo-bars span.on{background:#fffffff2}.tap-zone{position:absolute;top:0;bottom:25%;width:35%;z-index:2}.tap-zone.left{left:0}.tap-zone.right{right:0}.stamp{position:absolute;top:28px;padding:6px 14px;border:3px solid;border-radius:10px;font-weight:800;font-size:26px;letter-spacing:1px;text-transform:uppercase;z-index:4;pointer-events:none}.stamp.like{left:18px;color:#2ecc71;border-color:#2ecc71;transform:rotate(-15deg)}.stamp.nope{right:18px;color:#ff4d6d;border-color:#ff4d6d;transform:rotate(15deg)}.stamp.super{left:50%;translate:-50% 0;bottom:90px;top:auto;color:#3aa0ff;border-color:#3aa0ff}.swipe-actions{display:flex;justify-content:center;align-items:center;gap:18px;padding:16px 0 8px}.act{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--tg-section-bg);box-shadow:0 6px 18px #0000002e;font-size:26px}.act:active{transform:scale(.92)}.act.nope{color:#ff4d6d}.act.like{color:#2ecc71}.act.super{width:50px;height:50px;color:#3aa0ff;font-size:22px}.overlay{position:fixed;inset:0;z-index:100;background:#000000b3;backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px;text-align:center;gap:16px;color:#fff}.overlay h2{font-size:30px;margin:0;background:var(--accent-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.match-avatar{width:130px;height:130px;border-radius:50%;object-fit:cover;border:4px solid #fff;box-shadow:var(--shadow-card)}.tile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:12px}.tile{position:relative;border-radius:var(--radius);overflow:hidden;aspect-ratio:3 / 4;background:var(--tg-secondary-bg);box-shadow:var(--shadow-card)}.tile img{width:100%;height:100%;object-fit:cover}.tile-anon{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:46px;background:var(--accent-grad);color:#fff}.tile-info{position:absolute;left:10px;right:10px;bottom:8px;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.5);font-weight:600;font-size:14px}.tile-write{position:absolute;top:8px;right:8px;background:var(--accent);color:#fff;border-radius:14px;padding:4px 10px;font-size:12px;font-weight:700}.detail{position:fixed;inset:0;z-index:90;background:var(--tg-bg);display:flex;flex-direction:column;overflow-y:auto}.detail-photo{position:relative;width:100%;aspect-ratio:3 / 4;background:var(--tg-secondary-bg);flex:none}.detail-body{padding:16px}.detail-name{font-size:24px;font-weight:700;display:flex;align-items:center;gap:8px}.detail-city{color:var(--tg-hint);margin-top:4px}.detail-msg{margin-top:14px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);padding:10px 14px;border-radius:12px;font-weight:600}.detail-bio{margin-top:12px;line-height:1.5}.detail-actions{position:sticky;bottom:0;margin-top:auto;background:linear-gradient(to top,var(--tg-bg) 72%,transparent);padding:12px 0 calc(14px + var(--safe-bottom))}.profile-gallery{position:relative;aspect-ratio:1 / 1;background:var(--tg-secondary-bg)}.form-card{flex:1;display:flex;flex-direction:column;gap:18px;padding:24px 20px}.q-title{font-size:22px;font-weight:700;text-align:center}.input,.textarea{width:100%;padding:14px 16px;border-radius:var(--radius);background:var(--tg-secondary-bg);color:var(--tg-text);font-size:16px;border:1.5px solid transparent;outline:none}.input:focus,.textarea:focus{border-color:var(--accent)}.textarea{min-height:120px;resize:none}.chips{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.chip{padding:12px 20px;border-radius:999px;background:var(--tg-secondary-bg);color:var(--tg-text);font-weight:600;border:1.5px solid transparent}.chip.on{background:color-mix(in srgb,var(--accent) 16%,transparent);border-color:var(--accent);color:var(--accent)}.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px}.switch{width:48px;height:28px;border-radius:999px;background:var(--tg-secondary-bg);position:relative;transition:background .2s;flex:none}.switch.on{background:var(--accent)}.switch:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;transition:transform .2s}.switch.on:after{transform:translate(20px)}.hint{color:var(--tg-hint);font-size:13px}.form-nav{margin-top:auto;display:flex;gap:12px}.btn-ghost{flex:1;padding:14px;border-radius:var(--radius);background:var(--tg-secondary-bg);color:var(--tg-text);font-weight:600}.btn-primary.grow{flex:2}.photo-edit{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.photo-edit .cell{position:relative;aspect-ratio:1;border-radius:var(--radius);overflow:hidden;background:var(--tg-secondary-bg)}.photo-edit .cell img{width:100%;height:100%;object-fit:cover}.photo-edit .add{display:flex;align-items:center;justify-content:center;font-size:30px;color:var(--tg-hint);border:1.5px dashed color-mix(in srgb,var(--tg-hint) 50%,transparent)}.photo-edit .del{position:absolute;top:4px;right:4px;width:24px;height:24px;border-radius:50%;background:#0009;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px}