:root{--color-bg: #0d0d0f;--color-surface: #1a1a1e;--color-surface-hover: #232329;--color-border: #2c2c33;--color-text-primary: #ffffff;--color-text-secondary: #a6a6af;--color-text-disabled: #5a5a63;--color-link: #ff6ba0;--color-accent: #ff2d78;--color-accent-hover: #ff4d8d;--color-accent-pressed: #e01b63;--color-accent-disabled: #6e2c46;--color-tag-bg: #2b1420;--color-success: #22c55e;--color-warning: #eab308;--color-danger: #ef4444;--color-on-accent: #ffffff;--color-scrim: rgba(0, 0, 0, .6);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--viewport-stable-height: 100dvh;--radius-sm: 8px;--radius-md: 12px;--radius-card: 18px;--radius-pill: 999px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-xxl: 32px;--font-body: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--color-bg);color:var(--color-text-primary);font-family:var(--font-body);font-size:16px;line-height:22px;overflow:hidden;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;overscroll-behavior:none}.app-shell{display:flex;flex-direction:column;height:var(--viewport-stable-height);padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);padding-left:max(var(--safe-left),var(--space-lg));padding-right:max(var(--safe-right),var(--space-lg))}.screen-center{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-lg);text-align:center}.title{font-size:24px;line-height:30px;font-weight:700;margin:0}.body-text{font-size:16px;line-height:22px;margin:0;color:var(--color-text-secondary)}.caption{font-size:13px;line-height:18px;color:var(--color-text-secondary)}.error-text{color:var(--color-danger);font-size:16px;line-height:22px}.button{appearance:none;border:none;border-radius:var(--radius-pill);background:var(--color-accent);color:var(--color-on-accent);font-family:inherit;font-size:16px;font-weight:700;line-height:22px;padding:var(--space-md) var(--space-xl);cursor:pointer;min-height:44px}.button:hover:not(:disabled){background:var(--color-accent-hover)}.button:active:not(:disabled){background:var(--color-accent-pressed)}.button:disabled{background:var(--color-accent-disabled);cursor:default}.button--ghost{background:transparent;color:var(--color-accent);border:1px solid var(--color-border)}.button--ghost:hover:not(:disabled){background:var(--color-surface-hover)}.spinner{width:28px;height:28px;border-radius:50%;border:3px solid var(--color-border);border-top-color:var(--color-accent);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation-duration:3s}}.deck{position:relative;flex:1;min-height:0;margin:var(--space-md) 0;touch-action:none}.deck__card{position:absolute;inset:0;will-change:transform}.deck__card--settling{transition:transform .2s ease-out}.profile-card{position:relative;height:100%;border-radius:var(--radius-card);border:1px solid var(--color-border);background:var(--color-surface);overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}.profile-card__photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;-webkit-user-drag:none}.profile-card__placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--color-tag-bg);color:var(--color-accent);font-size:32px;line-height:38px;font-weight:700}.profile-card__overlay{position:relative;padding:var(--space-lg);background:var(--color-surface);opacity:.96}.profile-card__name{font-size:24px;line-height:30px;font-weight:700;margin:0}.profile-card__about{margin:var(--space-sm) 0 0;font-size:16px;line-height:22px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.profile-card__chips{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-top:var(--space-md)}.chip{background:var(--color-tag-bg);color:var(--color-link);border-radius:var(--radius-pill);padding:var(--space-xs) var(--space-md);font-size:13px;line-height:18px}.compat-badge{position:absolute;top:var(--space-lg);right:var(--space-lg);width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-on-accent);font-size:12px;line-height:14px;font-weight:700}.cue{position:absolute;padding:var(--space-sm) var(--space-md);border:2px solid currentColor;border-radius:var(--radius-md);font-weight:500;font-size:16px;line-height:22px;pointer-events:none}.cue--like{top:24px;left:24px;color:var(--color-success)}.cue--nope{top:24px;right:24px;color:var(--color-danger)}.cue--super{top:50%;left:50%;transform:translate(-50%,-50%);color:var(--color-accent)}.cue--undo{bottom:96px;left:50%;transform:translate(-50%);color:var(--color-text-secondary)}.deck__hint{text-align:center;padding-bottom:var(--space-md)}.match-modal{position:fixed;inset:0;background:var(--color-scrim);display:flex;align-items:center;justify-content:center;padding:var(--space-xl);z-index:10}.match-modal__box{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:var(--space-xl);text-align:center;display:flex;flex-direction:column;gap:var(--space-md);max-width:320px;width:100%}