@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap";
:root{--color-neutral-0:#fff;--color-neutral-50:#fdfdfd;--color-neutral-100:#ede7e1;--color-neutral-500:#9d9999;--color-neutral-700:#444446;--color-neutral-900:#0b0b0b;--color-neutral-950:#060a12;--color-brand-300:#ff9e40;--color-brand-400:#ff8000;--color-brand-500:#f60;--color-brand-600:#e65c00;--color-accent-400:#ffd740;--color-accent-500:#ffc400;--color-accent-600:#ffab00;--color-gold-500:#fdbc18;--color-success-500:#22c55e;--color-warning-500:#fdbc18;--color-danger-500:#ef4444;--color-info-500:#00c2ff;--bg-canvas:var(--color-neutral-950);--bg-surface:var(--color-neutral-900);--bg-elevated:#1f1f1f;--bg-muted:#2b2b2b;--text-primary:var(--color-neutral-50);--text-secondary:var(--color-neutral-100);--text-muted:var(--color-neutral-500);--text-inverse:var(--color-neutral-950);--border-default:var(--color-neutral-700);--border-strong:var(--color-neutral-50);--focus-ring:var(--color-accent-500);--action-primary-bg:var(--color-brand-500);--action-primary-fg:var(--color-neutral-50);--action-primary-border:var(--border-strong);--action-primary-hover-bg:var(--color-brand-400);--action-primary-pressed-bg:var(--color-brand-600);--action-secondary-bg:var(--bg-elevated);--action-secondary-fg:var(--text-primary);--action-secondary-border:var(--border-default);--action-danger-bg:var(--color-danger-500);--action-danger-fg:var(--color-neutral-50);--action-danger-border:var(--border-strong);--product-highlight:var(--color-brand-300);--product-accent-gold:var(--color-gold-500);--font-sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--font-size-8:.5rem;--font-size-10:.625rem;--font-size-12:.75rem;--font-size-14:.875rem;--font-size-16:1rem;--font-size-18:1.125rem;--font-size-20:1.25rem;--font-size-24:1.5rem;--font-size-32:2rem;--font-size-40:2.5rem;--font-size-48:3rem;--font-size-64:4rem;--font-weight-regular:400;--font-weight-medium:500;--font-weight-bold:700;--font-weight-black:800;--line-height-tight:1.2;--line-height-normal:1.5;--line-height-relaxed:1.65;--letter-spacing-normal:0;--letter-spacing-tight:-.02em;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;--border-width-1:1px;--border-width-2:2px;--border-width-3:3px;--radius-0:0;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-full:9999px;--shadow-sm:3px 3px 0 0 #000;--shadow-md:6px 6px 0 0 #000;--shadow-lg:10px 10px 0 0 #000;--shadow-none:none;--transition-fast:.15s ease;--transition-normal:.2s ease;--transition-slow:.3s ease;--z-base:0;--z-dropdown:100;--z-sticky:200;--z-fixed:300;--z-modal-backdrop:400;--z-modal:500;--z-toast:600;--z-tooltip:700;--button-height-sm:2.5rem;--button-height-md:2.75rem;--button-height-lg:3rem;--button-radius:var(--radius-md);--button-border-width:var(--border-width-2);--button-shadow:var(--shadow-md);--button-shadow-hover:var(--shadow-sm);--button-shadow-active:var(--shadow-none);--input-height:2.75rem;--input-radius:var(--radius-md);--input-border-width:var(--border-width-2);--input-bg:var(--bg-surface);--input-fg:var(--text-primary);--input-placeholder:var(--text-muted);--input-border:var(--border-default);--input-border-focus:var(--focus-ring);--card-bg:var(--bg-surface);--card-fg:var(--text-primary);--card-border:var(--border-default);--card-border-width:var(--border-width-2);--card-radius:var(--radius-lg);--card-shadow:var(--shadow-md);--avatar-bg:var(--bg-elevated);--avatar-fg:var(--text-primary);--avatar-border:var(--border-default);--avatar-radius:var(--radius-lg);--badge-bg:var(--bg-elevated);--badge-fg:var(--text-secondary);--badge-border:var(--border-default);--badge-radius:var(--radius-md);--badge-border-width:var(--border-width-2);--toast-bg:var(--bg-elevated);--toast-fg:var(--text-primary);--toast-border:var(--border-strong);--toast-radius:var(--radius-lg);--toast-shadow:var(--shadow-lg);--overlay-bg:#0000008c;--modal-bg:var(--bg-surface);--modal-border:var(--border-strong);--modal-radius:var(--radius-xl);--modal-shadow:var(--shadow-lg);--chat-bubble-me-bg:var(--color-brand-500);--chat-bubble-me-fg:var(--color-neutral-50);--chat-bubble-me-border:var(--border-strong);--chat-bubble-other-bg:var(--bg-elevated);--chat-bubble-other-fg:var(--text-primary);--chat-bubble-other-border:var(--border-default);--feed-item-bg:var(--bg-surface);--feed-item-border:var(--border-default);--feed-spotted-badge-bg:var(--bg-elevated);--feed-spotted-badge-fg:var(--color-accent-500);--feed-official-badge-bg:var(--bg-elevated);--feed-official-badge-fg:var(--color-brand-500);--list-item-bg:var(--bg-surface);--list-item-hover-bg:var(--bg-elevated);--list-item-border:var(--border-default);--list-item-shadow:var(--shadow-md);--pill-bg:var(--bg-elevated);--pill-fg:var(--text-secondary);--pill-border:var(--border-default);--pill-active-bg:var(--color-brand-500);--pill-active-fg:var(--text-inverse);--pill-active-border:#000;--slider-track-bg:var(--bg-muted);--slider-track-active:var(--color-brand-500);--slider-thumb-bg:var(--color-neutral-0);--slider-thumb-border:#000;--slider-thumb-shadow:var(--shadow-sm);--filter-modal-bg:var(--bg-surface);--filter-modal-border:var(--border-strong);--filter-header-border:var(--border-default);--filter-label-color:var(--text-muted)}
*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;tab-size:4;font-family:var(--font-sans);font-size:16px;line-height:var(--line-height-normal);scroll-behavior:smooth}body{background-color:var(--bg-canvas);min-height:100%;color:var(--text-primary);font-family:var(--font-sans);font-size:var(--font-size-16);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;margin:0;overflow-x:hidden}img,picture,video,canvas,svg{max-width:100%;height:auto;display:block}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:inherit;color:inherit;margin:0}button,[type=button],[type=reset],[type=submit]{appearance:button;cursor:pointer}button:disabled,[type=button]:disabled,[type=reset]:disabled,[type=submit]:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}hr{border:none;border-top:var(--border-width-1)solid var(--border-default)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-black);line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);color:var(--text-primary)}h1{font-size:var(--font-size-40)}h2{font-size:var(--font-size-32)}h3{font-size:var(--font-size-24)}h4{font-size:var(--font-size-20)}h5{font-size:var(--font-size-18)}h6{font-size:var(--font-size-16)}p{font-size:var(--font-size-16);line-height:var(--line-height-relaxed);color:var(--text-secondary)}small{font-size:var(--font-size-14)}strong,b{font-weight:var(--font-weight-bold)}code,pre,kbd,samp{font-family:var(--font-mono);font-size:var(--font-size-14)}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}:focus:not(:focus-visible){outline:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}button,[role=button],input,select,textarea,a[href]{min-height:44px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-canvas)}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}*{scrollbar-width:thin;scrollbar-color:var(--border-default)var(--bg-canvas)}::selection{background-color:var(--color-brand-500);color:var(--color-neutral-50)}.container{width:100%;max-width:1200px;padding-inline:var(--space-4);margin-inline:auto}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-medium{font-weight:var(--font-weight-medium)}.font-bold{font-weight:var(--font-weight-bold)}.font-black{font-weight:var(--font-weight-black)}.text-sm{font-size:var(--font-size-14)}.text-base{font-size:var(--font-size-16)}.text-lg{font-size:var(--font-size-18)}.text-xl{font-size:var(--font-size-20)}.text-2xl{font-size:var(--font-size-24)}.text-3xl{font-size:var(--font-size-32)}.text-4xl{font-size:var(--font-size-40)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-brand{color:var(--color-brand-500)}.text-accent{color:var(--color-accent-500)}.bg-canvas{background-color:var(--bg-canvas)}.bg-surface{background-color:var(--bg-surface)}.bg-elevated{background-color:var(--bg-elevated)}@media (min-width:768px){body{background-color:var(--bg-muted);background-image:radial-gradient(var(--border-default)1px,transparent 1px);background-size:20px 20px}}
#__next{min-height:100%}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--bg-elevated)25%,var(--bg-muted)50%,var(--bg-elevated)75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s infinite shimmer}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.3s ease-out forwards fadeIn}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes buttonPress{0%{box-shadow:var(--shadow-md);transform:translate(0)}50%{box-shadow:var(--shadow-none);transform:translate(2px,2px)}to{box-shadow:var(--shadow-md);transform:translate(0)}}@keyframes matchCelebrate{0%,to{transform:scale(1)rotate(0)}25%{transform:scale(1.1)rotate(-5deg)}50%{transform:scale(1.15)rotate(5deg)}75%{transform:scale(1.1)rotate(-3deg)}}.animate-match{animation:.6s ease-out matchCelebrate}.gradient-brand{background:linear-gradient(135deg,var(--color-brand-600)0%,var(--color-brand-500)50%,var(--color-brand-400)100%)}.gradient-hero{background:linear-gradient(180deg,var(--bg-canvas)0%,var(--color-brand-600)20%,var(--color-brand-500)40%,var(--bg-canvas)100%)}.gradient-accent{background:linear-gradient(135deg,var(--color-accent-600)0%,var(--color-accent-500)50%,var(--color-accent-400)100%)}.glass{-webkit-backdrop-filter:blur(12px);background:#0b0b0bcc}.text-gradient-brand{background:linear-gradient(90deg,var(--color-brand-300)0%,var(--color-brand-500)50%,var(--color-accent-500)100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}.safe-bottom{padding-bottom:env(safe-area-inset-bottom,0)}.safe-top{padding-top:env(safe-area-inset-top,0)}