@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,600&family=JetBrains+Mono:wght@400;500;600&display=swap";:root{--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: clamp(.6875rem, .65rem + .1vw, .75rem);--text-sm: clamp(.75rem, .7rem + .15vw, .8125rem);--text-base: clamp(.8125rem, .78rem + .15vw, .875rem);--text-lg: clamp(.9375rem, .88rem + .2vw, 1rem);--text-xl: clamp(1.125rem, 1rem + .4vw, 1.375rem);--text-2xl: clamp(1.375rem, 1.2rem + .6vw, 1.75rem);--text-3xl: clamp(1.75rem, 1.4rem + 1vw, 2.5rem);--text-4xl: clamp(2.25rem, 1.6rem + 2vw, 3.5rem);--text-hero: clamp(2.75rem, 2rem + 3vw, 4.5rem);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--bg: #0B0B0E;--bg-card: rgba(255, 255, 255, .04);--bg-elevated: rgba(255, 255, 255, .055);--bg-hover: rgba(255, 255, 255, .07);--bg-input: rgba(255, 255, 255, .045);--bg-surface: rgba(255, 255, 255, .022);--border: rgba(255, 255, 255, .075);--border-hover: rgba(255, 255, 255, .14);--border-subtle: rgba(255, 255, 255, .045);--text: #ECECED;--text-secondary: #8A8A8E;--text-muted: #55555A;--accent: #0d9488;--accent-hover: #2dd4bf;--accent-subtle: rgba(13, 148, 136, .12);--accent-glow: rgba(13, 148, 136, .22);--green: #34D399;--blue: #60A5FA;--gold: #FBBF24;--premium: #A78BFA;--upvote: #2dd4bf;--downvote: #525252;--danger: #EF4444;--radius: 14px;--radius-sm: 10px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--max-width: 680px;--sidebar-width: 260px;--shadow-sm: 0 1px 3px rgba(0,0,0,.3), 0 1px 2px rgba(0,0,0,.2);--shadow-md: 0 4px 16px rgba(0,0,0,.4), 0 2px 6px rgba(0,0,0,.2);--shadow-lg: 0 12px 48px rgba(0,0,0,.5), 0 4px 16px rgba(0,0,0,.3);--shadow-xl: 0 24px 64px rgba(0,0,0,.6), 0 8px 24px rgba(0,0,0,.4);--shadow-glow: 0 0 20px rgba(13, 148, 136, .12), 0 0 60px rgba(6, 182, 212, .08);--shadow-glow-lg: 0 0 40px rgba(13, 148, 136, .2), 0 0 100px rgba(6, 182, 212, .1);--shadow-inner: inset 0 1px 4px rgba(0,0,0,.3);--ease-soft: cubic-bezier(.22, 1, .36, 1);--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--spring: .45s cubic-bezier(.34, 1.2, .64, 1);--spring-fast: .22s cubic-bezier(.34, 1.15, .64, 1);--spring-slow: .55s cubic-bezier(.34, 1.2, .64, 1);--ease-out: .32s cubic-bezier(0, 0, .2, 1);--ease-in-out: .3s cubic-bezier(.4, 0, .2, 1);--transition: .22s var(--ease-soft);--transition-slow: .38s var(--ease-soft);--tap-scale: .98;--navbar-bg: rgba(11, 11, 14, .78);--glass: rgba(18, 18, 22, .72);--glass-border: rgba(255,255,255,.08);--glass-subtle: rgba(255,255,255,.03);--mesh-1: conic-gradient(from 180deg at 50% 50%, rgba(13, 148, 136, .06) 0deg, transparent 120deg, rgba(6, 182, 212, .05) 240deg, transparent 360deg);--mesh-2: radial-gradient(ellipse 80% 50% at 15% 20%, rgba(13, 148, 136, .09) 0%, transparent 55%), radial-gradient(ellipse 60% 40% at 85% 15%, rgba(6, 182, 212, .06) 0%, transparent 50%), radial-gradient(ellipse 70% 50% at 50% 100%, rgba(16, 185, 129, .05) 0%, transparent 55%)}[data-theme=light]{--bg: #F8F8FA;--bg-card: rgba(0,0,0,.02);--bg-elevated: #FFFFFF;--bg-hover: rgba(0,0,0,.04);--bg-input: #FFFFFF;--bg-surface: rgba(0,0,0,.012);--border: rgba(0,0,0,.07);--border-hover: rgba(0,0,0,.14);--border-subtle: rgba(0,0,0,.035);--text: #141416;--text-secondary: #505056;--text-muted: #9E9EA4;--accent: #0f766e;--accent-hover: #0d9488;--accent-subtle: rgba(13, 148, 136, .1);--accent-glow: rgba(13, 148, 136, .16);--blue: #3B82F6;--downvote: #A3A3A3;--upvote: #0d9488;--shadow-sm: 0 1px 3px rgba(0,0,0,.04), 0 1px 2px rgba(0,0,0,.02);--shadow-md: 0 4px 16px rgba(0,0,0,.06), 0 2px 6px rgba(0,0,0,.03);--shadow-lg: 0 12px 48px rgba(0,0,0,.08), 0 4px 16px rgba(0,0,0,.04);--shadow-xl: 0 24px 64px rgba(0,0,0,.1), 0 8px 24px rgba(0,0,0,.05);--shadow-glow: 0 0 20px rgba(13, 148, 136, .1), 0 0 50px rgba(6, 182, 212, .06);--shadow-glow-lg: 0 0 40px rgba(13, 148, 136, .14), 0 0 90px rgba(6, 182, 212, .08);--shadow-inner: inset 0 1px 4px rgba(0,0,0,.06);--navbar-bg: rgba(248,248,250,.82);--glass: rgba(255,255,255,.72);--glass-border: rgba(0,0,0,.06);--glass-subtle: rgba(0,0,0,.02);--mesh-1: conic-gradient(from 180deg at 50% 50%, rgba(13, 148, 136, .05) 0deg, transparent 120deg, rgba(6, 182, 212, .04) 240deg, transparent 360deg);--mesh-2: radial-gradient(ellipse at 20% 50%, rgba(13, 148, 136, .06) 0%, transparent 50%), radial-gradient(ellipse at 80% 20%, rgba(6, 182, 212, .05) 0%, transparent 50%)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:var(--text-base);line-height:1.5;font-feature-settings:"cv02","cv03","cv04","cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}@media (prefers-reduced-motion: no-preference){html{scroll-behavior:smooth}}html{scroll-padding-top:calc(68px + env(safe-area-inset-top,0px));-webkit-text-size-adjust:100%;text-size-adjust:100%}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:var(--mesh-2);pointer-events:none;z-index:0}a{color:var(--accent);text-decoration:none;transition:color var(--transition),opacity var(--transition),transform var(--spring-fast)}a:hover{color:var(--accent-hover)}@media (prefers-reduced-motion: no-preference){a:active{opacity:.85}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--accent);color:#fff}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.app{min-height:100vh;display:flex;flex-direction:column}.app-body{display:flex;flex:1}.main{flex:1;max-width:var(--max-width);width:100%;margin:0 auto;padding:24px 20px;min-width:0}.main--wide{max-width:min(1400px,100%);width:100%;margin:0 auto;padding:24px clamp(16px,3vw,40px)}.communities-page{width:100%;max-width:none}.communities-card-grid{display:grid;gap:12px;grid-template-columns:1fr}.communities-card-grid>a{display:block;min-width:0}@media (min-width: 768px){.communities-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1100px){.communities-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.main--landing{max-width:none;margin:0;padding:0 0 48px;width:100%;overflow-x:clip}.main--auth{max-width:none;margin:0;padding:0;width:100%;display:flex;flex-direction:column;min-height:0;overflow-x:clip}.main--auth .main-motion{flex:1;display:flex;flex-direction:column;min-height:0}.auth-page{flex:1;width:100%;padding:clamp(24px,5vw,56px) clamp(16px,4vw,48px);padding-left:max(clamp(16px,4vw,48px),env(safe-area-inset-left,0px));padding-right:max(clamp(16px,4vw,48px),env(safe-area-inset-right,0px));padding-bottom:max(clamp(24px,5vw,56px),env(safe-area-inset-bottom,0px));box-sizing:border-box;display:flex;align-items:center;justify-content:center;min-height:min(900px,calc(100dvh - 52px))}.auth-page-shell{width:100%;max-width:min(1120px,100%);display:grid;grid-template-columns:1fr;gap:clamp(28px,4vw,56px);align-items:center}.auth-page-aside{display:none}@media (min-width: 900px){.auth-page-shell{grid-template-columns:minmax(0,1fr) minmax(280px,440px)}.auth-page-aside{display:flex;flex-direction:column;gap:20px;padding:clamp(8px,2vw,24px) clamp(8px,3vw,32px) 8px 0}}.auth-aside-mark{font-size:clamp(40px,5vw,52px);line-height:1;filter:grayscale(.15)}.auth-aside-title{font-size:clamp(1.65rem,2.2vw,2.15rem);font-weight:800;letter-spacing:-.04em;line-height:1.15;color:var(--text);margin:0}.auth-aside-lead{margin:0;color:var(--text-secondary);line-height:1.65;font-size:var(--text-base);max-width:38ch}.auth-aside-list{margin:4px 0 0;padding-left:1.2rem;color:var(--text-secondary);font-size:14px;line-height:1.65}.auth-aside-list li{margin-bottom:10px}.auth-aside-list li:last-child{margin-bottom:0}.auth-page-form-col{width:100%;max-width:480px;margin:0 auto}@media (min-width: 900px){.auth-page-form-col{margin:0;max-width:none}}.auth-card{padding:clamp(22px,3vw,32px) clamp(20px,3vw,28px)}@media (max-width: 640px){.auth-page{align-items:stretch;justify-content:flex-start;min-height:auto;padding-top:max(16px,env(safe-area-inset-top,0px))}.auth-page-shell{gap:20px}.auth-page-form-col{max-width:none}.auth-card{padding:18px 16px 20px}.main--auth .auth-card .btn.btn-block,.main--auth .auth-card .btn-primary,.main--auth .auth-card .btn-secondary{min-height:48px;font-size:16px}}.main--landing .hero-section{max-width:min(1440px,100%);width:100%;margin:0 auto;padding:0 clamp(16px,4vw,48px);box-sizing:border-box}.landing-scroll-block{display:block;width:100%}.landing-hero-copy{position:relative;z-index:10;text-align:center;width:100%;max-width:min(56rem,94vw);margin:0 auto;padding:clamp(36px,8vh,64px) clamp(16px,3vw,32px);box-sizing:border-box}.landing-hero-pills{padding-top:clamp(28px,5vh,48px);margin-bottom:clamp(28px,4vh,40px)}.landing-feature-grid{width:100%;margin:0 auto 40px;gap:clamp(12px,2vw,22px)}.landing-comparison{width:100%;max-width:min(1100px,100%);margin:0 auto 48px}.landing-section-title{font-size:var(--text-2xl);font-weight:800;letter-spacing:-.03em;text-align:center;margin-bottom:12px;color:var(--text)}.landing-section-lead{text-align:center;color:var(--text-secondary);max-width:560px;margin:0 auto 36px;line-height:1.65;font-size:var(--text-base)}.landing-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,2vw,24px);margin-bottom:56px}.landing-stat{text-align:center;padding:24px 16px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--ease-out),box-shadow var(--ease-out)}.landing-stat:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md)}.landing-stat strong{display:block;font-size:var(--text-xl);font-weight:800;color:var(--accent);margin-bottom:6px;letter-spacing:-.02em}.landing-stat span{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.5}.landing-how{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:56px}.landing-step{padding:28px 22px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--ease-out),transform var(--spring-fast)}.landing-step:hover{border-color:var(--accent-glow);transform:translateY(-2px)}.landing-step-num{width:36px;height:36px;border-radius:10px;background:var(--accent-subtle);border:1px solid var(--accent-glow);color:var(--accent);font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}.landing-step h3{font-size:17px;font-weight:700;margin-bottom:8px;letter-spacing:-.02em;color:var(--text)}.landing-step p{font-size:14px;color:var(--text-secondary);line-height:1.6;margin:0}.landing-discover{margin-bottom:56px}.landing-discover-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:20px}.landing-discover-head h2{margin:0;font-size:var(--text-2xl);font-weight:800;letter-spacing:-.03em;color:var(--text)}.landing-discover-head .link-all{font-size:14px;font-weight:600;color:var(--accent);text-decoration:none;white-space:nowrap}.landing-discover-head .link-all:hover{color:var(--accent-hover);text-decoration:underline}.landing-discover .carousel-wrap{margin-bottom:28px}.landing-tag-row{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.landing-tag-row a{padding:6px 12px;border-radius:var(--radius-full);font-size:13px;font-weight:600;background:var(--bg-hover);border:1px solid var(--border-subtle);color:var(--text);text-decoration:none;transition:border-color var(--ease-out),background var(--ease-out)}.landing-tag-row a:hover{border-color:var(--accent-glow);background:var(--accent-subtle);color:var(--accent)}.landing-faq{max-width:720px;margin:0 auto 56px}.landing-faq__item{border:1px solid var(--border);border-radius:var(--radius);margin-bottom:10px;background:var(--bg-card);overflow:hidden}.landing-faq__item summary{padding:16px 18px;font-weight:600;font-size:15px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--text)}.landing-faq__item summary::-webkit-details-marker{display:none}.landing-faq__item summary:after{content:"+";font-weight:300;font-size:22px;color:var(--text-muted);flex-shrink:0;line-height:1}.landing-faq__item[open] summary:after{content:"−"}.landing-faq__body{padding:12px 18px 16px;font-size:14px;color:var(--text-secondary);line-height:1.65;border-top:1px solid var(--border-subtle)}.landing-cta-band{margin:0 0 40px;padding:clamp(40px,6vw,56px) clamp(24px,4vw,48px);border-radius:var(--radius-lg);background:linear-gradient(135deg,#0d948829,#06b6d41a,#10b98114);border:1px solid var(--accent-glow);text-align:center}.landing-cta-band h2{font-size:var(--text-3xl);font-weight:800;letter-spacing:-.03em;margin-bottom:10px;color:var(--text)}.landing-cta-band p{color:var(--text-secondary);max-width:480px;margin:0 auto 24px;line-height:1.65;font-size:var(--text-base)}.landing-cta-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;align-items:center}@media (max-width: 768px){.landing-stats,.landing-how{grid-template-columns:1fr}.landing-discover-head{flex-direction:column;align-items:stretch;text-align:center}.landing-discover-head .link-all{text-align:center}.landing-section-title{font-size:var(--text-xl);padding:0 4px}.landing-section-lead{font-size:var(--text-sm);padding:0 4px}.landing-stat{padding:20px 14px}.landing-stat strong{font-size:var(--text-lg)}.landing-faq__item summary{font-size:14px;padding:14px;align-items:flex-start}.landing-faq__body{padding-left:14px;padding-right:14px}.landing-cta-band{padding:32px 16px;margin-left:0;margin-right:0;border-radius:var(--radius)}.landing-cta-band h2{font-size:var(--text-2xl)}.landing-cta-actions{flex-direction:column;width:100%;max-width:320px;margin:0 auto}.landing-cta-actions .btn{width:100%;justify-content:center;min-height:48px}.landing-tag-row{justify-content:flex-start;gap:6px}.landing-tag-row a{font-size:12px;padding:8px 10px}}@media (min-width: 1400px){.main--landing .hero-section{max-width:min(1600px,100%)}}.skip-to-main{position:absolute;top:-100px;left:50%;transform:translate(-50%);background:var(--accent);color:#fff;padding:10px 20px;border-radius:var(--radius);font-weight:700;font-size:14px;z-index:10001;transition:top .2s}.skip-to-main:focus{top:12px;color:#fff}.navbar{background:var(--navbar-bg);backdrop-filter:blur(28px) saturate(1.8);-webkit-backdrop-filter:blur(28px) saturate(1.8);border-bottom:1px solid var(--glass-border);padding:env(safe-area-inset-top,0px) max(24px,env(safe-area-inset-right,0px)) 0 max(24px,env(safe-area-inset-left,0px));position:sticky;top:0;z-index:100;transition:background .4s ease,border-color .4s ease}.navbar:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(13,148,136,.14),transparent);pointer-events:none;opacity:.85}.navbar-inner{position:relative;max-width:1200px;margin:0 auto;display:flex;align-items:center;height:56px;gap:14px}.navbar-logo{display:flex;align-items:center;flex-shrink:0;white-space:nowrap;text-decoration:none;color:var(--text);transition:opacity var(--transition)}.navbar-logo:hover{text-decoration:none;opacity:.92}.navbar-logo-wordmark{font-weight:800;font-size:1.125rem;letter-spacing:-.045em;line-height:1;color:var(--text)}.navbar-logo-accent{color:var(--accent)}.navbar-logo:hover .navbar-logo-accent{color:var(--accent-hover)}.navbar-links{display:flex;gap:6px;margin-left:auto;align-items:center;flex-wrap:wrap}.navbar-search{flex:1;max-width:min(420px,36vw);margin:0 8px 0 12px;position:relative;display:flex;align-items:center}.navbar-search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;opacity:.85}.navbar-search-input{width:100%;padding:9px 14px 9px 40px;font-size:13px;font-family:inherit;font-weight:500;color:var(--text);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-full);outline:none;transition:border-color var(--ease-out),box-shadow var(--ease-out),background var(--ease-out)}.navbar-search-input::placeholder{color:var(--text-muted);font-weight:450}.navbar-search-input:hover{border-color:var(--border);background:var(--bg-card)}.navbar-search-input:focus{border-color:#0d948873;background:var(--bg-elevated);box-shadow:0 0 0 3px var(--accent-subtle)}.dropdown-menu{position:absolute;right:0;top:calc(100% + 8px);background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius);min-width:200px;z-index:1000;padding:6px;box-shadow:var(--shadow-xl);animation:dropdownIn .3s var(--ease-soft);backdrop-filter:blur(32px) saturate(1.6);-webkit-backdrop-filter:blur(32px) saturate(1.6)}.dropdown-menu a,.dropdown-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:9px 12px;color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;border-radius:var(--radius-sm);text-decoration:none;background:none;border:none;cursor:pointer;text-align:left;transition:all var(--transition)}.dropdown-menu a:hover,.dropdown-menu button:hover{background:var(--bg-hover);color:var(--text);transform:translate(2px)}.dropdown-divider{height:1px;background:var(--border);margin:4px 0}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-10px) scale(.94)}to{opacity:1;transform:translateY(0) scale(1)}}.btn{padding:8px 16px;border-radius:var(--radius-sm);border:none;cursor:pointer;font-size:var(--text-sm);font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:6px;letter-spacing:-.01em;white-space:nowrap;position:relative;overflow:hidden;transition:transform .18s var(--ease-soft),box-shadow var(--ease-out),background var(--ease-out),border-color var(--ease-out),color var(--ease-out),opacity var(--spring-fast),filter var(--spring-fast)}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at var(--x, 50%) var(--y, 50%),rgba(255,255,255,.1),transparent 60%);opacity:0;transition:opacity .3s var(--ease-soft);pointer-events:none}.btn:hover:after{opacity:1}.btn:active{transform:scale(var(--tap-scale));transition-duration:.1s}@media (prefers-reduced-motion: reduce){.btn{transition-duration:.01ms}.btn:active,.btn-primary:active,.btn-secondary:active,.btn-premium:active,.btn-gold:active{transform:none}}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:#fff;box-shadow:0 2px 12px #0d948833}.btn-primary:hover{background:linear-gradient(135deg,var(--accent-hover),var(--accent));box-shadow:var(--shadow-glow-lg);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0) scale(var(--tap-scale))}.btn-secondary{background:var(--bg-hover);color:var(--text-secondary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-elevated);border-color:var(--border-hover);color:var(--text);transform:translateY(-2px)}.btn-secondary:active{transform:translateY(0) scale(var(--tap-scale))}.btn-ghost{background:transparent;color:var(--text-secondary);border:none}.btn-ghost:hover{background:var(--bg-hover);color:var(--text)}.btn-premium{background:linear-gradient(135deg,var(--premium) 0%,#c084fc 50%,#818cf8 100%);color:#fff;box-shadow:0 2px 12px #a855f733}.btn-premium:hover{box-shadow:0 4px 24px #a855f759;transform:translateY(-2px)}.btn-premium:active{transform:translateY(0) scale(var(--tap-scale))}.btn-gold{background:linear-gradient(135deg,var(--gold) 0%,#f59e0b 100%);color:#000;font-weight:700;box-shadow:0 2px 12px #f59e0b33}.btn-gold:hover{box-shadow:0 4px 24px #f59e0b59;transform:translateY(-2px)}.btn-gold:active{transform:translateY(0) scale(var(--tap-scale))}.btn-danger{background:#ef444414;color:var(--danger);border:1px solid rgba(239,68,68,.15)}.btn-danger:hover{background:#ef444424;border-color:#ef44444d}.btn-small{padding:5px 12px;font-size:var(--text-xs)}.btn-block{width:100%}.btn:disabled{opacity:.35;cursor:not-allowed;pointer-events:none}.btn-icon{width:34px;height:34px;padding:0;border-radius:var(--radius-sm);display:inline-flex;align-items:center;justify-content:center}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius);padding:18px 18px 16px;margin-bottom:10px;transition:border-color var(--ease-out),box-shadow var(--ease-out),background var(--ease-out),transform var(--transition-slow),opacity var(--ease-out);position:relative;box-shadow:0 1px #ffffff0a inset}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--mesh-1);opacity:0;transition:opacity .45s var(--ease-soft);pointer-events:none}.card:hover{border-color:var(--border-hover);background:var(--bg-hover);box-shadow:0 1px #ffffff0f inset,0 12px 40px #0003}.card:hover:before{opacity:1}.card-flat{background:var(--bg-surface);border:1px solid var(--border-subtle)}.form-group{margin-bottom:18px}.form-group label{display:block;font-size:var(--text-xs);font-weight:600;color:var(--text-muted);margin-bottom:6px;text-transform:uppercase;letter-spacing:.06em}.form-input{width:100%;padding:10px 14px;background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:var(--text-base);font-family:inherit;outline:none;transition:border-color var(--ease-out),box-shadow .35s var(--ease-soft),background var(--ease-out)}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle),var(--shadow-glow);background:var(--bg-elevated)}.form-input::placeholder{color:var(--text-muted)}textarea.form-input{min-height:120px;resize:vertical}select.form-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2371717a' d='M2.5 4.5l3.5 3.5 3.5-3.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:32px}.post-card{display:flex;gap:0}.vote-column{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:10px 8px;margin:8px 4px 8px 6px;gap:2px;min-width:44px;align-self:flex-start;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}.vote-btn{background:none;border:none;cursor:pointer;font-size:17px;color:var(--text-muted);padding:4px;line-height:1;border-radius:8px;transition:opacity var(--ease-out),color var(--ease-out),background var(--ease-out),transform .2s var(--ease-soft);opacity:.5}.vote-btn:hover{opacity:1;color:var(--text);background:var(--bg-hover)}.vote-btn:active{transform:scale(.88)}.vote-btn.upvoted{color:var(--upvote);opacity:1;animation:voteUp .38s var(--spring)}.vote-btn.downvoted{color:var(--downvote);opacity:1}@keyframes voteUp{0%{transform:scale(1)}45%{transform:scale(1.22)}to{transform:scale(1)}}.vote-score{font-size:11px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text-secondary)}.post-content{flex:1;padding:14px 16px 14px 0;min-width:0}.post-meta{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:6px;display:flex;align-items:center;flex-wrap:wrap;gap:4px;line-height:1.5}.post-meta a{color:var(--text-muted);font-weight:500;transition:color var(--transition)}.post-meta a:hover{color:var(--accent)}.post-title{font-size:var(--text-lg);font-weight:700;margin-bottom:6px;color:var(--text);letter-spacing:-.025em;line-height:1.35}.post-title a{color:var(--text);transition:color var(--transition)}.post-title a:hover{color:var(--accent);text-decoration:none}.post-body{font-size:var(--text-base);color:var(--text-secondary);margin-bottom:10px;overflow:hidden;max-height:100px;line-height:1.65;position:relative}.post-body-fade{position:absolute;bottom:0;left:0;right:0;height:40px;background:linear-gradient(transparent,var(--bg));pointer-events:none}.post-actions{display:flex;gap:1px;font-size:var(--text-xs);color:var(--text-muted);font-weight:500;margin-top:6px}.post-actions button,.post-actions a{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:var(--text-xs);font-weight:500;padding:5px 10px;border-radius:var(--radius-full);transition:all var(--spring-fast);display:inline-flex;align-items:center;gap:5px}.post-actions button:hover,.post-actions a:hover{background:var(--bg-hover);color:var(--text);text-decoration:none;transform:translateY(-1px)}.post-actions button:active,.post-actions a:active{transform:scale(.95)}.tag{display:inline-flex;align-items:center;gap:3px;font-size:var(--text-xs);font-weight:600;padding:2px 7px;border-radius:4px;letter-spacing:.02em;white-space:nowrap}.tag-promoted{background:linear-gradient(135deg,var(--blue),#818cf8);color:#fff;text-transform:uppercase}.tag-spoiler{background:#a78bfa1a;color:#a78bfa}.tag-nsfw{background:#ef44441a;color:#ef4444}.tag-flair{background:linear-gradient(135deg,var(--accent),var(--accent-hover));color:#fff}.tag-type{background:var(--bg-hover);color:var(--text-muted);text-transform:uppercase}.awards-row{display:flex;gap:4px;margin-bottom:6px;flex-wrap:wrap}.award-badge{font-size:var(--text-sm);background:var(--bg-hover);padding:2px 8px;border-radius:var(--radius-full);display:inline-flex;align-items:center;gap:3px;border:1px solid var(--border);transition:all var(--spring-fast)}.award-badge:hover{transform:scale(1.1)}.award-badge span{font-size:var(--text-xs);color:var(--text-muted)}.comment{padding:10px 0 10px 16px;border-left:2px solid var(--border-subtle);margin-bottom:2px;transition:border-color var(--ease-out);position:relative}.comment:hover{border-left-color:var(--accent)}.comment-meta{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:4px;display:flex;align-items:center;gap:6px}.comment-body{font-size:var(--text-base);margin-bottom:6px;line-height:1.65;color:var(--text-secondary)}.comment-nested{margin-left:12px}.page-layout{display:flex;gap:var(--space-6)}.content-col{flex:1;min-width:0}.sidebar{width:300px;flex-shrink:0}.sidebar .card h3{font-size:var(--text-xs);font-weight:700;margin-bottom:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em}.sidebar .card p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.55}.sort-bar{display:flex;align-items:center;gap:2px;padding:4px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;margin-bottom:4px}@media (prefers-reduced-motion: no-preference){.sort-bar{scroll-behavior:smooth}}.sort-bar::-webkit-scrollbar{display:none}.sort-btn{background:transparent;color:var(--text-muted);border:none;border-radius:var(--radius-full);padding:6px 14px;font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:background var(--ease-out),color var(--ease-out),transform .2s var(--ease-soft),box-shadow var(--ease-out),border-color var(--ease-out);white-space:nowrap;flex-shrink:0;position:relative}.sort-btn:hover{background:var(--bg-hover);color:var(--text)}.sort-btn:active{transform:scale(.96)}.sort-btn.active{background:var(--accent-subtle);color:var(--accent);font-weight:600;border:1px solid var(--accent-glow);box-shadow:0 0 12px #0d94880f;transition:background .35s var(--ease-soft),color .35s var(--ease-soft),box-shadow .35s var(--ease-soft),border-color .35s var(--ease-soft)}.carousel-wrap{position:relative;margin-bottom:20px}.carousel{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:2px}@media (prefers-reduced-motion: no-preference){.carousel{scroll-behavior:smooth}}.carousel::-webkit-scrollbar{display:none}.carousel-card{flex:0 0 200px;scroll-snap-align:start;border-radius:var(--radius);height:120px;display:flex;flex-direction:column;justify-content:flex-end;padding:14px;text-decoration:none;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.08);transition:border-color var(--ease-out),transform var(--spring-fast),box-shadow var(--ease-out)}.carousel-card:hover{border-color:#ffffff2e;transform:translateY(-3px) scale(1.01);box-shadow:var(--shadow-lg)}.carousel-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 20%,rgba(0,0,0,.85) 100%);z-index:1}.carousel-card>*{position:relative;z-index:2}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background:var(--glass);border:1px solid var(--glass-border);border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text);font-size:16px;box-shadow:var(--shadow-md);z-index:5;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:all var(--spring-fast)}.carousel-btn:hover{background:var(--bg-hover);border-color:var(--border-hover);transform:translateY(-50%) scale(1.1)}.carousel-btn.right{right:-4px}.carousel-btn.left{left:-4px}.community-header{background:linear-gradient(135deg,#0e7490 0%,var(--accent) 45%,#047857 100%);padding:32px;border-radius:var(--radius-lg);margin-bottom:20px;box-shadow:var(--shadow-lg);position:relative;overflow:hidden}.community-header:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--mesh-1);pointer-events:none}.community-header h1{font-size:var(--text-2xl);color:#fff;font-weight:800;letter-spacing:-.03em;position:relative;z-index:1}.community-header p{color:#ffffffd9;font-size:var(--text-base);position:relative;z-index:1}.premium-banner{background:linear-gradient(135deg,#7c3aed,#a855f7 40%,#c084fc,#818cf8);padding:32px;border-radius:var(--radius-lg);color:#fff;text-align:center;margin-bottom:20px;box-shadow:0 4px 32px #a855f740;position:relative;overflow:hidden}.premium-banner:after{content:"";position:absolute;top:-50%;right:-30%;width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);pointer-events:none}.premium-banner h2{margin-bottom:8px;font-weight:800;letter-spacing:-.02em;position:relative;z-index:1}.tabs{display:flex;gap:2px;margin-bottom:20px;background:var(--bg-card);padding:3px;border-radius:var(--radius);border:1px solid var(--border-subtle)}.tab{padding:8px 16px;border-radius:var(--radius-sm);background:none;border:none;color:var(--text-muted);cursor:pointer;font-weight:500;font-size:var(--text-sm);transition:background var(--ease-out),color var(--ease-out),transform .2s var(--ease-soft),box-shadow .35s var(--ease-soft),border .35s var(--ease-soft);white-space:nowrap}.tab:hover{background:var(--bg-hover);color:var(--text)}.tab:active{transform:scale(.97)}.tab.active{background:var(--accent-subtle);color:var(--accent);font-weight:600;border:1px solid var(--accent-glow);box-shadow:0 0 12px #0d94880f}.captcha-box{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius);padding:16px;text-align:center;margin-bottom:16px}.captcha-box svg{max-width:min(220px,100%);height:auto}.captcha-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px;align-items:stretch}.captcha-row .form-input{flex:1;min-width:0}.captcha-row .captcha-refresh{flex-shrink:0;min-width:44px}@media (max-width: 480px){.captcha-row{flex-direction:column}.captcha-row .captcha-refresh{width:100%;min-height:44px}}.coin-balance{display:flex;align-items:center;gap:6px;font-weight:700;color:var(--gold)}.human-badge{display:inline-flex;align-items:center;gap:3px;font-size:11px;color:var(--green);font-weight:700}.error-msg{color:var(--danger);font-size:13px;margin-bottom:12px;padding:10px 14px;background:#ef44440f;border:1px solid rgba(239,68,68,.15);border-radius:var(--radius-sm)}.success-msg{color:var(--green);font-size:13px;margin-bottom:12px;padding:10px 14px;background:#22c55e0f;border:1px solid rgba(34,197,94,.15);border-radius:var(--radius-sm)}.info-msg{color:var(--blue);font-size:13px;margin-bottom:12px;padding:10px 14px;background:#3b82f60f;border:1px solid rgba(59,130,246,.15);border-radius:var(--radius-sm)}.loading{text-align:center;padding:48px;color:var(--text-muted);font-size:14px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;backdrop-filter:blur(12px) saturate(.8);-webkit-backdrop-filter:blur(12px) saturate(.8);display:flex;align-items:center;justify-content:center;z-index:200;animation:overlayIn .28s var(--ease-soft)}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:28px;max-width:500px;width:90%;max-height:85vh;overflow-y:auto;box-shadow:var(--shadow-xl);animation:modalIn .36s var(--ease-soft);backdrop-filter:blur(32px) saturate(1.4);-webkit-backdrop-filter:blur(32px) saturate(1.4)}.modal h2{margin-bottom:16px;font-size:var(--text-xl);font-weight:700;letter-spacing:-.02em}@keyframes modalIn{0%{opacity:0;transform:translateY(20px) scale(.96);filter:blur(4px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.shop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.shop-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:18px;text-align:center;cursor:pointer;transition:all var(--spring-fast);position:relative;overflow:hidden}.shop-item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 0%,rgba(13,148,136,.06) 0%,transparent 60%);opacity:0;transition:opacity .3s;pointer-events:none}.shop-item:hover{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),var(--shadow-glow);transform:translateY(-3px)}.shop-item:hover:before{opacity:1}.shop-item:active{transform:translateY(-1px) scale(.98)}.shop-item .icon{font-size:36px;margin-bottom:10px}.shop-item .name{font-weight:700;font-size:var(--text-base);margin-bottom:4px}.shop-item .price{font-size:var(--text-sm);color:var(--gold);font-weight:600}.rarity-common{border-left:3px solid #71717a}.rarity-uncommon{border-left:3px solid #38bdf8}.rarity-rare{border-left:3px solid var(--premium)}.rarity-legendary{border-left:3px solid var(--gold)}.settings-page{max-width:640px;margin:0 auto}.settings-page h2{font-size:var(--text-2xl);font-weight:800;margin-bottom:var(--space-6);letter-spacing:-.03em}.settings-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:20px;margin-bottom:12px}.settings-section h3{font-size:14px;font-weight:700;margin-bottom:16px;display:flex;align-items:center;gap:8px}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0}.settings-row+.settings-row{border-top:1px solid var(--border-subtle)}.settings-label{font-size:14px;color:var(--text-secondary);font-weight:500}.toggle{position:relative;width:40px;height:22px;cursor:pointer}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle-track{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-hover);border-radius:11px;border:1px solid var(--border);transition:all var(--spring-fast)}.toggle-track:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:var(--text-muted);border-radius:50%;transition:all var(--spring)}.toggle input:checked+.toggle-track{background:var(--accent);border-color:var(--accent);box-shadow:0 0 12px #0d94884d}.toggle input:checked+.toggle-track:after{transform:translate(18px);background:#fff}.app-footer{text-align:center;padding:36px max(16px,env(safe-area-inset-left,0px)) max(40px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-right,0px));color:var(--text-muted);font-size:12px;border-top:1px solid var(--border-subtle);background:linear-gradient(180deg,transparent,var(--bg-surface))}.app-footer .footer-brand{font-weight:700;color:var(--text-secondary);font-size:13px}.app-footer .footer-company{margin-top:4px;font-size:11px}.app-footer .footer-links{display:flex;justify-content:center;gap:16px;margin-top:10px;flex-wrap:wrap}.app-footer .footer-links a{color:var(--text-muted);font-size:12px;font-weight:500;text-decoration:none;transition:color var(--transition)}.app-footer .footer-links a:hover{color:var(--accent)}.mobile-menu-btn{display:none}@media (max-width: 768px){.sidebar{display:none}.page-layout{flex-direction:column}.navbar-inner{height:50px;padding:0}.main:not(.main--landing):not(.main--auth){padding:16px max(12px,env(safe-area-inset-right,0px)) 16px max(12px,env(safe-area-inset-left,0px))}.main--landing{padding:0 0 36px}.carousel-card{flex:0 0 170px;height:100px}.mobile-menu-btn{display:inline-flex;margin-left:auto}.navbar-search{flex:1;min-width:0;max-width:none;margin:0 6px}.form-input,textarea.form-input,select.form-input{font-size:16px}.navbar-search-input{padding-top:7px;padding-bottom:7px;font-size:16px}.navbar-links{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg-card);border-bottom:1px solid var(--border);padding:12px 16px;flex-direction:column;gap:6px;box-shadow:var(--shadow-md);z-index:99}.navbar-links.mobile-open{display:flex}.navbar-links .btn{justify-content:flex-start;width:100%}.hero-features,.comparison-row{grid-template-columns:1fr}.hero-title{font-size:var(--text-2xl)}.hero-subtitle{font-size:var(--text-base)}.hero-inner{padding:40px 0}.hero-cta{flex-direction:column;align-items:stretch}.hero-comparison{padding:20px 14px;margin-left:0;margin-right:0}.comparison-item{font-size:12px;padding:8px 10px;gap:6px}}@media (max-width: 480px){.shop-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.navbar-links{gap:3px}.btn-small{padding:4px 8px;font-size:11px}.hero-title{font-size:var(--text-xl)}.navbar-logo-wordmark{font-size:1rem}.main--landing .hero-section,.landing-hero-copy{padding-left:max(12px,env(safe-area-inset-left,0px));padding-right:max(12px,env(safe-area-inset-right,0px))}.hero-pill{font-size:12px;padding:6px 10px}.main--landing .hero-section .btn.btn-lg{width:100%;max-width:340px;min-height:48px;justify-content:center}}.hero-section{max-width:var(--max-width);width:100%;margin:0 auto;padding:0 24px}.hero-inner{text-align:center;padding:56px 0 40px;border-bottom:1px solid var(--border);margin-bottom:8px}.hero-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;border-radius:24px;font-size:12px;font-weight:700;color:var(--accent);background:var(--accent-subtle);border:1px solid var(--accent-glow);margin-bottom:24px;letter-spacing:.03em;text-transform:uppercase}.hero-title{font-size:var(--text-4xl);font-weight:900;letter-spacing:-.04em;line-height:1.1;margin-bottom:20px;color:var(--text)}.hero-accent{background:linear-gradient(135deg,var(--accent),#22d3ee,#34d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:var(--text-xl);color:var(--text-secondary);line-height:1.7;max-width:540px;margin:0 auto 32px}.hero-cta{display:flex;gap:12px;justify-content:center;margin-bottom:24px}.hero-pills{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:40px}.hero-pill{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;padding:6px 14px;font-size:13px;font-weight:600;color:var(--text-secondary);letter-spacing:-.01em}.btn-lg{padding:12px 28px;font-size:15px;border-radius:var(--radius)}.hero-features{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;text-align:left;margin-bottom:40px}.hero-feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:24px 20px;transition:border-color var(--ease-out),box-shadow var(--ease-out),transform var(--spring-fast);position:relative;overflow:hidden}.hero-feature-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 0%,rgba(13,148,136,.05) 0%,transparent 60%);opacity:0;transition:opacity .4s;pointer-events:none}.hero-feature-card:hover{border-color:var(--accent);box-shadow:var(--shadow-glow-lg);transform:translateY(-4px)}.hero-feature-card:hover:before{opacity:1}.hero-feature-icon{font-size:28px;margin-bottom:12px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--accent-subtle);border-radius:var(--radius-sm)}.hero-feature-card h3{font-size:15px;font-weight:700;margin-bottom:8px;letter-spacing:-.02em;color:var(--text)}.hero-feature-card p{font-size:13px;color:var(--text-secondary);line-height:1.6}.hero-comparison{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px 24px;max-width:620px;margin:0 auto}.hero-comparison-header{font-size:15px;font-weight:800;letter-spacing:-.02em;margin-bottom:16px;color:var(--text)}.hero-comparison-list{display:flex;flex-direction:column;gap:6px}.comparison-row{display:grid;grid-template-columns:1fr 1fr;gap:6px}.comparison-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--radius-sm);font-size:13px;font-weight:500}.comparison-item.negative{background:#ef44440f;color:var(--text-muted);text-decoration:line-through;text-decoration-color:#ef44444d}.comparison-item.positive{background:#22c55e0f;color:var(--text)}.comparison-item .comparison-icon{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:11px;font-weight:800}.comparison-item.negative .comparison-icon{background:#ef44441f;color:var(--danger)}.comparison-item.positive .comparison-icon{background:#22c55e1f;color:var(--green)}@media (max-width: 900px){.hero-features{grid-template-columns:repeat(2,1fr)}}.globe-hero{position:relative;width:100%;min-height:100vh;min-height:100dvh;overflow:hidden;background:var(--bg)}.globe-hero-content{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px);box-sizing:border-box}.globe-hero-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.globe-hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,var(--bg) 0%,transparent 40%,rgba(10,10,11,.3) 100%);pointer-events:none}[data-theme=light] .globe-hero-overlay{background:linear-gradient(to top,var(--bg) 0%,transparent 38%,rgba(13,148,136,.1) 100%)}.globe-hero-glow-1{position:absolute;top:20%;left:20%;width:384px;height:384px;background:#0d94880f;border-radius:50%;filter:blur(80px);animation:pulse 4s ease-in-out infinite}.globe-hero-glow-2{position:absolute;bottom:20%;right:20%;width:256px;height:256px;background:#0d94880a;border-radius:50%;filter:blur(80px);animation:pulse 4s ease-in-out infinite 1s}[data-theme=light] .globe-hero-glow-1{background:#0d948824}[data-theme=light] .globe-hero-glow-2{background:#06b6d41a}@keyframes pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}.globe-hero-badge{display:inline-flex;align-items:center;gap:10px;padding:10px 22px;border-radius:9999px;background:var(--accent-subtle);border:1px solid var(--accent-glow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-md);margin-bottom:32px}.globe-hero-badge .ping-dot{width:8px;height:8px;background:var(--accent);border-radius:50%;animation:ping 1.5s cubic-bezier(0,0,.2,1) infinite}@keyframes ping{75%,to{transform:scale(2);opacity:0}}.globe-hero-badge span.badge-text{font-size:13px;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.08em}.globe-hero-title{font-size:var(--text-hero);font-weight:900;letter-spacing:-.04em;line-height:.9;margin-bottom:24px;text-align:center;color:var(--text)}.globe-hero-title .title-light{display:block;font-weight:300;font-size:.65em;color:var(--text-secondary);margin-bottom:8px}.globe-hero-title .title-accent{display:block;background:linear-gradient(135deg,var(--accent),#06b6d4,var(--accent-hover));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.globe-hero-title .title-underline{display:block;height:4px;margin:12px auto 0;border-radius:4px;background:linear-gradient(90deg,var(--accent),rgba(13,148,136,.3),transparent);max-width:300px;animation:underlineGrow 1.5s ease-out 1s both}@keyframes underlineGrow{0%{max-width:0}to{max-width:300px}}.globe-hero-desc{max-width:640px;margin:0 auto 40px;text-align:center}.globe-hero-desc p{font-size:18px;color:var(--text-secondary);line-height:1.7;margin-bottom:8px}.globe-hero-desc .desc-highlight{color:var(--text);font-weight:600;background:var(--accent-subtle);padding:2px 8px;border-radius:6px}.globe-hero-btns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.globe-hero-btn-primary{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;background:linear-gradient(135deg,var(--accent),#06b6d4);color:#fff;border-radius:var(--radius);font-weight:700;font-size:var(--text-lg);border:none;cursor:pointer;text-decoration:none;box-shadow:0 8px 32px #0d94884d;transition:all var(--spring-fast);position:relative;overflow:hidden}.globe-hero-btn-primary:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent,rgba(255,255,255,.15),transparent);transform:translate(-100%);transition:transform .6s ease}.globe-hero-btn-primary:hover:before{transform:translate(100%)}.globe-hero-btn-primary:hover{transform:translateY(-3px);box-shadow:0 12px 40px #0d948866;color:#fff}.globe-hero-btn-primary:active{transform:translateY(-1px) scale(.98)}.globe-hero-btn-secondary{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;background:var(--glass);color:var(--text);border:2px solid var(--glass-border);border-radius:var(--radius);font-weight:700;font-size:var(--text-lg);cursor:pointer;text-decoration:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:all var(--spring-fast)}.globe-hero-btn-secondary:hover{border-color:var(--accent);background:var(--bg-hover);transform:translateY(-3px);box-shadow:var(--shadow-lg);color:var(--text)}.globe-hero-btn-secondary:active{transform:translateY(-1px) scale(.98)}@media (max-width: 768px){.globe-hero-title{font-size:var(--text-3xl)}.globe-hero-title .title-light{font-size:.7em}.globe-hero-desc p{font-size:var(--text-base)}.globe-hero-btns{flex-direction:column;align-items:stretch;width:100%;max-width:360px;margin:0 auto;padding:0 8px;box-sizing:border-box}.globe-hero-badge{flex-wrap:wrap;justify-content:center;max-width:calc(100vw - 24px);margin-left:auto;margin-right:auto;padding:8px 16px;gap:8px}.globe-hero-badge span.badge-text{text-align:center;line-height:1.35;font-size:12px}}@media (max-width: 480px){.globe-hero-title{font-size:var(--text-2xl)}.globe-hero-btn-primary,.globe-hero-btn-secondary{width:100%;max-width:none;justify-content:center;box-sizing:border-box;min-height:48px;font-size:16px;padding-left:20px;padding-right:20px}.globe-hero-desc{padding:0 8px}}.toast-container{position:fixed;bottom:max(24px,env(safe-area-inset-bottom,0px));right:max(24px,env(safe-area-inset-right,0px));z-index:10000;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{pointer-events:auto;display:flex;align-items:center;gap:8px;padding:12px 20px;border-radius:var(--radius);font-size:var(--text-sm);font-weight:600;color:#fff;box-shadow:var(--shadow-xl);animation:toast-in .4s var(--ease-soft);max-width:360px;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:transform .22s var(--ease-soft),opacity .22s var(--ease-soft)}.toast-success{background:#16a34aeb}.toast-error{background:#dc2626eb}.toast-info{background:#2563ebeb}.toast-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:12px;font-weight:800;background:#fff3;flex-shrink:0}@keyframes toast-in{0%{opacity:0;transform:translateY(20px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.toast:hover{opacity:.95;transform:scale(1.02) translateY(-1px);transition:transform .22s var(--ease-soft),opacity .22s var(--ease-soft)}.reaction-bar{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px;align-items:center}.reaction-chip{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:12px;font-size:13px;background:var(--bg-hover);border:1px solid var(--border);color:var(--text);cursor:pointer;transition:border-color var(--ease-out),background var(--ease-out),color var(--ease-out),transform .18s var(--ease-soft)}.reaction-chip span{font-size:11px;font-weight:600}.reaction-chip:hover{border-color:var(--accent);background:#0d94881a;transform:translateY(-1px)}.reaction-chip:active{transform:scale(.96)}.reaction-chip.reacted{border-color:var(--accent);background:#0d948826;color:var(--accent)}.reaction-add-btn{width:26px;height:26px;border-radius:50%;border:1px dashed var(--border);background:none;color:var(--text-muted);cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .15s}.reaction-add-btn:hover{border-color:var(--accent);color:var(--accent);background:#0d948814}.reaction-picker{position:absolute;bottom:32px;left:0;z-index:100;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;padding:8px;display:flex;flex-wrap:wrap;gap:2px;width:210px;box-shadow:0 6px 20px #0000004d}.reaction-picker-emoji{background:none;border:none;font-size:20px;cursor:pointer;padding:4px 6px;border-radius:6px;transition:all .1s}.reaction-picker-emoji:hover{background:var(--bg-hover);transform:scale(1.2)}.gif-picker-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000;display:flex;align-items:center;justify-content:center}.gif-picker{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;width:90%;max-width:480px;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.gif-picker-header{padding:12px;display:flex;gap:6px;border-bottom:1px solid var(--border)}.gif-picker-header input{flex:1}.gif-picker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:8px;overflow-y:auto;max-height:400px;min-height:200px}.gif-picker-item{background:none;border:none;cursor:pointer;padding:0;border-radius:6px;overflow:hidden;aspect-ratio:1;transition:transform .1s}.gif-picker-item:hover{transform:scale(1.03)}.left-sidebar{width:var(--sidebar-width);flex-shrink:0;background:transparent;border-right:1px solid var(--border-subtle);height:calc(100vh - 56px);position:sticky;top:56px;overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:var(--border-hover) transparent;transition:width var(--ease-out),opacity var(--ease-out)}.left-sidebar::-webkit-scrollbar{width:3px}.left-sidebar::-webkit-scrollbar-track{background:transparent}.left-sidebar::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:3px}.left-sidebar-inner{padding:8px 0;display:flex;flex-direction:column;min-height:100%}.left-sidebar-section{padding:4px 0;border-bottom:1px solid var(--border-subtle)}.left-sidebar-section:last-of-type{border-bottom:none}.left-sidebar-heading{font-size:10px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.08em;padding:12px 20px 4px}.left-sidebar-item{display:flex;align-items:center;gap:10px;padding:7px 16px;margin:1px 8px;font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-sm);transition:all var(--spring-fast);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.left-sidebar-item:hover{background:var(--bg-hover);color:var(--text);text-decoration:none;transform:translate(2px)}.left-sidebar-item.active{background:linear-gradient(90deg,var(--accent-subtle),transparent);color:var(--accent);font-weight:600;box-shadow:inset 3px 0 0 var(--accent)}.left-sidebar-icon{width:20px;text-align:center;font-size:16px;flex-shrink:0}.left-sidebar-footer{margin-top:auto;padding:16px 20px;border-top:1px solid var(--border-subtle);font-size:11px;color:var(--text-muted)}.sidebar-toggle-btn{display:flex!important;font-size:18px;flex-shrink:0}.post-card-wrapper{cursor:pointer;transition:background var(--ease-out),border-color var(--ease-out),transform var(--spring-fast);border-radius:var(--radius);border:1px solid transparent}.post-card-wrapper:hover{background:var(--bg-card);border-color:var(--border-subtle)}@media (max-width: 1024px){.left-sidebar{width:220px}}@media (max-width: 768px){.left-sidebar{position:fixed;top:50px;left:0;bottom:0;z-index:99;width:280px;background:var(--bg);box-shadow:var(--shadow-xl);transform:translate(-100%);transition:transform .3s var(--spring);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.left-sidebar.mobile-open{transform:translate(0)}.app-body{flex-direction:column}}.gif-picker-item img{width:100%;height:100%;object-fit:cover;display:block}.gif-picker-footer{padding:6px 12px;border-top:1px solid var(--border);text-align:center}.gif-picker-status{grid-column:1 / -1;text-align:center;padding:30px;color:var(--text-muted);font-size:13px}.skeleton{background:linear-gradient(100deg,var(--bg-hover) 30%,var(--bg-elevated) 50%,var(--bg-hover) 70%);background-size:300% 100%;animation:skeleton-pulse 1.8s ease-in-out infinite;border-radius:var(--radius-sm)}.skeleton-text{height:14px;margin-bottom:8px}.skeleton-text.short{width:60%}.skeleton-text.medium{width:80%}.skeleton-title{height:20px;width:70%;margin-bottom:12px}.skeleton-block{height:60px;margin-bottom:8px}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width: 480px){.toast-container{left:max(12px,env(safe-area-inset-left,0px));right:max(12px,env(safe-area-inset-right,0px));bottom:max(12px,env(safe-area-inset-bottom,0px))}.toast{max-width:100%}}@media (max-width: 600px){.comment{max-width:100%}}.messages-layout{max-width:800px;margin:0 auto;display:flex;gap:16px;min-height:500px}.messages-sidebar{width:280px;flex-shrink:0}.messages-thread{flex:1;display:flex;flex-direction:column}.messages-back-btn{display:none}@media (max-width: 640px){.messages-layout{flex-direction:column;gap:0}.messages-sidebar,.messages-thread{width:100%}.messages-sidebar.hide-mobile,.messages-thread.hide-mobile{display:none}.messages-back-btn{display:inline-flex!important}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .4s var(--spring) both}.glow-ring{position:relative}.glow-ring:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;background:linear-gradient(135deg,var(--accent),var(--premium),var(--accent));opacity:0;z-index:-1;filter:blur(8px);transition:opacity .4s ease}.glow-ring:hover:after{opacity:.15}.main-motion{transform-origin:50% 0}@media (prefers-reduced-motion: no-preference){.main-motion{will-change:opacity,transform}}.page-loader-fade{animation:pageLoaderIn .35s var(--ease-soft) both}@keyframes pageLoaderIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.boot-splash-app{min-height:100vh;min-height:100dvh}.boot-splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:max(24px,env(safe-area-inset-top,0px)) max(20px,env(safe-area-inset-right,0px)) max(24px,env(safe-area-inset-bottom,0px)) max(20px,env(safe-area-inset-left,0px));background:var(--bg);overflow:hidden;isolation:isolate}.boot-splash-vignette{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 90% 75% at 50% 38%,transparent 0%,var(--bg) 82%);opacity:.85;z-index:1}.boot-splash-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--mesh-2);opacity:.75;pointer-events:none}.boot-splash-sweep{position:absolute;top:-55%;right:-55%;bottom:-55%;left:-55%;background:conic-gradient(from 0deg at 50% 50%,transparent 0deg,rgba(13,148,136,.045) 55deg,transparent 130deg,rgba(6,182,212,.035) 210deg,transparent 300deg);animation:boot-sweep-rotate 28s linear infinite;pointer-events:none;opacity:.75}@keyframes boot-sweep-rotate{to{transform:rotate(360deg)}}.boot-splash-orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:1;mix-blend-mode:normal}.boot-splash-orb--1{width:min(520px,85vw);height:min(520px,85vw);top:8%;left:50%;transform:translate(-50%);background:radial-gradient(circle at 40% 40%,rgba(13,148,136,.42) 0%,transparent 62%);opacity:.5;animation:boot-orb-float-a 11s ease-in-out infinite}.boot-splash-orb--2{width:min(340px,55vw);height:min(340px,55vw);bottom:18%;right:6%;background:radial-gradient(circle at 60% 50%,rgba(6,182,212,.28) 0%,transparent 58%);opacity:.45;animation:boot-orb-float-b 9s ease-in-out infinite;animation-delay:-3s}.boot-splash-orb--3{width:min(220px,40vw);height:min(220px,40vw);top:52%;left:12%;background:radial-gradient(circle,rgba(16,185,129,.2) 0%,transparent 60%);opacity:.35;animation:boot-orb-float-b 12s ease-in-out infinite;animation-delay:-5s}@keyframes boot-orb-float-a{0%,to{opacity:.42;transform:translate(-50%) translateY(0) scale(1)}50%{opacity:.62;transform:translate(-50%) translateY(12px) scale(1.03)}}@keyframes boot-orb-float-b{0%,to{opacity:.32;transform:translate(0) scale(1)}50%{opacity:.52;transform:translate(-10px,-14px) scale(1.06)}}.boot-splash-dots{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(rgba(255,255,255,.055) 1px,transparent 1px);background-size:24px 24px;-webkit-mask-image:radial-gradient(ellipse 78% 68% at 50% 42%,black 0%,transparent 72%);mask-image:radial-gradient(ellipse 78% 68% at 50% 42%,black 0%,transparent 72%);pointer-events:none;opacity:.35;z-index:1}[data-theme=light] .boot-splash-dots{background-image:radial-gradient(rgba(0,0,0,.06) 1px,transparent 1px);opacity:.25}.boot-splash-panel{position:relative;z-index:4;width:100%;max-width:min(460px,92vw);padding:clamp(36px,6vw,52px) clamp(28px,6vw,44px);border-radius:clamp(22px,4vw,30px);background:color-mix(in srgb,var(--glass) 88%,transparent);border:1px solid color-mix(in srgb,var(--glass-border) 85%,transparent);backdrop-filter:blur(40px) saturate(1.65);-webkit-backdrop-filter:blur(40px) saturate(1.65);box-shadow:0 24px 80px #00000059,0 0 0 1px #ffffff0a inset,0 1px #ffffff0f inset}[data-theme=light] .boot-splash-panel{background:color-mix(in srgb,var(--glass) 92%,#fff);box-shadow:0 20px 60px #0f172a14,0 0 0 1px #0000000a inset}.boot-splash-panel--static{text-align:center}.boot-splash-panel-shine{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:0;background:linear-gradient(145deg,rgba(255,255,255,.07) 0%,transparent 42%,transparent 58%,rgba(13,148,136,.06) 100%);opacity:.9}[data-theme=light] .boot-splash-panel-shine{background:linear-gradient(145deg,rgba(255,255,255,.65) 0%,transparent 45%);opacity:.5}.boot-splash-panel-inner{position:relative;z-index:1;text-align:center}.boot-splash-badge{display:inline-block;font-size:clamp(11px,2.4vw,12px);font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0 0 26px;padding:6px 14px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent) 22%,transparent)}[data-theme=light] .boot-splash-badge{background:color-mix(in srgb,var(--accent) 8%,transparent);border-color:color-mix(in srgb,var(--accent) 18%,transparent)}.boot-splash-mark-wrap{position:relative;width:148px;height:148px;margin:0 auto 30px;display:flex;align-items:center;justify-content:center}.boot-splash-mark-halo{position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border-radius:50%;pointer-events:none;z-index:0;background:conic-gradient(from 0deg,transparent 0deg,transparent 255deg,rgba(13,148,136,.75) 295deg,rgba(6,182,212,.55) 335deg,rgba(13,148,136,.35) 360deg);animation:boot-halo-spin 1.35s cubic-bezier(.45,.05,.55,.95) infinite;-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2px))}@keyframes boot-halo-spin{to{transform:rotate(360deg)}}.boot-splash-favicon.boot-splash-favicon--static{position:relative;width:96px;height:96px;margin:0;flex-shrink:0;border-radius:26px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--bg-elevated) 92%,transparent);border:1px solid color-mix(in srgb,var(--border) 80%,transparent);box-shadow:0 12px 40px #0003,0 0 0 1px #0d948814 inset}.boot-splash-favicon{position:relative;z-index:1;width:96px;height:96px;display:flex;align-items:center;justify-content:center;border-radius:26px;background:color-mix(in srgb,var(--bg-elevated) 92%,transparent);border:1px solid color-mix(in srgb,var(--border) 80%,transparent);box-shadow:0 12px 40px #00000038,0 0 0 1px #0d94881a inset,0 0 48px #0d94881f}.boot-splash-favicon img{display:block;object-fit:contain}.boot-splash-wordmark{font-size:clamp(2rem,6.5vw,2.65rem);font-weight:800;letter-spacing:-.06em;line-height:1.05;margin-bottom:28px}.boot-splash-hum{color:#4e9a99}.boot-splash-thread{background:linear-gradient(120deg,var(--accent) 0%,#5eead4 45%,var(--accent-hover) 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}[data-theme=light] .boot-splash-thread{background:linear-gradient(120deg,#0d9488,#14b8a6,#0891b2);-webkit-background-clip:text;background-clip:text}.boot-splash-progress{margin-bottom:22px}.boot-splash-progress-track{height:3px;border-radius:var(--radius-full);background:color-mix(in srgb,var(--border-subtle) 85%,transparent);overflow:hidden;position:relative}.boot-splash-progress-track:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--accent) 35%,transparent) 35%,var(--accent) 50%,color-mix(in srgb,var(--accent-hover) 40%,transparent) 65%,transparent 100%);background-size:55% 100%;background-repeat:no-repeat;animation:boot-progress-sheen 2.4s cubic-bezier(.45,0,.25,1) infinite}@keyframes boot-progress-sheen{0%{background-position:-40% 0;opacity:.5}50%{opacity:1}to{background-position:140% 0;opacity:.5}}.boot-splash-msg-wrap{min-height:3em;display:flex;align-items:center;justify-content:center}.boot-splash-msg{font-size:clamp(.95rem,2.4vw,1.05rem);color:var(--text-secondary);font-weight:500;letter-spacing:.015em;margin:0;line-height:1.5}.boot-splash-foot{margin:22px 0 0;font-size:clamp(11px,2.5vw,12px);font-weight:600;letter-spacing:.06em;color:var(--text-muted);text-transform:lowercase;opacity:.75}@media (prefers-reduced-motion: reduce){.page-loader-fade{animation:none}.main-motion{will-change:auto}.boot-splash-sweep{animation:none}.boot-splash-orb,.boot-splash-orb--1,.boot-splash-orb--2,.boot-splash-orb--3{animation:none;opacity:.32}.boot-splash-mark-halo{animation:none;opacity:.35;transform:none}.boot-splash-progress-track:after{animation:none;opacity:.55;background-position:22% 0}}@supports (scrollbar-color: auto auto){*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.08) transparent}}img{transition:opacity .3s ease}::selection{background:#0d94884d;color:var(--text)}@keyframes notifPulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.post-body a{color:var(--accent);text-decoration:underline;text-decoration-color:#0d94884d;text-underline-offset:2px;transition:text-decoration-color var(--transition)}.post-body a:hover{text-decoration-color:var(--accent)}.post-body code,.comment-body code{font-family:var(--font-mono);font-size:.9em;background:var(--bg-hover);padding:2px 6px;border-radius:4px;border:1px solid var(--border-subtle)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media (prefers-reduced-motion: reduce){.modal-overlay,.modal{animation:none!important}}