@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800;900&display=swap";:root{--bg-primary: #0a0a0f;--bg-secondary: #12121a;--bg-card: #1a1a2e;--bg-card-hover: #22223a;--bg-glass: rgba(26, 26, 46, .7);--bg-glass-strong: rgba(26, 26, 46, .9);--accent-blue: #00d4ff;--accent-blue-dim: rgba(0, 212, 255, .15);--accent-orange: #ff6b35;--accent-orange-dim: rgba(255, 107, 53, .15);--accent-green: #00e676;--accent-green-dim: rgba(0, 230, 118, .15);--accent-red: #ff1744;--accent-red-dim: rgba(255, 23, 68, .15);--accent-purple: #b388ff;--accent-purple-dim: rgba(179, 136, 255, .15);--accent-gold: #ffd740;--accent-gold-dim: rgba(255, 215, 64, .15);--text-primary: #f0f0f5;--text-secondary: #8888a0;--text-muted: #55556a;--border-subtle: rgba(255, 255, 255, .06);--border-glow: rgba(0, 212, 255, .3);--rarity-common: #8888a0;--rarity-uncommon: #00e676;--rarity-rare: #00d4ff;--rarity-epic: #b388ff;--rarity-legendary: #ffd740;--rarity-mythic: #ff1744;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 20px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 40px rgba(0, 0, 0, .5);--shadow-glow-blue: 0 0 20px rgba(0, 212, 255, .3);--shadow-glow-orange: 0 0 20px rgba(255, 107, 53, .3);--shadow-glow-gold: 0 0 20px rgba(255, 215, 64, .3);--font-family: "Outfit", system-ui, -apple-system, sans-serif;--font-xs: .75rem;--font-sm: .875rem;--font-md: 1rem;--font-lg: 1.25rem;--font-xl: 1.5rem;--font-2xl: 2rem;--font-3xl: 2.5rem;--font-4xl: 3.5rem;--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--navbar-width: 240px;--navbar-collapsed: 70px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-family);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}#root{min-height:100vh}a{color:var(--accent-blue);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-orange)}img{max-width:100%;display:block}button{font-family:var(--font-family);cursor:pointer;border:none;outline:none}input,select,textarea{font-family:var(--font-family);outline:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.glass{background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle)}.glass-strong{background:var(--bg-glass-strong);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid var(--border-subtle)}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-lg);transition:all var(--transition-normal)}.card:hover{background:var(--bg-card-hover);border-color:var(--border-glow);box-shadow:var(--shadow-glow-blue);transform:translateY(-2px)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:.75rem 1.5rem;min-height:44px;border-radius:var(--radius-md);font-weight:600;font-size:var(--font-sm);transition:all var(--transition-normal);position:relative;overflow:hidden}.btn:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 50%);opacity:0;transition:opacity var(--transition-fast)}.btn:hover:after{opacity:1}.btn-primary{background:linear-gradient(135deg,var(--accent-blue) 0%,#0099cc 100%);color:var(--bg-primary)}.btn-primary:hover{box-shadow:var(--shadow-glow-blue);transform:translateY(-2px)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-subtle)}.btn-secondary:hover{border-color:var(--accent-blue);box-shadow:var(--shadow-glow-blue)}.btn-danger{background:linear-gradient(135deg,var(--accent-red) 0%,#cc0033 100%);color:#fff}.btn-danger:hover{box-shadow:0 0 20px #ff17444d;transform:translateY(-2px)}.btn-ghost{background:transparent;color:var(--text-secondary);padding:.5rem 1rem;min-height:44px}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-card)}.btn-sm{padding:.5rem 1rem;min-height:44px;font-size:var(--font-xs)}.input{width:100%;padding:.75rem 1rem;min-height:44px;background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--font-md);transition:all var(--transition-fast)}.input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px var(--accent-blue-dim)}.input::placeholder{color:var(--text-muted)}.app-layout{display:flex;min-height:100vh}.main-content{flex:1;padding:var(--space-md);padding-bottom:80px;min-height:100vh;transition:margin-left var(--transition-slow)}@media(min-width:769px){.main-content{margin-left:var(--navbar-width);padding:var(--space-xl);padding-bottom:var(--space-xl)}}.page-header{margin-bottom:var(--space-xl)}.page-header h1{font-size:var(--font-3xl);font-weight:800;background:linear-gradient(135deg,var(--text-primary) 0%,var(--accent-blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.page-header p{color:var(--text-secondary);margin-top:var(--space-sm);font-size:var(--font-lg)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:var(--space-lg);margin-bottom:var(--space-xl)}.car-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes glow{0%,to{box-shadow:0 0 5px #00d4ff4d}50%{box-shadow:0 0 20px #00d4ff99}}@keyframes scanLine{0%{top:0}to{top:100%}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes countUp{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-fade-in-up{animation:fadeInUp .5s ease forwards}.animate-fade-in{animation:fadeIn .4s ease forwards}.animate-slide-in-left{animation:slideInLeft .4s ease forwards}.stagger-children>*{opacity:0;animation:fadeInUp .4s ease forwards}.stagger-children>*:nth-child(1){animation-delay:.05s}.stagger-children>*:nth-child(2){animation-delay:.1s}.stagger-children>*:nth-child(3){animation-delay:.15s}.stagger-children>*:nth-child(4){animation-delay:.2s}.stagger-children>*:nth-child(5){animation-delay:.25s}.stagger-children>*:nth-child(6){animation-delay:.3s}.stagger-children>*:nth-child(7){animation-delay:.35s}.stagger-children>*:nth-child(8){animation-delay:.4s}.rarity-common{color:var(--rarity-common)}.rarity-uncommon{color:var(--rarity-uncommon)}.rarity-rare{color:var(--rarity-rare)}.rarity-epic{color:var(--rarity-epic)}.rarity-legendary{color:var(--rarity-legendary)}.rarity-mythic{color:var(--rarity-mythic)}.empty-state{text-align:center;padding:var(--space-3xl) var(--space-xl);color:var(--text-secondary)}.empty-state .empty-icon{font-size:4rem;margin-bottom:var(--space-lg);opacity:.5}.empty-state h3{font-size:var(--font-xl);color:var(--text-primary);margin-bottom:var(--space-sm)}.empty-state p{max-width:400px;margin:0 auto var(--space-lg)}.leaflet-container{background:var(--bg-primary)!important;border-radius:var(--radius-lg);font-family:var(--font-family)!important}.leaflet-popup-content-wrapper{background:var(--bg-card)!important;color:var(--text-primary)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-lg)!important;border:1px solid var(--border-subtle)!important}.leaflet-popup-tip{background:var(--bg-card)!important}.leaflet-popup-content{margin:12px 16px!important;font-family:var(--font-family)!important}.navbar{position:fixed;inset:auto 0 0;width:100%;background:var(--bg-secondary);border-top:1px solid var(--border-subtle);display:flex;flex-direction:row;padding:0;z-index:100}.navbar-brand,.navbar-user,.navbar-desktop{display:none}.navbar-mobile{flex:1;display:flex;flex-direction:row;align-items:flex-end;justify-content:space-around;width:100%;padding:0;padding-bottom:env(safe-area-inset-bottom,0)}.nav-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:8px 0 6px;flex:1;color:var(--text-muted);font-weight:500;font-size:9px;transition:color .2s;text-decoration:none;position:relative;-webkit-tap-highlight-color:transparent;border:none;background:none}.nav-link:before{display:none}.nav-link:hover,.nav-link:active{color:var(--text-primary)}.nav-link.active{color:var(--accent-blue)}.nav-link.active:after{content:"";position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:4px;height:4px;background:var(--accent-blue);border-radius:50%}.nav-icon{font-size:1.3rem;width:28px;height:28px;display:flex;align-items:center;justify-content:center;line-height:1}.nav-label{font-size:10px;font-weight:600;white-space:nowrap;line-height:1;letter-spacing:.2px}.nav-link.nav-center{position:relative;bottom:10px;padding:0 0 6px}.nav-link.nav-center:after{display:none}.nav-center-ring{width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-blue),#0284c7);border-radius:50%;box-shadow:0 4px 16px #0ea5e959;transition:transform .2s,box-shadow .2s}.nav-link.nav-center:active .nav-center-ring{transform:scale(.92)}.nav-center-ring .nav-icon{font-size:1.5rem;color:#fff;filter:brightness(1.2)}.nav-link.nav-center .nav-label{margin-top:4px;color:var(--accent-blue);font-weight:700}.nav-avatar-mini{width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;background:var(--bg-tertiary);border-radius:50%;border:2px solid var(--border-subtle);transition:border-color .2s}.nav-link.active .nav-avatar-mini{border-color:var(--accent-blue)}@media(min-width:769px){.navbar{position:fixed;inset:0 auto 0 0;width:var(--navbar-width);height:auto;flex-direction:column;padding:var(--space-lg) var(--space-md);border-right:1px solid var(--border-subtle);border-top:none}.navbar-brand,.navbar-user{display:flex}.navbar-mobile{display:none}.navbar-desktop{display:flex;flex:1;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0}.nav-link{flex-direction:row;gap:var(--space-md);padding:12px 16px;font-size:var(--font-sm);flex:initial;border-radius:var(--radius-md);justify-content:flex-start}.nav-link.active:after{display:none}.nav-link:before{display:block;content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent-blue);border-radius:0 var(--radius-sm) var(--radius-sm) 0;transform:scaleY(0);transition:transform var(--transition-normal)}.nav-link.active:before{transform:scaleY(1)}.nav-icon{font-size:1.2rem;width:28px}.nav-label{font-size:var(--font-sm)}.navbar-brand{padding:var(--space-md) var(--space-sm);margin-bottom:var(--space-xl)}.navbar-logo{display:flex;align-items:center;gap:var(--space-md)}.logo-image{height:160px;width:auto;object-fit:contain}.logo-text{font-size:var(--font-xl);font-weight:800;background:linear-gradient(135deg,var(--accent-blue) 0%,var(--accent-orange) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.navbar-user{border-top:1px solid var(--border-subtle);padding-top:var(--space-lg);flex-direction:column;gap:var(--space-sm)}.user-info{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-sm)}.user-avatar{font-size:1.5rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border-radius:var(--radius-full);border:2px solid var(--border-subtle)}.user-name{font-weight:600;font-size:var(--font-sm);color:var(--text-primary)}}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.login-bg{position:absolute;inset:0;z-index:0}.login-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(0,212,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,212,255,.03) 1px,transparent 1px);background-size:60px 60px}.login-glow{position:absolute;border-radius:50%;filter:blur(120px);opacity:.4}.login-glow-1{width:500px;height:500px;background:var(--accent-blue);top:-200px;right:-100px;animation:float 8s ease-in-out infinite}.login-glow-2{width:400px;height:400px;background:var(--accent-orange);bottom:-150px;left:-100px;animation:float 6s ease-in-out infinite reverse}.login-container{position:relative;z-index:1;width:100%;max-width:420px;padding:var(--space-2xl);background:var(--bg-glass-strong);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);margin:var(--space-lg)}.login-header{text-align:center;margin-bottom:var(--space-xl)}.login-logo-img{height:140px;width:auto;object-fit:contain;margin-bottom:var(--space-lg)}.login-title{font-size:var(--font-4xl);font-weight:900;background:linear-gradient(135deg,var(--accent-blue) 0%,var(--accent-orange) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1}.login-subtitle{color:var(--text-secondary);margin-top:var(--space-sm);font-size:var(--font-md)}.login-form{display:flex;flex-direction:column;gap:var(--space-md)}.form-group{display:flex;flex-direction:column;gap:var(--space-xs)}.form-group label{font-size:var(--font-sm);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.login-error{padding:10px 14px;background:var(--accent-red-dim);border:1px solid rgba(255,23,68,.3);border-radius:var(--radius-md);color:var(--accent-red);font-size:var(--font-sm);text-align:center}.login-btn{width:100%;padding:14px;font-size:var(--font-md);font-weight:700;margin-top:var(--space-sm)}.login-demo-hint{padding:var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-md);text-align:center}.login-demo-hint p{font-size:var(--font-xs);color:var(--text-muted);margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:.5px}.demo-btn{display:block;width:100%;padding:8px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--font-sm);cursor:pointer;transition:all var(--transition-fast);margin-bottom:var(--space-xs)}.demo-btn:hover{background:var(--bg-card-hover);color:var(--text-primary);border-color:var(--accent-blue)}.login-toggle{text-align:center;margin-top:var(--space-md)}.login-toggle a{color:var(--text-secondary);font-size:var(--font-sm)}.login-toggle a:hover{color:var(--accent-blue)}.input-hint{font-size:var(--font-xs);color:var(--text-muted);margin-top:2px}.forgot-password-link{font-size:var(--font-xs);color:var(--text-muted);text-align:right;margin-top:4px;transition:color var(--transition-fast)}.forgot-password-link:hover{color:var(--accent-blue)}.forgot-success{text-align:center;padding:var(--space-xl) var(--space-md)}.forgot-success-icon{font-size:3rem;margin-bottom:var(--space-md)}.forgot-success p{color:var(--text-secondary);font-size:var(--font-sm);line-height:1.6}.car-card{position:relative;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all var(--transition-normal);animation:fadeInUp .5s ease forwards;opacity:0}.car-card:hover{transform:translateY(-6px) scale(1.02);border-color:var(--rarity-color, var(--border-glow));box-shadow:0 8px 30px #0006,0 0 20px color-mix(in srgb,var(--rarity-color) 30%,transparent)}.car-card-image{position:relative;height:180px;overflow:hidden}.car-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.car-card:hover .car-card-image img{transform:scale(1.1)}.car-card-rarity{position:absolute;top:12px;right:12px;padding:4px 10px;border-radius:var(--radius-full);font-size:var(--font-xs);font-weight:700;color:var(--bg-primary)}.car-card-tier{position:absolute;top:12px;left:12px;font-size:var(--font-xs);font-weight:700;text-transform:uppercase;letter-spacing:1px;text-shadow:0 1px 4px rgba(0,0,0,.8)}.car-card-body{padding:var(--space-md)}.car-card-title{font-size:var(--font-md);font-weight:700;margin-bottom:var(--space-xs);line-height:1.3}.car-card-meta{display:flex;gap:var(--space-sm);margin-bottom:var(--space-sm)}.car-card-year{font-size:var(--font-xs);color:var(--text-secondary);background:var(--bg-secondary);padding:2px 8px;border-radius:var(--radius-full)}.car-card-category{font-size:var(--font-xs);color:var(--accent-blue);background:var(--accent-blue-dim);padding:2px 8px;border-radius:var(--radius-full)}.car-card-location{font-size:var(--font-xs);color:var(--text-secondary);margin-bottom:2px}.car-card-date{font-size:var(--font-xs);color:var(--text-muted)}.car-card-glow{position:absolute;inset:0;border-radius:var(--radius-lg);opacity:0;transition:opacity var(--transition-normal);background:radial-gradient(circle at center,color-mix(in srgb,var(--rarity-color) 10%,transparent),transparent 70%);pointer-events:none}.car-card:hover .car-card-glow{opacity:1}.dashboard-hud{background:linear-gradient(135deg,var(--bg-card) 0%,rgba(0,212,255,.05) 100%);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-xl);margin-bottom:var(--space-xl);display:flex;justify-content:space-between;align-items:center;gap:var(--space-lg);flex-wrap:wrap}.hud-welcome{display:flex;align-items:center;gap:var(--space-lg)}.hud-avatar{font-size:3rem;width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:var(--radius-full);border:2px solid var(--accent-blue);box-shadow:var(--shadow-glow-blue)}.hud-greeting{font-size:var(--font-2xl);font-weight:800}.hud-subtitle{color:var(--text-secondary);font-size:var(--font-md)}.hud-level{text-align:right;min-width:200px}.level-badge{display:inline-block;margin-bottom:var(--space-sm)}.level-number{background:linear-gradient(135deg,var(--accent-gold) 0%,var(--accent-orange) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:var(--font-xl);font-weight:900;letter-spacing:2px}.xp-bar{height:8px;background:var(--bg-secondary);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-xs)}.xp-fill{height:100%;background:linear-gradient(90deg,var(--accent-blue),var(--accent-purple));border-radius:var(--radius-full);transition:width 1s ease;animation:glow 2s ease-in-out infinite}.xp-text{font-size:var(--font-xs);color:var(--text-muted)}.dashboard-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-md);margin-bottom:var(--space-xl)}.action-card{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);text-decoration:none;color:var(--text-primary)}.action-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.action-upload:hover{border-color:var(--accent-blue);box-shadow:var(--shadow-glow-blue)}.action-map:hover{border-color:var(--accent-green);box-shadow:0 0 20px #00e67633}.action-wishlist:hover{border-color:var(--accent-gold);box-shadow:var(--shadow-glow-gold)}.action-showcase:hover{border-color:var(--accent-purple, #a855f7);box-shadow:0 0 20px #a855f733}.action-icon{font-size:2rem;flex-shrink:0}.action-card h3{font-size:var(--font-md);font-weight:700}.action-card p{font-size:var(--font-xs);color:var(--text-secondary)}.action-arrow{margin-left:auto;font-size:var(--font-xl);color:var(--text-muted);transition:transform var(--transition-fast)}.action-card:hover .action-arrow{transform:translate(4px);color:var(--accent-blue)}.section-title{font-size:var(--font-xl);font-weight:700;margin-bottom:var(--space-lg)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.section-header .section-title{margin-bottom:0}.dashboard-rarest{margin-bottom:var(--space-xl)}.rarest-card{display:flex;gap:var(--space-xl);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-normal)}.rarest-card:hover{border-color:var(--rarity-color);box-shadow:0 0 30px color-mix(in srgb,var(--rarity-color) 20%,transparent)}.rarest-image{width:280px;height:180px;object-fit:cover;flex-shrink:0}.rarest-info{padding:var(--space-xl);display:flex;flex-direction:column;justify-content:center}.rarest-info h3{font-size:var(--font-xl);font-weight:700;margin-bottom:var(--space-sm)}.rarest-tier{font-weight:800;font-size:var(--font-lg);letter-spacing:1px;text-transform:uppercase;margin-bottom:var(--space-sm)}.rarest-location{color:var(--text-secondary);font-size:var(--font-sm)}.dashboard-recent{margin-bottom:var(--space-xl)}.hud-welcome{flex-direction:column;text-align:center}.hud-level{text-align:center;width:100%}.rarest-card{flex-direction:column}.rarest-image{width:100%;height:200px}@media(min-width:769px){.hud-welcome{flex-direction:row;text-align:left}.hud-level{text-align:right;width:auto;min-width:200px}.rarest-card{flex-direction:row}.rarest-image{width:280px;height:180px}}.upload-zone{border:2px dashed var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-3xl);text-align:center;cursor:pointer;transition:all var(--transition-normal);background:var(--bg-card)}.upload-zone:hover,.upload-zone.drag-active{border-color:var(--accent-blue);background:var(--accent-blue-dim);box-shadow:var(--shadow-glow-blue)}.upload-zone-content{pointer-events:none}.upload-icon{font-size:4rem;margin-bottom:var(--space-lg);animation:float 3s ease-in-out infinite}.upload-zone h3{font-size:var(--font-xl);font-weight:700;margin-bottom:var(--space-sm)}.upload-zone p{color:var(--text-secondary)}.upload-hint{font-size:var(--font-xs)!important;color:var(--text-muted)!important;margin-top:var(--space-md)}.upload-preview-container{display:grid;grid-template-columns:1fr;gap:var(--space-xl);align-items:start}@media(min-width:901px){.upload-preview-container{grid-template-columns:1fr 1fr}}.upload-preview{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.preview-image-wrapper{position:relative;overflow:hidden}.preview-image{width:100%;height:350px;object-fit:cover}.preview-actions{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-sm)}.scan-overlay{position:absolute;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center}.scan-line{position:absolute;left:10%;right:10%;height:2px;background:var(--accent-blue);box-shadow:0 0 10px var(--accent-blue),0 0 30px var(--accent-blue);animation:scanLine 2s linear infinite}.scan-corners{position:absolute;inset:20px}.scan-corner{position:absolute;width:30px;height:30px;border-color:var(--accent-blue);border-style:solid;border-width:0}.scan-corner.tl{top:0;left:0;border-top-width:3px;border-left-width:3px}.scan-corner.tr{top:0;right:0;border-top-width:3px;border-right-width:3px}.scan-corner.bl{bottom:0;left:0;border-bottom-width:3px;border-left-width:3px}.scan-corner.br{bottom:0;right:0;border-bottom-width:3px;border-right-width:3px}.scan-text{position:relative;z-index:1;display:flex;align-items:center;gap:var(--space-sm);color:var(--accent-blue);font-weight:700;font-size:var(--font-lg);text-shadow:0 0 10px rgba(0,212,255,.5)}.scan-spinner{width:20px;height:20px;border:2px solid transparent;border-top-color:var(--accent-blue);border-radius:50%;animation:spin .8s linear infinite}.analysis-result{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-xl)}.result-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-subtle)}.result-header h2{font-size:var(--font-xl);font-weight:700}.result-confidence{font-size:var(--font-sm);color:var(--accent-green);background:var(--accent-green-dim);padding:4px 12px;border-radius:var(--radius-full);font-weight:600}.result-car-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg);flex-wrap:wrap;gap:var(--space-md)}.result-car-name h3{font-size:var(--font-2xl);font-weight:800}.result-year{font-size:var(--font-sm);color:var(--text-secondary)}.result-details{display:flex;flex-direction:column;gap:var(--space-sm);margin-bottom:var(--space-lg)}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-sm) 0;border-bottom:1px solid var(--border-subtle)}.detail-label{color:var(--text-secondary);font-size:var(--font-sm)}.detail-value{font-weight:600}.rarity-meter{margin-bottom:var(--space-xl)}.rarity-meter-label{font-size:var(--font-sm);color:var(--text-secondary);margin-bottom:var(--space-sm)}.rarity-meter-bar{height:12px;background:var(--bg-secondary);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-xs)}.rarity-meter-fill{height:100%;border-radius:var(--radius-full);transition:width 1.5s ease;box-shadow:0 0 10px #00d4ff4d}.rarity-meter-scale{display:flex;justify-content:space-between;font-size:var(--font-xs);color:var(--text-muted)}.result-actions{display:flex;flex-direction:column;gap:var(--space-sm)}.saved-message{text-align:center;padding:14px;background:var(--accent-green-dim);border:1px solid rgba(0,230,118,.3);border-radius:var(--radius-md);color:var(--accent-green);font-weight:700;animation:fadeInUp .3s ease}.share-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--bg-tertiary, #2a2a3d);border:1px solid var(--border, #3a3a5c);border-radius:8px;color:var(--text-secondary, #a0a0b0);cursor:pointer;font-size:.85rem;font-family:inherit;transition:all .2s}.share-btn:hover{background:var(--accent-blue, #0ea5e9);color:#fff;border-color:var(--accent-blue, #0ea5e9)}.share-btn.copied{background:var(--accent-green, #22c55e);color:#fff;border-color:var(--accent-green, #22c55e)}.collection-filters{display:flex;gap:var(--space-md);margin-bottom:var(--space-xl);flex-wrap:wrap}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-lg)}.modal-content{position:relative;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);overflow:hidden;max-width:500px;width:100%;max-height:90vh;overflow-y:auto}.modal-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:var(--radius-full);background:#0009;color:#fff;border:none;cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;z-index:1;transition:background var(--transition-fast)}.modal-close:hover{background:#ff1744cc}.modal-image{width:100%;height:280px;object-fit:cover}.modal-body{padding:var(--space-xl)}.modal-body h2{font-size:var(--font-xl);font-weight:800;margin-bottom:var(--space-sm)}.wishlist-add-section{margin-bottom:var(--space-xl)}.wishlist-search{margin-top:var(--space-md)}.search-results{margin-top:var(--space-md);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.search-result-item{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md);border-bottom:1px solid var(--border-subtle);transition:background var(--transition-fast)}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:var(--bg-card-hover)}.search-thumb{width:60px;height:45px;object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0}.search-info{flex:1;display:flex;flex-direction:column}.search-name{font-weight:600;font-size:var(--font-sm)}.search-meta{font-size:var(--font-xs);color:var(--text-secondary)}.search-count{font-size:var(--font-sm);color:var(--text-muted);margin-bottom:8px;padding:0 4px}.search-no-results{text-align:center;padding:var(--space-lg);color:var(--text-muted)}.wishlist-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-lg)}.wishlist-card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-normal)}.wishlist-card:hover{border-color:var(--rarity-color);box-shadow:0 4px 20px #0000004d;transform:translateY(-3px)}.wishlist-card.spotted{border-color:var(--accent-green);box-shadow:0 0 15px var(--accent-green-dim)}.wishlist-card-image{position:relative;height:160px;overflow:hidden}.wishlist-card-image img{width:100%;height:100%;object-fit:cover}.spotted-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#00e676e6;color:var(--bg-primary);padding:8px 24px;border-radius:var(--radius-full);font-weight:800;font-size:var(--font-md);letter-spacing:2px;box-shadow:0 0 20px #00e67680}.wishlist-card-body{padding:var(--space-md)}.wishlist-card-body h3{font-size:var(--font-md);font-weight:700;margin-bottom:var(--space-sm)}.wishlist-card-meta{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);color:var(--text-secondary);font-size:var(--font-sm)}.wishlist-card-category{font-size:var(--font-xs);color:var(--text-muted);display:block;margin-bottom:var(--space-sm)}.wishlist-remove{color:var(--text-muted)!important;font-size:var(--font-xs)!important}.wishlist-remove:hover{color:var(--accent-red)!important}.podium{display:flex;align-items:flex-end;justify-content:center;gap:var(--space-lg);margin-bottom:var(--space-xl);padding:var(--space-xl) 0}.podium-place{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);text-align:center;position:relative}.podium-crown{font-size:2rem;animation:float 2s ease-in-out infinite}.podium-avatar{font-size:2rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg-card);border-radius:50%;border:2px solid var(--border-subtle)}.podium-avatar.large{font-size:2.5rem;width:60px;height:60px;border-color:var(--accent-gold);box-shadow:var(--shadow-glow-gold)}.podium-medal{font-size:1.5rem}.podium-name{font-weight:700;font-size:var(--font-sm)}.podium-points{font-size:var(--font-xs);color:var(--accent-gold);font-weight:600}.podium-bar{width:100px;background:linear-gradient(180deg,var(--bg-card-hover) 0%,var(--bg-card) 100%);border:1px solid var(--border-subtle);border-radius:var(--radius-md) var(--radius-md) 0 0;display:flex;align-items:flex-end;justify-content:center;padding-bottom:var(--space-md);margin-top:var(--space-sm)}.podium-bar.gold{background:linear-gradient(180deg,rgba(255,215,64,.1) 0%,var(--bg-card) 100%);border-color:#ffd74033}.podium-rank{font-size:var(--font-2xl);font-weight:900;color:var(--text-muted)}.rankings{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.rankings .section-title{padding:var(--space-lg) var(--space-lg) 0}.rankings-header{display:grid;grid-template-columns:50px 1fr 80px 80px 80px 1.5fr;padding:var(--space-md) var(--space-lg);font-size:var(--font-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600;border-bottom:1px solid var(--border-subtle)}.rankings-row{display:grid;grid-template-columns:50px 1fr 80px 80px 80px 1.5fr;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-subtle);align-items:center;font-size:var(--font-sm);transition:background var(--transition-fast)}.rankings-row:last-child{border-bottom:none}.rankings-row:hover{background:var(--bg-card-hover)}.rankings-row.top-three{background:#ffd74008}.rank-col{font-weight:700;font-size:var(--font-md)}.user-col{display:flex;align-items:center;gap:var(--space-sm);font-weight:600}.rank-avatar{font-size:1.3rem}.spots-col,.points-col,.level-col{text-align:center}.level-col{color:var(--accent-blue);font-weight:600}.rarest-col{color:var(--text-secondary);font-size:var(--font-xs)}.podium-bar{width:70px}.rankings-header,.rankings-row{grid-template-columns:40px 1fr 60px 60px}.level-col,.rarest-col{display:none}@media(min-width:769px){.podium-bar{width:100px}.rankings-header,.rankings-row{grid-template-columns:50px 1fr 80px 80px 80px 1.5fr}.level-col,.rarest-col{display:block}}.admin-table-container{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.admin-table-toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);gap:var(--space-md);flex-wrap:wrap}.admin-table-toolbar .section-title{margin:0;white-space:nowrap}.admin-search{max-width:280px;padding:10px 14px;font-size:var(--font-sm)}.admin-table-header{display:grid;grid-template-columns:2fr 90px 70px 70px 90px 70px 110px 70px;padding:var(--space-md) var(--space-lg);font-size:var(--font-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600;border-bottom:1px solid var(--border-subtle)}.admin-table-row{display:grid;grid-template-columns:2fr 90px 70px 70px 90px 70px 110px 70px;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-subtle);align-items:center;font-size:var(--font-sm);transition:background var(--transition-fast)}.admin-table-row:last-child{border-bottom:none}.admin-table-row:hover{background:var(--bg-card-hover)}.admin-user-cell{display:flex;align-items:center;gap:var(--space-md)}.admin-avatar{font-size:1.5rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:var(--radius-full);flex-shrink:0}.admin-username{font-weight:600;display:block}.admin-email{font-size:var(--font-xs);color:var(--text-muted);display:block}.role-badge{font-size:var(--font-xs);padding:3px 10px;border-radius:var(--radius-full);font-weight:600}.role-badge.admin{background:var(--accent-gold-dim);color:var(--accent-gold)}.role-badge.user{background:var(--accent-blue-dim);color:var(--accent-blue)}.admin-stat{text-align:center;font-weight:500}.admin-stat.points{color:var(--accent-gold);font-weight:700}.admin-stat.level{color:var(--accent-blue);font-weight:700}.admin-date{font-size:var(--font-xs);color:var(--text-secondary)}.admin-actions{text-align:center}.admin-action-btn{font-size:1.1rem;padding:6px 10px;min-height:32px}.admin-action-btn:hover{background:var(--accent-blue-dim)}.admin-empty{padding:var(--space-xl);text-align:center;color:var(--text-muted);font-size:var(--font-sm)}.admin-pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-lg);border-top:1px solid var(--border-subtle)}.admin-page-numbers{display:flex;gap:4px}.admin-page-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);font-size:var(--font-sm);font-weight:600;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent}.admin-page-btn:hover{background:var(--bg-card-hover);color:var(--text-primary)}.admin-page-btn.active{background:var(--accent-blue-dim);color:var(--accent-blue);border-color:var(--accent-blue)}.admin-toast{padding:12px 20px;background:var(--accent-green-dim);border:1px solid rgba(0,230,118,.3);border-radius:var(--radius-md);color:var(--accent-green);font-size:var(--font-sm);font-weight:600;text-align:center;margin-bottom:var(--space-lg)}.admin-modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-lg)}.admin-modal{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--space-xl);width:100%;max-width:420px;box-shadow:var(--shadow-lg)}.admin-modal h3{font-size:var(--font-xl);margin-bottom:var(--space-lg)}.admin-modal-user{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--bg-secondary);border-radius:var(--radius-md);margin-bottom:var(--space-lg);font-size:var(--font-sm)}.admin-modal-user span{color:var(--text-muted);font-size:var(--font-xs);margin-left:auto}.admin-modal-actions{display:flex;justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-lg)}.admin-modal-actions .btn:disabled{opacity:.4;cursor:not-allowed}.admin-tabs{display:flex;gap:var(--space-xs);margin-bottom:var(--space-xl);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--space-xs)}.admin-tab{flex:1;padding:12px 20px;border-radius:var(--radius-md);font-weight:600;font-size:var(--font-sm);color:var(--text-secondary);background:transparent;cursor:pointer;transition:all var(--transition-fast);min-height:44px;display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.admin-tab:hover{color:var(--text-primary);background:var(--bg-card-hover)}.admin-tab.active{color:var(--accent-blue);background:var(--accent-blue-dim)}.audit-table-header{display:grid;grid-template-columns:120px 1.5fr 1.5fr 80px 100px;padding:var(--space-md) var(--space-lg);font-size:var(--font-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-weight:600;border-bottom:1px solid var(--border-subtle)}.audit-table-row{display:grid;grid-template-columns:120px 1.5fr 1.5fr 80px 100px;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--border-subtle);align-items:center;font-size:var(--font-sm);transition:background var(--transition-fast)}.audit-table-row:last-child{border-bottom:none}.audit-table-row:hover{background:var(--bg-card-hover)}.audit-table-row.overridden{border-left:3px solid var(--accent-orange)}.audit-table-row.accurate{border-left:3px solid var(--accent-green)}.admin-table-header,.admin-table-row{grid-template-columns:1.5fr 80px 60px 60px 80px 60px}.admin-table-header>:nth-child(7),.admin-table-header>:nth-child(8),.admin-table-row>:nth-child(7),.admin-table-row>:nth-child(8){display:none}.admin-table-toolbar{flex-direction:column;align-items:stretch}.admin-search{max-width:100%}@media(min-width:901px){.admin-table-header,.admin-table-row{grid-template-columns:2fr 90px 70px 70px 90px 70px 110px 70px}.admin-table-header>:nth-child(7),.admin-table-header>:nth-child(8),.admin-table-row>:nth-child(7),.admin-table-row>:nth-child(8){display:block}.admin-table-toolbar{flex-direction:row;align-items:center}.admin-search{max-width:280px}}.how-it-works-page{padding:24px;max-width:960px;margin:0 auto}.guide-section{margin-bottom:40px}.section-title{font-size:var(--font-xl);font-weight:800;margin-bottom:12px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-desc{color:var(--text-secondary);margin-bottom:20px;line-height:1.6}.guide-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:28px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.highlight-card{border-left:4px solid var(--accent-primary)}.highlight-card h2{font-size:var(--font-xl);margin-bottom:12px}.highlight-card p{color:var(--text-secondary);line-height:1.7;font-size:var(--font-md)}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}.step-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:24px;text-align:center;transition:transform .2s,box-shadow .2s}.step-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000004d}.step-number{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;display:flex;align-items:center;justify-content:center;font-size:var(--font-xl);font-weight:900;margin:0 auto 16px}.step-card h3{margin-bottom:8px;font-size:var(--font-md)}.step-card p{color:var(--text-secondary);font-size:var(--font-sm);line-height:1.5}.scoring-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}.scoring-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:24px}.scoring-icon{font-size:32px;margin-bottom:12px}.scoring-card h3{margin-bottom:4px;font-size:var(--font-lg)}.scoring-range{color:var(--accent-primary);font-weight:700;font-size:var(--font-sm);margin-bottom:16px}.scoring-card ul{list-style:none;padding:0;margin:0}.scoring-card li{padding:6px 0;font-size:var(--font-sm);color:var(--text-secondary);border-bottom:1px solid rgba(255,255,255,.04)}.scoring-card li:last-child{border-bottom:none}.tier-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px;vertical-align:middle}.tier-dot.mythic{background:var(--rarity-mythic)}.tier-dot.legendary{background:var(--rarity-legendary)}.tier-dot.epic{background:var(--rarity-epic)}.tier-dot.rare{background:var(--rarity-rare)}.tier-dot.uncommon{background:var(--rarity-uncommon)}.tier-dot.common{background:var(--rarity-common)}.tag{display:inline-block;background:var(--rarity-mythic);color:#fff;padding:2px 8px;border-radius:10px;font-size:10px;font-weight:700;margin-left:4px;vertical-align:middle}.tiers-table-container{overflow-x:auto}.tiers-table{width:100%;border-collapse:collapse;border-radius:var(--radius-lg);overflow:hidden}.tiers-table th{background:#ffffff0f;padding:14px 16px;text-align:left;font-size:var(--font-sm);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.tiers-table td{padding:14px 16px;font-size:var(--font-sm);color:var(--text-secondary);border-bottom:1px solid rgba(255,255,255,.04)}.tier-row:hover{background:#ffffff08}.tier-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-weight:700;font-size:13px}.mythic-badge{background:#ff323226;color:var(--rarity-mythic)}.legendary-badge{background:#ffc83226;color:var(--rarity-legendary)}.epic-badge{background:#a05aff26;color:var(--rarity-epic)}.rare-badge{background:#3c8cff26;color:var(--rarity-rare)}.uncommon-badge{background:#3cd27826;color:var(--rarity-uncommon)}.common-badge{background:#b4b4b426;color:var(--rarity-common)}.level-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}.level-info-card{text-align:center;padding:20px}.level-icon{font-size:36px;margin-bottom:12px}.level-info-card h3{margin-bottom:8px}.level-info-card p{color:var(--text-secondary);font-size:var(--font-sm);line-height:1.5}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.tip-card{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:20px;transition:transform .2s,border-color .2s}.tip-card:hover{transform:translateY(-3px);border-color:var(--accent-primary)}.tip-icon{font-size:28px;margin-bottom:10px}.tip-card h3{font-size:var(--font-md);margin-bottom:6px}.tip-card p{color:var(--text-secondary);font-size:var(--font-sm);line-height:1.5}.how-it-works-page{padding:16px}.scoring-grid,.steps-grid,.tips-grid,.level-info-grid{grid-template-columns:1fr}.tiers-table td,.tiers-table th{padding:10px 12px;font-size:12px}@media(min-width:769px){.how-it-works-page{padding:24px}.scoring-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.steps-grid,.tips-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.level-info-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.tiers-table td,.tiers-table th{padding:14px 16px;font-size:var(--font-sm)}}.public-page{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);padding:0}.public-nav{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.public-nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--text-primary);font-weight:700;font-size:1.1rem}.public-nav-logo img{height:32px;border-radius:6px}.public-nav-cta{background:var(--accent-blue);color:#fff;padding:8px 20px;border-radius:8px;text-decoration:none;font-weight:600;font-size:.85rem;transition:transform .2s,box-shadow .2s}.public-nav-cta:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0ea5e966}.public-spot-hero{max-width:600px;margin:40px auto;padding:0 20px}.public-spot-card{background:var(--bg-secondary);border-radius:16px;overflow:hidden;border:1px solid var(--border);box-shadow:0 8px 32px #0000004d}.public-spot-image{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.public-spot-info{padding:20px 24px}.public-spot-title{font-size:1.5rem;font-weight:700;margin:0 0 4px}.public-spot-meta{display:flex;gap:12px;color:var(--text-secondary);font-size:.85rem;margin-bottom:16px;flex-wrap:wrap}.public-spot-rarity{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-weight:700;font-size:.85rem}.public-spot-spotter{display:flex;align-items:center;gap:8px;padding-top:16px;border-top:1px solid var(--border);font-size:.9rem;color:var(--text-secondary)}.public-spot-spotter .avatar{font-size:1.3rem}.public-spot-watermark{text-align:center;padding:12px;color:var(--text-muted);font-size:.75rem;letter-spacing:.5px}.public-profile-hero{max-width:700px;margin:40px auto;padding:0 20px}.public-profile-header{text-align:center;padding:32px 24px;background:var(--bg-secondary);border-radius:16px;border:1px solid var(--border);margin-bottom:24px}.public-profile-avatar{font-size:3.5rem;margin-bottom:12px}.public-profile-name{font-size:1.6rem;font-weight:700;margin:0 0 4px}.public-profile-joined{color:var(--text-muted);font-size:.85rem}.public-profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}.public-profile-stat{text-align:center}.public-profile-stat-value{font-size:1.4rem;font-weight:700;color:var(--accent-blue)}.public-profile-stat-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.public-profile-spots{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}.public-profile-spot-card{background:var(--bg-secondary);border-radius:12px;overflow:hidden;border:1px solid var(--border);transition:transform .2s}.public-profile-spot-card:hover{transform:translateY(-2px)}.public-profile-spot-img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.public-profile-spot-info{padding:12px}.public-profile-spot-name{font-weight:600;font-size:.9rem;margin-bottom:4px}.public-profile-spot-rarity{font-size:.75rem;color:var(--text-secondary)}.sotd-hero{max-width:650px;margin:40px auto;padding:0 20px}.sotd-badge{text-align:center;margin-bottom:20px}.sotd-badge-text{display:inline-block;background:linear-gradient(135deg,var(--accent-gold),var(--accent-orange));color:#000;padding:8px 24px;border-radius:20px;font-weight:700;font-size:.9rem;letter-spacing:.5px}.share-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;font-size:.85rem;transition:all .2s}.share-btn:hover{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.share-btn.copied{background:var(--accent-green);color:#fff;border-color:var(--accent-green)}.public-loading{display:flex;align-items:center;justify-content:center;min-height:60vh;color:var(--text-secondary)}.public-not-found{text-align:center;padding:80px 20px;color:var(--text-secondary)}.public-not-found h2{font-size:1.4rem;margin-bottom:8px}@media(max-width:600px){.public-spot-hero,.public-profile-hero,.sotd-hero{margin:20px auto;padding:0 12px}.public-profile-spots{grid-template-columns:repeat(2,1fr)}}.showcase-page{min-height:100vh;min-height:100dvh;background:var(--bg-primary);position:relative;overflow-x:hidden}.showcase-bg{position:fixed;inset:0;pointer-events:none;z-index:0}.showcase-glow-1{position:absolute;top:-120px;right:-80px;width:400px;height:400px;background:radial-gradient(circle,rgba(14,165,233,.15) 0%,transparent 70%);border-radius:50%;animation:glow-drift 12s ease-in-out infinite}.showcase-glow-2{position:absolute;bottom:-100px;left:-60px;width:350px;height:350px;background:radial-gradient(circle,rgba(168,85,247,.12) 0%,transparent 70%);border-radius:50%;animation:glow-drift 15s ease-in-out infinite reverse}@keyframes glow-drift{0%,to{transform:translate(0)}50%{transform:translate(20px,-20px)}}.showcase-content{position:relative;z-index:1;max-width:900px;margin:0 auto;padding:24px 16px 80px}.showcase-back-btn{display:inline-flex;align-items:center;gap:4px;padding:8px 16px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:var(--text-secondary);font-size:.9rem;font-weight:600;cursor:pointer;margin-bottom:16px;transition:background .2s;-webkit-tap-highlight-color:transparent}.showcase-back-btn:hover{background:#ffffff1a;color:var(--text-primary)}.showcase-hero{text-align:center;padding:40px 20px 32px;margin-bottom:24px;border-radius:20px;background:linear-gradient(135deg,#0ea5e914,#a855f70f);border:1px solid rgba(255,255,255,.06);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.showcase-avatar{font-size:3.5rem;width:80px;height:80px;display:inline-flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:50%;border:3px solid var(--accent-blue);margin-bottom:12px;box-shadow:0 0 30px #0ea5e933}.showcase-username{font-size:1.75rem;font-weight:800;color:var(--text-primary);margin-bottom:4px}.showcase-joined{font-size:.85rem;color:var(--text-muted);margin-bottom:16px}.showcase-level{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;background:linear-gradient(135deg,var(--accent-blue),var(--accent-purple, #a855f7));border-radius:20px;font-weight:700;font-size:.85rem;color:#fff;letter-spacing:.5px}.showcase-share-row{margin-top:16px;display:flex;justify-content:center;gap:10px}.showcase-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:28px}.showcase-metric{background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:16px;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .2s}.showcase-metric:hover{transform:translateY(-2px)}.showcase-metric-value{font-size:1.5rem;font-weight:800;background:linear-gradient(135deg,var(--accent-blue),var(--accent-cyan, #22d3ee));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2}.showcase-metric-label{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.8px;margin-top:4px}.showcase-section-title{font-size:1.1rem;font-weight:700;color:var(--text-primary);margin-bottom:14px;display:flex;align-items:center;gap:8px}.showcase-featured-grid{display:grid;grid-template-columns:1fr;gap:14px;margin-bottom:32px}.showcase-card{background:var(--bg-secondary);border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.06);transition:transform .25s,box-shadow .25s;text-decoration:none;color:inherit;display:block}.showcase-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0000004d}.showcase-card-img{width:100%;height:200px;object-fit:cover;display:block}.showcase-card.featured .showcase-card-img{height:220px}.showcase-card-body{padding:14px 16px}.showcase-card-name{font-weight:700;font-size:1rem;margin-bottom:4px;color:var(--text-primary)}.showcase-card-meta{font-size:.8rem;color:var(--text-muted);display:flex;align-items:center;justify-content:space-between;gap:8px}.showcase-rarity-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:12px;font-weight:700;font-size:.75rem}.showcase-star{position:absolute;top:12px;right:12px;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:.9rem}.showcase-card-wrapper{position:relative}.showcase-collection-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:32px}.showcase-collection-grid .showcase-card-img{height:130px}.showcase-collection-grid .showcase-card-body{padding:10px 12px}.showcase-collection-grid .showcase-card-name{font-size:.85rem}.showcase-footer{text-align:center;padding:32px 20px;border-top:1px solid rgba(255,255,255,.05);margin-top:12px}.showcase-footer-logo{font-size:1.3rem;font-weight:800;background:linear-gradient(135deg,var(--accent-blue),var(--accent-orange));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:8px}.showcase-footer-cta{display:inline-flex;align-items:center;gap:6px;padding:10px 24px;background:var(--accent-blue);color:#fff;border-radius:10px;font-weight:600;font-size:.9rem;text-decoration:none;margin-top:12px;transition:background .2s}.showcase-footer-cta:hover{background:var(--accent-blue-hover, #0284c7)}.showcase-loading{min-height:60vh;display:flex;align-items:center;justify-content:center;color:var(--text-secondary);font-size:1rem}.showcase-empty{text-align:center;padding:40px 20px;color:var(--text-muted);font-size:1rem}@media(min-width:600px){.showcase-content{padding:32px 24px 80px}.showcase-metrics{grid-template-columns:repeat(4,1fr)}.showcase-featured-grid{grid-template-columns:repeat(2,1fr)}.showcase-collection-grid{grid-template-columns:repeat(3,1fr)}.showcase-hero{padding:48px 32px 36px}.showcase-avatar{font-size:4rem;width:96px;height:96px}.showcase-username{font-size:2rem}}@media(min-width:1024px){.showcase-content{padding:48px 24px 80px}.showcase-card-img{height:240px}.showcase-card.featured .showcase-card-img{height:260px}}.explore-my-banner{display:flex;align-items:center;gap:14px;padding:16px 18px;background:linear-gradient(135deg,#0ea5e91a,#a855f714);border:1px solid rgba(14,165,233,.2);border-radius:14px;text-decoration:none;color:inherit;margin-bottom:20px;transition:transform .2s,box-shadow .2s}.explore-my-banner:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0ea5e926}.explore-my-avatar{font-size:2rem;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:50%;border:2px solid var(--accent-blue);flex-shrink:0}.explore-search-bar{margin-bottom:20px}.explore-search-bar .input{width:100%;padding:12px 16px;border-radius:12px;font-size:.95rem}.explore-loading,.explore-empty{text-align:center;padding:40px 20px;color:var(--text-muted)}.explore-grid{display:grid;grid-template-columns:1fr;gap:14px}.explore-user-card{display:block;background:var(--bg-secondary);border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.06);text-decoration:none;color:inherit;transition:transform .2s,box-shadow .2s}.explore-user-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000040}.explore-card-img-wrap{position:relative;width:100%;height:140px;overflow:hidden}.explore-card-img{width:100%;height:100%;object-fit:cover;display:block}.explore-card-img-overlay{position:absolute;bottom:0;left:0;right:0;padding:8px 12px;background:linear-gradient(transparent,#000000b3)}.explore-starred-label{font-size:.75rem;font-weight:600;color:#fff}.explore-card-placeholder{width:100%;height:100px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);font-size:2.5rem;opacity:.3}.explore-card-body{padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px}.explore-card-user{display:flex;align-items:center;gap:10px}.explore-card-avatar{font-size:1.5rem;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:50%;border:2px solid var(--border-subtle);flex-shrink:0}.explore-card-name{font-weight:700;font-size:.95rem}.explore-card-level{font-size:.75rem;color:var(--accent-blue);font-weight:600}.explore-card-stats{display:flex;gap:14px}.explore-stat{display:flex;flex-direction:column;align-items:center}.explore-stat-value{font-weight:800;font-size:1rem;color:var(--text-primary);line-height:1.2}.explore-stat-label{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}@media(min-width:600px){.explore-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.explore-grid{grid-template-columns:repeat(3,1fr)}.explore-card-img-wrap{height:160px}}