:root{--color-neutral-0:#FFFFFF;--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:#FF6600;--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-900);--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:0.5rem;--font-size-10:0.625rem;--font-size-12:0.75rem;--font-size-14:0.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:-0.02em;--space-0:0;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.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:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--radius-full:9999px;--shadow-sm:3px 3px 0 0 #000000;--shadow-md:6px 6px 0 0 #000000;--shadow-lg:10px 10px 0 0 #000000;--shadow-none:none;--transition-fast:150ms ease;--transition-normal:200ms ease;--transition-slow:300ms 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:rgba(0,0,0,0.55);--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:var(--border-default);--slider-track-bg:var(--bg-muted);--slider-track-active:var(--color-brand-500);--slider-thumb-bg:var(--color-neutral-0);--slider-thumb-border:var(--border-default);--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)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;tab-size:4;font-size:16px;scroll-behavior:smooth}body,html{font-family:var(--font-sans);line-height:var(--line-height-normal)}body{min-height:100%;margin:0;overflow-x:hidden;background-color:var(--bg-canvas);color:var(--text-primary);font-size:var(--font-size-16);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}canvas,img,picture,svg,video{display:block;max-width:100%;height:auto}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:inherit;color:inherit;margin:0}[type=button],[type=reset],[type=submit],button{appearance:button;cursor:pointer}[type=button]:disabled,[type=reset]:disabled,[type=submit]:disabled,button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}ol,ul{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,p{font-size:var(--font-size-16)}p{line-height:var(--line-height-relaxed);color:var(--text-secondary)}small{font-size:var(--font-size-14)}b,strong{font-weight:var(--font-weight-bold)}code,kbd,pre,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){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}[role=button],a[href],button,input,select,textarea{min-height:44px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}::-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;margin-inline:auto;padding-inline:var(--space-4)}.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}}@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap");#__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%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s ease-out forwards}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes buttonPress{0%{transform:translate(0);box-shadow:var(--shadow-md)}50%{transform:translate(2px,2px);box-shadow:var(--shadow-none)}to{transform:translate(0);box-shadow:var(--shadow-md)}}@keyframes matchCelebrate{0%,to{transform:scale(1) rotate(0deg)}25%{transform:scale(1.1) rotate(-5deg)}50%{transform:scale(1.15) rotate(5deg)}75%{transform:scale(1.1) rotate(-3deg)}}.animate-match{animation:matchCelebrate .6s ease-out}.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{background:rgba(11,11,11,.8);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.text-gradient-brand{background:linear-gradient(90deg,var(--color-brand-300) 0,var(--color-brand-500) 50%,var(--color-accent-500) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.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)}