*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #08090c;--surface: #12151d;--surface2: #1a1f2e;--border: #1f2435;--text: #f1f5f9;--text-muted: #8a94a8;--text-secondary: #94a3b8;--green: #34d399;--red: #f87171;--yellow: #fbbf24;--blue: #60a5fa;--purple: #a78bfa;--accent: #818cf8;--accent-dim: rgba(129, 140, 248, .15);--gold: #fbbf24;--silver: #94a3b8;--bronze: #d97706;--card-shadow: 0 2px 12px rgba(0,0,0,.3);--radius: 16px;--radius-sm: 10px;--radius-xs: 6px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg);color:var(--text);min-height:100vh;font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.mono{font-family:JetBrains Mono,monospace}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.7}}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes ringFill{0%{stroke-dashoffset:283}}.animate-in{animation:fadeInUp .4s ease-out both}.animate-in-delay-1{animation-delay:.05s}.animate-in-delay-2{animation-delay:.1s}.animate-in-delay-3{animation-delay:.15s}.animate-in-delay-4{animation-delay:.2s}.skeleton{background:linear-gradient(90deg,var(--surface) 25%,var(--surface2) 50%,var(--surface) 75%);background-size:200% 100%;animation:pulse 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.skeleton-text{height:14px;margin-bottom:8px;border-radius:4px}.skeleton-title{height:22px;width:60%;margin-bottom:16px;border-radius:6px}.skeleton-card{height:120px;border-radius:var(--radius);margin-bottom:12px}.top-nav{display:flex;align-items:center;justify-content:space-between;padding:12px 24px;background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100}.nav-logo{font-size:18px;font-weight:700;display:flex;align-items:center;gap:8px}.nav-tabs{display:flex;gap:4px;background:var(--bg);border-radius:var(--radius-sm);padding:3px}.nav-tab{padding:8px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;border:none;background:transparent;color:var(--text-muted);transition:all .2s}.nav-tab:hover{color:var(--text);background:var(--surface2)}.nav-tab.active{background:var(--accent);color:#fff}.nav-admin{display:flex;gap:8px}.admin-btn{padding:6px 14px;border-radius:8px;font-size:12px;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;transition:all .2s}.admin-btn:hover{border-color:var(--accent);color:var(--text)}.bottom-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:var(--surface);border-top:1px solid var(--border);padding:6px 0;padding-bottom:max(6px,env(safe-area-inset-bottom));z-index:100}.bottom-nav-items{display:flex;justify-content:space-around}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 12px;border:none;background:none;color:var(--text-muted);font-size:10px;cursor:pointer;transition:color .2s}.bottom-nav-item .nav-icon{font-size:20px}.bottom-nav-item.active{color:var(--accent)}.filter-bar{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;gap:12px;flex-wrap:wrap}.filter-pills{display:flex;gap:6px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:2px}.filter-pills::-webkit-scrollbar{display:none}.filter-pill{padding:8px 16px;border-radius:20px;font-size:13px;font-weight:500;border:1px solid var(--border);background:var(--surface);color:var(--text-muted);cursor:pointer;white-space:nowrap;transition:all .2s}.filter-pill:hover{border-color:var(--accent);color:var(--text)}.filter-pill.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.asset-dropdown{padding:8px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:13px;min-width:140px}.main-content{padding:0 24px 24px;max-width:1200px;margin:0 auto}.narrative-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;margin-bottom:24px;animation:fadeInUp .4s ease-out}.narrative-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.narrative-label{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--accent)}.narrative-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.narrative-tldr{font-size:16px;font-weight:600;line-height:1.5;color:var(--text);margin-bottom:12px;padding:12px 16px;background:var(--accent-dim);border-radius:var(--radius-sm);border-left:3px solid var(--accent)}.narrative-signals{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.signal-chip{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500;background:var(--surface2);border:1px solid var(--border);color:var(--text)}.narrative-detail{font-size:13px;line-height:1.7;color:var(--text-muted)}.narrative-toggle{background:none;border:none;color:var(--accent);font-size:13px;cursor:pointer;padding:8px 0;font-weight:500}.sentiment-summary{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}.wof-section{margin-bottom:32px}.section-header{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:18px;font-weight:700}.section-subtitle{font-size:12px;color:var(--text-muted);font-weight:400}.podium{display:flex;justify-content:center;align-items:flex-end;gap:12px;margin-bottom:20px;padding:16px}.podium-item{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 12px;border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);min-width:100px;cursor:pointer;transition:transform .2s,box-shadow .2s}.podium-item:hover{transform:translateY(-4px);box-shadow:var(--card-shadow)}.podium-item.gold{border-color:var(--gold)}.podium-item.silver{border-color:var(--silver)}.podium-item.bronze{border-color:var(--bronze)}.podium-rank{font-size:24px}.podium-name{font-size:13px;font-weight:600;text-align:center}.podium-accuracy{font-size:20px;font-weight:700;font-family:JetBrains Mono,monospace}.podium-count{font-size:11px;color:var(--text-muted)}.accuracy-ring{width:64px;height:64px;position:relative}.accuracy-ring svg{transform:rotate(-90deg);width:64px;height:64px}.accuracy-ring .ring-bg{fill:none;stroke:var(--surface2);stroke-width:5}.accuracy-ring .ring-fill{fill:none;stroke-width:5;stroke-linecap:round;animation:ringFill 1s ease-out}.accuracy-value{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;font-weight:700;font-family:JetBrains Mono,monospace}.tier-label{font-size:10px;padding:3px 8px;border-radius:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.tier-elite{background:#34d39926;color:var(--green)}.tier-sharp{background:#60a5fa26;color:var(--blue)}.tier-mixed{background:#fbbf2426;color:var(--yellow)}.tier-low{background:#f8717126;color:var(--red)}.leaderboard-row{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-sm);background:var(--surface);margin-bottom:6px;cursor:pointer;transition:all .2s;border:1px solid transparent}.leaderboard-row:hover{background:var(--surface2);border-color:var(--border);transform:translate(4px)}.lb-rank{font-size:14px;font-weight:700;color:var(--text-muted);min-width:28px;text-align:center}.lb-name{font-weight:600;flex:1}.lb-tag{font-size:11px;padding:2px 8px;border-radius:10px;background:var(--surface2);color:var(--text-muted)}.lb-accuracy{font-weight:700;font-family:JetBrains Mono,monospace;min-width:44px;text-align:right}.lb-count{font-size:12px;color:var(--text-muted);min-width:90px;text-align:right}.predictions-section{margin-bottom:32px}.prediction-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:10px;cursor:pointer;transition:all .2s;animation:fadeInUp .3s ease-out both}.prediction-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--card-shadow)}.prediction-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.prediction-source{display:flex;align-items:center;gap:8px}.prediction-source-name{font-weight:600;font-size:13px}.prediction-date{font-size:12px;color:var(--text-muted)}.prediction-asset-chip{display:inline-flex;padding:3px 10px;border-radius:12px;font-size:12px;font-weight:700;font-family:JetBrains Mono,monospace;background:var(--surface2);margin-right:8px}.prediction-direction{display:inline-flex;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase}.direction-bull{background:#34d39926;color:var(--green)}.direction-bear{background:#f8717126;color:var(--red)}.direction-neutral{background:#818cf826;color:var(--accent)}.prediction-text{font-size:13px;line-height:1.6;color:var(--text-secondary);margin-top:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.show-more-btn{display:flex;align-items:center;justify-content:center;width:100%;padding:14px;border-radius:var(--radius);border:1px dashed var(--border);background:transparent;color:var(--accent);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s;margin-top:8px}.show-more-btn:hover{background:var(--accent-dim);border-color:var(--accent)}.sources-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.source-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;cursor:pointer;transition:all .2s;animation:fadeInUp .3s ease-out both}.source-card:hover{border-color:var(--accent);transform:translateY(-4px);box-shadow:var(--card-shadow)}.source-card-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.source-avatar{width:44px;height:44px;border-radius:50%;background:var(--accent-dim);display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:var(--accent)}.source-hero-stat{display:flex;flex-direction:column;align-items:center;padding:16px 0}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;display:flex;align-items:center;justify-content:center;padding:16px;animation:fadeIn .2s ease-out}.modal-content{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);max-width:640px;width:100%;max-height:85vh;overflow-y:auto;animation:scaleIn .25s ease-out}.scroll-top-btn{position:fixed;bottom:24px;right:24px;width:44px;height:44px;border-radius:50%;background:var(--accent);color:#fff;border:none;font-size:20px;cursor:pointer;box-shadow:var(--card-shadow);z-index:90;transition:all .2s;animation:slideUp .3s ease-out}.scroll-top-btn:hover{transform:scale(1.1)}.audit-strip{display:flex;align-items:center;gap:0;padding:10px 0 6px;margin-top:8px}.audit-pending-label{font-size:11px;color:var(--text-muted);font-style:italic}.audit-checkpoint{display:flex;align-items:center;gap:0;position:relative;flex:1}.audit-line{width:100%;height:2px;position:absolute;left:-50%;top:10px;z-index:0}.audit-line-done{background:var(--border)}.audit-line-pending{background:var(--surface2);background-image:repeating-linear-gradient(90deg,var(--surface2),var(--surface2) 4px,transparent 4px,transparent 8px)}.audit-dot{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;z-index:1;flex-shrink:0}.audit-dot-correct{background:#22c55e33;color:var(--green);border:2px solid var(--green)}.audit-dot-wrong{background:#f8717133;color:var(--red);border:2px solid var(--red)}.audit-dot-pending{background:var(--surface2);color:var(--text-muted);border:2px solid var(--border)}.audit-checkpoint-info{display:flex;flex-direction:column;align-items:center;margin-left:4px}.audit-window{font-size:10px;color:var(--text-muted);font-weight:600;text-transform:uppercase}.audit-delta{font-size:11px;font-weight:600;font-family:JetBrains Mono,monospace}.audit-delta.positive{color:var(--green)}.audit-delta.negative{color:var(--red)}.audit-delta.pending{color:var(--text-muted)}.audit-verdict{font-size:12px;font-weight:700}.methodology-section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:24px;overflow:hidden}.methodology-toggle{width:100%;padding:16px 20px;background:none;border:none;color:var(--accent);font-size:14px;font-weight:600;cursor:pointer;text-align:left;transition:background .2s}.methodology-toggle:hover{background:var(--surface2)}.methodology-content{padding:0 20px 20px;display:flex;flex-direction:column;gap:16px;animation:fadeIn .3s ease}.method-step{display:flex;gap:14px;align-items:flex-start}.method-step p{margin:4px 0 0;font-size:13px;color:var(--text-secondary);line-height:1.6}.method-step strong{color:var(--text);font-size:14px}.method-num{width:28px;height:28px;border-radius:50%;background:var(--accent-dim);color:var(--accent);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0}.prediction-feed{display:flex;flex-direction:column;gap:10px}.pred-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.pred-source-info{display:flex;align-items:center;gap:8px}.pred-source-name{font-weight:600;font-size:13px;color:var(--text)}.pred-source-tag{font-size:11px;color:var(--text-muted);background:var(--surface2);padding:2px 8px;border-radius:10px}.pred-date{font-size:11px;color:var(--text-muted)}.pred-dir-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.dir-badge{font-size:12px;font-weight:600;padding:3px 10px;border-radius:16px}.dir-badge.dir-bullish{background:#22c55e26;color:var(--green)}.dir-badge.dir-bearish{background:#f8717126;color:var(--red)}.dir-badge.dir-neutral{background:#818cf826;color:var(--accent)}.pred-asset-chip{font-family:JetBrains Mono,monospace;font-weight:700;font-size:13px;color:var(--accent);background:var(--surface2);padding:2px 10px;border-radius:10px}.pred-price-at{font-size:12px;color:var(--text-muted);font-family:JetBrains Mono,monospace}.pred-text{font-size:13px;line-height:1.6;color:var(--text-secondary);margin-bottom:4px}.pred-card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:6px;padding-top:6px;border-top:1px solid rgba(45,51,82,.5)}.pred-confidence{font-size:11px;color:var(--text-muted);font-family:JetBrains Mono,monospace}.audit-detail-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px;margin-bottom:12px;animation:fadeInUp .3s ease-out both}.audit-card-header{display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap}.audit-card-asset{font-family:JetBrains Mono,monospace;font-weight:700;font-size:14px;color:var(--accent)}.audit-card-target{font-size:13px;color:var(--green);font-weight:600}.audit-card-date{margin-left:auto;font-size:11px;color:var(--text-muted)}.audit-card-quote{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:12px 14px;margin-bottom:12px;cursor:pointer}.audit-card-quote .quote-label{font-size:10px;font-weight:700;color:var(--text-muted);letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px}.audit-card-quote p{font-size:13px;color:var(--text-secondary);line-height:1.6;margin:0}.audit-card-quote p.truncated{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.expand-btn{background:none;border:none;color:var(--accent);font-size:12px;cursor:pointer;padding:4px 0 0;font-weight:500}.price-timeline{margin-bottom:12px}.timeline-row{display:flex;align-items:center;gap:10px;padding:6px 10px;border-radius:6px;margin-bottom:3px;font-size:13px}.timeline-row.baseline{background:var(--surface)}.timeline-row.hit{background:#22c55e0f;border-left:3px solid var(--green)}.timeline-row.miss{background:#f871710f;border-left:3px solid var(--red)}.timeline-row.pending{background:var(--surface);border-left:3px solid var(--text-muted)}.timeline-label{flex:1;font-size:12px;color:var(--text-muted)}.timeline-price{font-family:JetBrains Mono,monospace;font-weight:700;font-size:13px;color:var(--text)}.timeline-delta{font-family:JetBrains Mono,monospace;font-size:12px;font-weight:600;min-width:50px;text-align:right}.timeline-delta.positive{color:var(--green)}.timeline-delta.negative{color:var(--red)}.timeline-hit{font-size:14px;min-width:20px;text-align:center}.confidence-meter{display:flex;align-items:center;gap:8px;font-size:12px}.confidence-label{color:var(--text-muted);font-size:11px}.confidence-bar{width:60px;height:4px;background:var(--surface2);border-radius:2px;overflow:hidden}.confidence-fill{height:100%;background:var(--accent);border-radius:2px;transition:width .5s}.confidence-val{font-family:JetBrains Mono,monospace;font-size:11px;color:var(--text-muted)}.audit-card-footer{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:8px}.article-link{font-size:12px;color:var(--accent);font-weight:500;text-decoration:none;margin-left:auto}.article-link:hover{text-decoration:underline}.method-link{background:none;border:none;color:var(--accent);font-size:12px;cursor:pointer;padding:4px 0;font-weight:500}.method-explanation{font-size:13px;color:var(--text-secondary);line-height:1.7;margin-top:8px;padding:12px 14px;background:var(--surface);border-radius:8px;border:1px solid var(--border)}.source-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.source-stat-box{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-xs);padding:12px;text-align:center;display:flex;flex-direction:column;gap:4px}.source-stat-val{font-size:20px;font-weight:700;font-family:JetBrains Mono,monospace;color:var(--text)}.source-stat-label{font-size:10px;color:var(--text-muted);text-transform:uppercase letter-spacing: .08em}.source-predictions-list{display:flex;flex-direction:column;gap:12px}.pending-pred-row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xs);padding:12px 14px;opacity:.7}.chart-toggle{background:none;border:none;color:var(--accent);font-size:11px;cursor:pointer;font-weight:500}@media (max-width: 768px){.top-nav{padding:10px 16px}.nav-logo{font-size:15px}.nav-admin,.nav-tabs{display:none}.bottom-nav{display:flex}.filter-bar{padding:12px 16px;flex-wrap:nowrap;overflow-x:auto}.filter-pills{flex-shrink:0}.asset-dropdown{min-width:110px;font-size:12px}.main-content{padding:0 12px 100px}.narrative-grid{grid-template-columns:1fr}.narrative-card{padding:16px}.podium{flex-wrap:wrap;padding:8px;gap:8px}.podium-item{min-width:90px;padding:12px 8px}.leaderboard-row{padding:10px 12px;gap:8px}.lb-count{display:none}.prediction-card{padding:12px}.sources-grid{grid-template-columns:1fr;gap:12px}.modal-content{max-width:100%;max-height:90vh;border-radius:var(--radius) var(--radius) 0 0;margin-top:auto}.modal-overlay{align-items:flex-end;padding:0}.scroll-top-btn{bottom:80px;right:16px}.section-header{font-size:16px}.audit-strip{gap:0}.audit-checkpoint-info{display:none}.audit-dot{width:18px;height:18px;font-size:9px}.source-stats-grid{grid-template-columns:repeat(2,1fr)}.audit-card-header{gap:6px}.audit-card-date{margin-left:0}.timeline-row{gap:6px;padding:5px 8px}}@media (max-width: 480px){.filter-pill{padding:6px 12px;font-size:12px}.podium-item{min-width:80px}.podium-accuracy{font-size:16px}.podium-name{font-size:11px}.lb-tag{display:none}.prediction-text{-webkit-line-clamp:2}.audit-detail-card{padding:12px}.confidence-meter{flex-wrap:wrap}.audit-card-footer{gap:10px}}