:root{--bg-primary: #0a0e17;--bg-secondary: #111827;--bg-tertiary: #1a2235;--bg-card: #141b2d;--bg-card-hover: #1a2340;--bg-glass: rgba(20, 27, 45, .85);--surface-border: rgba(99, 179, 237, .12);--surface-border-hover: rgba(99, 179, 237, .25);--surface-glow: rgba(99, 179, 237, .06);--text-primary: #f0f4fc;--text-secondary: #8899b8;--text-tertiary: #5a6a8a;--text-accent: #63b3ed;--color-power: #ef4444;--color-data: #3b82f6;--color-thermal: #f59e0b;--color-sensor: #10b981;--color-cyan: #06b6d4;--color-purple: #8b5cf6;--gradient-hero: linear-gradient(135deg, #0a0e17 0%, #111827 40%, #1a1a3e 100%);--gradient-card: linear-gradient(145deg, #141b2d 0%, #0f1420 100%);--gradient-accent: linear-gradient(135deg, #06b6d4, #3b82f6, #8b5cf6);--gradient-glow: radial-gradient(ellipse at 50% 0%, rgba(6, 182, 212, .15) 0%, transparent 60%);--gradient-tear: linear-gradient(135deg, #06b6d4 0%, #10b981 50%, #3b82f6 100%);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 30px rgba(0, 0, 0, .5);--shadow-glow: 0 0 30px rgba(6, 182, 212, .15);--shadow-glow-strong: 0 0 60px rgba(6, 182, 212, .25);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .4s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;overflow-x:hidden}a{color:var(--text-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-cyan)}img{max-width:100%;height:auto;display:block}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-6)}.container-wide{max-width:1400px;margin:0 auto;padding:0 var(--space-6)}.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#0a0e17cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--surface-border);transition:background var(--transition-base)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:72px;max-width:1400px;margin:0 auto;padding:0 var(--space-6)}.nav-logo{display:flex;align-items:center;gap:var(--space-3);font-weight:800;font-size:var(--text-xl);color:var(--text-primary)}.nav-logo-icon{width:36px;height:36px;background:var(--gradient-accent);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:20px;box-shadow:var(--shadow-glow)}.nav-logo span{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;align-items:center;gap:var(--space-8);list-style:none}.nav-links a{color:var(--text-secondary);font-weight:500;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;transition:color var(--transition-fast);position:relative}.nav-links a:hover{color:var(--text-primary)}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--gradient-accent);transition:width var(--transition-base)}.nav-links a:hover:after{width:100%}.nav-actions{display:flex;align-items:center;gap:var(--space-4)}.btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);font-weight:600;font-size:var(--text-sm);transition:all var(--transition-base);white-space:nowrap}.btn-primary{background:var(--gradient-accent);color:#fff;box-shadow:var(--shadow-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow-strong)}.btn-outline{border:1px solid var(--surface-border);color:var(--text-secondary);background:transparent}.btn-outline:hover{border-color:var(--text-accent);color:var(--text-primary);background:#63b3ed0d}.btn-ghost{color:var(--text-secondary);padding:var(--space-2) var(--space-4)}.btn-ghost:hover{color:var(--text-primary);background:#ffffff0d;border-radius:var(--radius-md)}.btn-tear{background:var(--gradient-tear);color:#fff;font-weight:700;box-shadow:0 0 20px #06b6d44d}.btn-tear:hover{transform:translateY(-2px);box-shadow:0 0 40px #06b6d466}.hero{position:relative;padding:calc(72px + var(--space-20)) 0 var(--space-16);background:var(--gradient-hero);overflow:hidden;min-height:90vh;display:flex;align-items:center}.hero:before{content:"";position:absolute;inset:0;background:var(--gradient-glow);pointer-events:none}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(99,179,237,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(99,179,237,.03) 1px,transparent 1px);background-size:60px 60px;pointer-events:none}.hero-content{position:relative;z-index:2;max-width:1400px;margin:0 auto;padding:0 var(--space-6);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center}.hero-text{max-width:600px}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:#06b6d41a;border:1px solid rgba(6,182,212,.2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;color:var(--color-cyan);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-6);animation:pulse-glow 3s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px #06b6d41a}50%{box-shadow:0 0 20px #06b6d433}}.hero-title{font-size:var(--text-5xl);font-weight:900;line-height:1.1;margin-bottom:var(--space-6);letter-spacing:-.02em}.hero-title .gradient-text{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:var(--text-lg);color:var(--text-secondary);line-height:1.7;margin-bottom:var(--space-8)}.hero-actions{display:flex;gap:var(--space-4);margin-bottom:var(--space-10)}.hero-stats{display:flex;gap:var(--space-10)}.hero-stat{text-align:left}.hero-stat-value{font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:700;color:var(--text-primary)}.hero-stat-label{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em;margin-top:var(--space-1)}.hero-visual{position:relative;display:flex;justify-content:center;align-items:center}.hero-showcase{position:relative;width:100%;max-width:500px}.hero-showcase-card{position:relative;border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--surface-border);box-shadow:var(--shadow-lg),var(--shadow-glow);animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.hero-showcase-card img{width:100%;aspect-ratio:1;object-fit:cover}.hero-showcase-label{position:absolute;bottom:0;left:0;right:0;padding:var(--space-4) var(--space-5);background:linear-gradient(transparent,#0a0e17f2);display:flex;align-items:center;justify-content:space-between}.hero-showcase-label-text{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.hero-showcase-label-badge{font-size:var(--text-xs);padding:var(--space-1) var(--space-3);background:var(--gradient-tear);border-radius:var(--radius-full);font-weight:700;color:#fff}.hero-annotation{position:absolute;display:flex;align-items:center;gap:var(--space-2);animation:fade-slide 8s ease-in-out infinite}.hero-annotation-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.hero-annotation-line{width:40px;height:1px}.hero-annotation-text{font-family:var(--font-mono);font-size:var(--text-xs);white-space:nowrap;opacity:.7}.hero-annotation.red{color:var(--color-power)}.hero-annotation.red .hero-annotation-dot,.hero-annotation.red .hero-annotation-line{background:var(--color-power)}.hero-annotation.blue{color:var(--color-data)}.hero-annotation.blue .hero-annotation-dot,.hero-annotation.blue .hero-annotation-line{background:var(--color-data)}.hero-annotation.orange{color:var(--color-thermal)}.hero-annotation.orange .hero-annotation-dot,.hero-annotation.orange .hero-annotation-line{background:var(--color-thermal)}.hero-annotation.green{color:var(--color-sensor)}.hero-annotation.green .hero-annotation-dot,.hero-annotation.green .hero-annotation-line{background:var(--color-sensor)}@keyframes fade-slide{0%,to{opacity:.6;transform:translate(0)}50%{opacity:1;transform:translate(4px)}}.prompt-section{padding:var(--space-20) 0;background:var(--bg-secondary);border-top:1px solid var(--surface-border);border-bottom:1px solid var(--surface-border)}.prompt-header{text-align:center;margin-bottom:var(--space-12)}.prompt-header h2{font-size:var(--text-3xl);font-weight:800;margin-bottom:var(--space-4)}.prompt-header p{color:var(--text-secondary);font-size:var(--text-lg);max-width:600px;margin:0 auto}.prompt-card{background:var(--bg-primary);border:1px solid var(--surface-border);border-radius:var(--radius-lg);padding:var(--space-8);position:relative;overflow:hidden;max-width:900px;margin:0 auto}.prompt-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-accent)}.prompt-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-6)}.prompt-card-title{display:flex;align-items:center;gap:var(--space-3);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--text-secondary)}.prompt-card-dot{width:12px;height:12px;border-radius:50%}.prompt-template-text{font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.8;color:var(--text-secondary);white-space:pre-wrap;word-wrap:break-word}.prompt-template-text .highlight{color:var(--color-cyan);font-weight:600}.prompt-template-text .placeholder{color:var(--color-thermal);background:#f59e0b1a;padding:2px 6px;border-radius:4px;font-weight:700}.prompt-copy-btn{margin-top:var(--space-6);display:flex;justify-content:center}.color-legend{display:flex;gap:var(--space-6);margin-top:var(--space-8);justify-content:center;flex-wrap:wrap}.color-legend-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-family:var(--font-mono);color:var(--text-secondary)}.color-legend-dot{width:10px;height:10px;border-radius:50%}.feed-section{padding:var(--space-20) 0}.feed-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-8)}.feed-header h2{font-size:var(--text-3xl);font-weight:800}.feed-tabs{display:flex;background:var(--bg-tertiary);border-radius:var(--radius-full);padding:4px;border:1px solid var(--surface-border)}.feed-tab{padding:var(--space-2) var(--space-5);border-radius:var(--radius-full);font-weight:600;font-size:var(--text-sm);color:var(--text-tertiary);transition:all var(--transition-base);cursor:pointer}.feed-tab:hover{color:var(--text-secondary)}.feed-tab.active{background:var(--gradient-accent);color:#fff;box-shadow:var(--shadow-glow)}.feed-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-6)}.teardown-card{background:var(--gradient-card);border:1px solid var(--surface-border);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition-base);position:relative}.teardown-card:hover{border-color:var(--surface-border-hover);transform:translateY(-4px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.teardown-card-image{position:relative;aspect-ratio:1;overflow:hidden}.teardown-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.teardown-card:hover .teardown-card-image img{transform:scale(1.05)}.teardown-card-category{position:absolute;top:var(--space-3);left:var(--space-3);padding:var(--space-1) var(--space-3);background:#0a0e17d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--surface-border)}.teardown-card-reward{position:absolute;top:var(--space-3);right:var(--space-3);padding:var(--space-1) var(--space-3);background:var(--gradient-tear);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;color:#fff;display:flex;align-items:center;gap:var(--space-1);box-shadow:0 0 15px #06b6d44d}.teardown-card-body{padding:var(--space-5)}.teardown-card-title{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-2);color:var(--text-primary)}.teardown-card-meta{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:var(--space-4)}.teardown-card-author{display:flex;align-items:center;gap:var(--space-2)}.teardown-card-avatar{width:20px;height:20px;border-radius:50%;background:var(--gradient-accent);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;color:#fff}.teardown-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-4);border-top:1px solid var(--surface-border)}.vote-controls{display:flex;align-items:center;gap:var(--space-1)}.vote-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-fast);font-size:16px}.vote-btn:hover{background:#ffffff0f}.vote-btn.upvote:hover,.vote-btn.upvote.active{color:var(--color-sensor);background:#10b9811a}.vote-btn.downvote:hover,.vote-btn.downvote.active{color:var(--color-power);background:#ef44441a}.vote-count{font-family:var(--font-mono);font-weight:700;font-size:var(--text-sm);min-width:32px;text-align:center;color:var(--text-primary)}.teardown-card-actions{display:flex;align-items:center;gap:var(--space-3)}.card-action-btn{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--text-tertiary);transition:color var(--transition-fast);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm)}.card-action-btn:hover{color:var(--text-secondary);background:#ffffff0a}.tokenomics-section{padding:var(--space-24) 0;background:var(--bg-secondary);border-top:1px solid var(--surface-border);border-bottom:1px solid var(--surface-border);position:relative;overflow:hidden}.tokenomics-section:before{content:"";position:absolute;inset:0;background:var(--gradient-glow);pointer-events:none}.tokenomics-header{text-align:center;margin-bottom:var(--space-16);position:relative;z-index:1}.tokenomics-header h2{font-size:var(--text-4xl);font-weight:900;margin-bottom:var(--space-4)}.tokenomics-header p{color:var(--text-secondary);font-size:var(--text-lg);max-width:600px;margin:0 auto}.token-name{font-family:var(--font-mono);font-weight:900;background:var(--gradient-tear);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tokenomics-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8);position:relative;z-index:1}.pillar{background:var(--bg-card);border:1px solid var(--surface-border);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;position:relative;overflow:hidden;transition:all var(--transition-base)}.pillar:hover{transform:translateY(-6px);border-color:var(--surface-border-hover);box-shadow:var(--shadow-lg),var(--shadow-glow)}.pillar:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.pillar:nth-child(1):before{background:var(--color-sensor)}.pillar:nth-child(2):before{background:var(--color-thermal)}.pillar:nth-child(3):before{background:var(--color-purple)}.pillar-icon{width:64px;height:64px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:28px;margin:0 auto var(--space-6)}.pillar:nth-child(1) .pillar-icon{background:#10b9811a;border:1px solid rgba(16,185,129,.2)}.pillar:nth-child(2) .pillar-icon{background:#f59e0b1a;border:1px solid rgba(245,158,11,.2)}.pillar:nth-child(3) .pillar-icon{background:#8b5cf61a;border:1px solid rgba(139,92,246,.2)}.pillar h3{font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-3)}.pillar p{color:var(--text-secondary);font-size:var(--text-sm);line-height:1.7}.token-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6);margin-top:var(--space-12);position:relative;z-index:1}.token-metric{background:var(--bg-card);border:1px solid var(--surface-border);border-radius:var(--radius-lg);padding:var(--space-6);text-align:center}.token-metric-value{font-family:var(--font-mono);font-size:var(--text-2xl);font-weight:800;color:var(--color-cyan);margin-bottom:var(--space-2)}.token-metric-label{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em}.token-flow{margin-top:var(--space-12);position:relative;z-index:1}.token-flow-diagram{display:flex;align-items:center;justify-content:center;gap:var(--space-4);flex-wrap:wrap;padding:var(--space-8);background:var(--bg-card);border:1px solid var(--surface-border);border-radius:var(--radius-xl)}.flow-node{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-6);background:var(--bg-tertiary);border:1px solid var(--surface-border);border-radius:var(--radius-lg);min-width:120px}.flow-node-icon{font-size:24px}.flow-node-label{font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);text-align:center}.flow-arrow{font-size:20px;color:var(--text-tertiary);animation:flow-pulse 2s ease-in-out infinite}@keyframes flow-pulse{0%,to{opacity:.4}50%{opacity:1;color:var(--color-cyan)}}.leaderboard-section{padding:var(--space-20) 0}.leaderboard-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-8)}.leaderboard-header h2{font-size:var(--text-3xl);font-weight:800}.leaderboard-tabs{display:flex;gap:var(--space-2)}.leaderboard-tab{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;color:var(--text-tertiary);border:1px solid transparent;transition:all var(--transition-fast);cursor:pointer}.leaderboard-tab:hover{color:var(--text-secondary);border-color:var(--surface-border)}.leaderboard-tab.active{color:var(--text-primary);background:var(--bg-tertiary);border-color:var(--surface-border)}.leaderboard-table{background:var(--bg-card);border:1px solid var(--surface-border);border-radius:var(--radius-lg);overflow:hidden}.leaderboard-row{display:grid;grid-template-columns:60px 1fr 120px 120px 140px;align-items:center;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--surface-border);transition:background var(--transition-fast)}.leaderboard-row:last-child{border-bottom:none}.leaderboard-row:hover{background:var(--bg-card-hover)}.leaderboard-row.header{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em;font-weight:600}.leaderboard-rank{font-family:var(--font-mono);font-weight:800;font-size:var(--text-lg)}.leaderboard-rank.gold{color:#fbbf24}.leaderboard-rank.silver{color:#94a3b8}.leaderboard-rank.bronze{color:#d97706}.leaderboard-user{display:flex;align-items:center;gap:var(--space-3)}.leaderboard-avatar{width:36px;height:36px;border-radius:50%;background:var(--gradient-accent);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--text-sm);color:#fff}.leaderboard-name{font-weight:600}.leaderboard-value{font-family:var(--font-mono);font-weight:600;font-size:var(--text-sm);color:var(--text-secondary)}.leaderboard-tear{font-family:var(--font-mono);font-weight:700;color:var(--color-cyan)}.modal-overlay{position:fixed;inset:0;background:#000000b3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:200;display:flex;align-items:center;justify-content:center;padding:var(--space-6);opacity:0;pointer-events:none;transition:opacity var(--transition-base)}.modal-overlay.active{opacity:1;pointer-events:all}.modal{background:var(--bg-secondary);border:1px solid var(--surface-border);border-radius:var(--radius-xl);width:100%;max-width:680px;max-height:90vh;overflow-y:auto;transform:translateY(20px);transition:transform var(--transition-base)}.modal-overlay.active .modal{transform:translateY(0)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6) var(--space-8);border-bottom:1px solid var(--surface-border)}.modal-header h3{font-size:var(--text-xl);font-weight:700}.modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);font-size:20px;color:var(--text-tertiary);transition:all var(--transition-fast)}.modal-close:hover{background:#ffffff0f;color:var(--text-primary)}.modal-body{padding:var(--space-8)}.form-group{margin-bottom:var(--space-6)}.form-label{display:block;font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);margin-bottom:var(--space-2)}.form-input,.form-textarea,.form-select{width:100%;padding:var(--space-3) var(--space-4);background:var(--bg-primary);border:1px solid var(--surface-border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);font-size:var(--text-sm);transition:border-color var(--transition-fast)}.form-input:focus,.form-textarea:focus,.form-select:focus{outline:none;border-color:var(--color-cyan);box-shadow:0 0 0 3px #06b6d41a}.form-textarea{font-family:var(--font-mono);font-size:var(--text-xs);line-height:1.7;min-height:150px;resize:vertical}.form-select{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='%238899b8' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.form-hint{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-1)}.upload-zone{border:2px dashed var(--surface-border);border-radius:var(--radius-lg);padding:var(--space-10);text-align:center;cursor:pointer;transition:all var(--transition-base)}.upload-zone:hover{border-color:var(--color-cyan);background:#06b6d408}.upload-zone-icon{font-size:40px;margin-bottom:var(--space-3);opacity:.5}.upload-zone-text{font-size:var(--text-sm);color:var(--text-secondary)}.upload-zone-hint{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-2)}.modal-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6) var(--space-8);border-top:1px solid var(--surface-border)}.gemini-badge{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-tertiary);font-family:var(--font-mono)}.footer{padding:var(--space-16) 0 var(--space-8);border-top:1px solid var(--surface-border)}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-12);margin-bottom:var(--space-12)}.footer-brand{max-width:300px}.footer-brand-logo{display:flex;align-items:center;gap:var(--space-3);font-weight:800;font-size:var(--text-xl);margin-bottom:var(--space-4)}.footer-brand-logo span{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-brand p{font-size:var(--text-sm);color:var(--text-tertiary);line-height:1.7}.footer-col h4{font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);margin-bottom:var(--space-4)}.footer-col a{display:block;font-size:var(--text-sm);color:var(--text-tertiary);padding:var(--space-1) 0;transition:color var(--transition-fast)}.footer-col a:hover{color:var(--text-primary)}.footer-bottom{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-8);border-top:1px solid var(--surface-border);font-size:var(--text-xs);color:var(--text-tertiary)}.wallet-connected{position:relative}.wallet-profile-btn{display:flex;align-items:center;gap:var(--space-2);padding:6px 12px 6px 6px;background:var(--bg-tertiary);border:1px solid var(--surface-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.wallet-profile-btn:hover{border-color:var(--surface-border-hover);background:var(--bg-card-hover)}.wallet-avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;color:#fff;flex-shrink:0}.wallet-address{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;color:var(--text-primary)}.wallet-provider-badge{font-size:10px;padding:2px 6px;background:#06b6d41a;border:1px solid rgba(6,182,212,.2);border-radius:var(--radius-full);color:var(--color-cyan);font-weight:600}.wallet-dropdown-arrow{font-size:12px;color:var(--text-tertiary);transition:transform var(--transition-fast)}.wallet-profile-btn:hover .wallet-dropdown-arrow{color:var(--text-secondary)}.wallet-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:280px;background:var(--bg-secondary);border:1px solid var(--surface-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;transform:translateY(-8px);transition:all var(--transition-base);z-index:300;overflow:hidden}.wallet-dropdown.active{opacity:1;pointer-events:all;transform:translateY(0)}.wallet-dropdown-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--bg-card)}.wallet-dropdown-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:800;color:#fff;flex-shrink:0}.wallet-dropdown-info{display:flex;flex-direction:column;gap:2px}.wallet-dropdown-addr{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.wallet-dropdown-provider{font-size:var(--text-xs);color:var(--text-tertiary)}.wallet-dropdown-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);padding:var(--space-4) var(--space-5)}.wallet-dropdown-stat{text-align:center;padding:var(--space-2);background:var(--bg-tertiary);border-radius:var(--radius-md)}.wallet-dropdown-stat-value{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:700;color:var(--color-cyan);display:block}.wallet-dropdown-stat-label{font-size:var(--text-xs);color:var(--text-tertiary)}.wallet-dropdown-divider{height:1px;background:var(--surface-border);margin:0 var(--space-4)}.wallet-dropdown-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-5);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:left}.wallet-dropdown-item:hover{background:#ffffff0a;color:var(--text-primary)}.wallet-dropdown-disconnect{color:var(--color-power)}.wallet-dropdown-disconnect:hover{background:#ef444414;color:var(--color-power)}.wallet-modal{max-width:420px}.wallet-providers-section{margin-bottom:var(--space-4)}.wallet-providers-label{font-size:var(--text-xs);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-3)}.wallet-provider-btn{display:flex;align-items:center;gap:var(--space-4);width:100%;padding:var(--space-4) var(--space-5);background:var(--bg-primary);border:1px solid var(--surface-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);margin-bottom:var(--space-2);text-align:left}.wallet-provider-btn:hover{border-color:var(--color-cyan);background:#06b6d408;transform:translate(4px)}.wallet-provider-icon{font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:var(--radius-md)}.wallet-provider-name{flex:1;font-weight:600;font-size:var(--text-sm);color:var(--text-primary)}.wallet-provider-status{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:500}.wallet-provider-status.detected{color:var(--color-sensor);background:#10b9811a;padding:2px 8px;border-radius:var(--radius-full);border:1px solid rgba(16,185,129,.2)}.username-preview{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);background:var(--bg-card);border:1px solid var(--surface-border);border-radius:var(--radius-lg)}.username-preview-avatar{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:800;color:#fff;flex-shrink:0;transition:all var(--transition-base)}.username-preview-info{display:flex;flex-direction:column;gap:2px}.username-preview-name{font-family:var(--font-mono);font-size:var(--text-lg);font-weight:700;color:var(--text-primary);transition:all var(--transition-fast)}.username-preview-addr{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-tertiary)}.wallet-dropdown-name{font-weight:700;font-size:var(--text-sm);color:var(--color-cyan)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}@media(max-width:1024px){.hero-content{grid-template-columns:1fr;text-align:center}.hero-text{max-width:100%}.hero-actions,.hero-stats{justify-content:center}.hero-visual{order:-1}.hero-showcase{max-width:380px}.hero-annotation{display:none}.tokenomics-pillars{grid-template-columns:1fr;max-width:480px;margin:0 auto}.token-metrics{grid-template-columns:repeat(2,1fr)}.footer-content{grid-template-columns:1fr 1fr;gap:var(--space-8)}}@media(max-width:768px){.hero-title{font-size:var(--text-3xl)}.nav-links{display:none}.feed-header{flex-direction:column;gap:var(--space-4);align-items:flex-start}.feed-grid{grid-template-columns:1fr}.leaderboard-header{flex-direction:column;gap:var(--space-4);align-items:flex-start}.leaderboard-row{grid-template-columns:40px 1fr 80px}.leaderboard-row>:nth-child(3),.leaderboard-row>:nth-child(4){display:none}.footer-content{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:var(--space-3);text-align:center}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%;justify-content:center}.token-metrics{grid-template-columns:1fr}.token-flow-diagram{flex-direction:column}.flow-arrow{transform:rotate(90deg)}}