:root{--bg-dark:#0d0d0d;--bg-card:#141414;--text-primary:#ffffff;--text-muted:#666666;--text-dim:#404040;--accent-primary:#ffffff;--accent-secondary:#999999;--accent-tertiary:#666666;--positive-green:#00ff88;--negative-red:#ff4444;--multiplier-color:#00ff88;--border:rgba(255, 255, 255, 0.08);--border-hover:rgba(255, 255, 255, 0.15)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-dark);color:var(--text-primary);height:100vh;overflow:hidden;position:relative;padding-top:36px}body::before{content:'';position:fixed;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.04) 0,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.03) 0,transparent 50%),radial-gradient(circle at 40% 20%,rgba(255,255,255,.02) 0,transparent 50%);animation:float 30s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes float{0%,100%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.02)}}.container{max-width:1200px;margin:0 auto;padding:16px;position:relative;z-index:1;height:100vh;display:flex;flex-direction:column}.ticker-bar{position:fixed;top:0;left:0;right:0;height:36px;background:var(--bg-dark);border-bottom:1px solid rgba(255,255,255,.1);z-index:100;display:flex;align-items:center;padding:0 20px}.ticker-content{display:flex;align-items:center;justify-content:center;gap:20px;width:100%;max-width:1200px;margin:0 auto}.ticker-item{display:flex;align-items:center;gap:6px}.ticker-label{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em;font-weight:500}.ticker-value{font-size:13px;color:var(--text-primary);font-weight:600;font-variant-numeric:tabular-nums}.ticker-change{font-size:12px;font-weight:600;padding:2px 6px;border-radius:4px;font-variant-numeric:tabular-nums}.ticker-change.positive{color:var(--positive-green);background:rgba(0,255,136,.1)}.ticker-change.negative{color:var(--negative-red);background:rgba(255,68,68,.1)}.ticker-separator{width:1px;height:20px;background:var(--border);opacity:.5}.hero{text-align:center;padding:17px 0 30px}.hero-title{font-family:Georgia,"Times New Roman",serif;font-size:clamp(44px, 7.5vw, 72px);font-weight:900;font-style:normal;letter-spacing:-.025em;text-transform:uppercase;background:linear-gradient(135deg,#fff 0,#999 50%,#fff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.selector-section{text-align:center;margin-bottom:24px}.selector-label{display:inline-block;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);margin-right:12px}.market-cap-selector{padding:8px 16px;font-size:14px;font-weight:500;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);cursor:pointer;transition:all .2s ease}.market-cap-selector:hover{border-color:var(--accent-primary);background:rgba(255,255,255,.03)}.market-cap-selector:focus{outline:0;border-color:var(--accent-primary)}.comparison-section{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:stretch;margin-bottom:20px;max-width:900px;margin-left:auto;margin-right:auto}.price-column{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;padding:20px;text-align:center;position:relative;transition:all .3s ease}.current-column{background:linear-gradient(135deg,var(--bg-card) 0,rgba(255,255,255,.02) 100%)}.future-column{background:linear-gradient(135deg,rgba(255,255,255,.02) 0,var(--bg-card) 100%);border-color:rgba(255,255,255,.15)}.column-header{margin-bottom:16px}.column-title{display:block;font-size:14px;font-weight:600;margin-bottom:2px}.current-column .column-title{color:var(--text-muted)}.future-column .column-title{color:var(--text-primary)}#selectedAssetName{color:var(--accent-primary)}.column-subtitle{display:block;font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.price-display{margin-bottom:20px}.price-main{display:block;font-size:clamp(28px, 3vw, 36px);font-weight:800;line-height:1;margin-bottom:4px;font-variant-numeric:tabular-nums}.current-column .price-main{color:var(--text-primary)}.future-column .price-main{background:linear-gradient(135deg,#fff 0,#ccc 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.price-label{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim)}.vs-divider{display:flex;align-items:center;justify-content:center}.vs-text{font-size:14px;font-weight:700;color:var(--text-dim);padding:8px 12px;background:var(--bg-card);border:1px solid var(--border);border-radius:8px}.portfolio-value-box{padding-top:16px;border-top:1px solid var(--border);opacity:0;transform:translateY(8px);transition:all .3s ease;min-height:60px}.portfolio-value-box.visible{opacity:1;transform:translateY(0)}.portfolio-label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim);margin-bottom:4px}.portfolio-amount{display:block;font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}.current-column .portfolio-amount{color:var(--text-primary)}.future-column .portfolio-amount{color:var(--accent-primary)}.multiplier-section{text-align:center;margin-bottom:24px}.multiplier-badge{display:inline-block;padding:6px 16px;background:rgba(0,255,136,.1);color:var(--multiplier-color);border:1px solid rgba(0,255,136,.2);border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.05em}.input-section{max-width:400px;margin:0 auto 24px;text-align:center}.nock-input{width:100%;padding:12px 16px;font-size:18px;background:var(--bg-card);border:2px solid var(--border);border-radius:12px;color:var(--text-primary);text-align:center;font-weight:600;transition:all .3s ease;font-variant-numeric:tabular-nums}.nock-input::placeholder{color:var(--text-dim);font-weight:400;font-size:14px}.nock-input:focus{outline:0;border-color:var(--accent-primary);background:rgba(255,255,255,.02)}.input-hint{display:block;margin-top:8px;font-size:10px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.faq-section{max-width:800px;margin:32px auto;padding:0 16px}.faq-title{font-size:24px;font-weight:700;text-align:center;margin-bottom:24px;color:var(--text-primary)}.faq-item{margin-bottom:20px;padding:20px;background:var(--bg-card);border:1px solid var(--border);border-radius:12px;transition:all .3s ease}.faq-item:hover{border-color:var(--border-hover);background:rgba(255,255,255,.02)}.faq-question{font-size:16px;font-weight:600;color:var(--text-primary);margin-bottom:8px;line-height:1.4}.faq-answer{font-size:14px;line-height:1.6;color:var(--text-muted)}.faq-answer p{margin:0}.footer{text-align:center;padding:16px 0;margin-top:auto;opacity:.3;font-size:10px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.footer p{margin:4px 0}@media (max-height:800px){.hero{padding:12px 0}.hero-title{font-size:36px}.selector-section{margin-bottom:16px}.comparison-section{margin-bottom:16px}.price-column{padding:16px}.price-main{font-size:28px}.multiplier-section{margin-bottom:16px}.input-section{margin-bottom:16px}.stats-section{margin-bottom:12px;padding:12px}}@media (max-width:768px){body{height:auto;min-height:100vh;overflow-y:auto;padding-top:44px}.container{height:auto;min-height:calc(100vh - 44px);padding:12px;padding-bottom:env(safe-area-inset-bottom,20px)}.ticker-bar{top:0;padding-top:env(safe-area-inset-top,0);height:auto;min-height:44px;padding-left:env(safe-area-inset-left,12px);padding-right:env(safe-area-inset-right,12px)}.ticker-content{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;gap:12px;padding:8px 0;-webkit-overflow-scrolling:touch;scrollbar-width:none}.ticker-content::-webkit-scrollbar{display:none}.ticker-item{flex-shrink:0;white-space:nowrap}.ticker-separator{flex-shrink:0}.hero{padding:8px 0 16px}.hero-title{font-size:clamp(32px, 10vw, 40px);line-height:1.1}.comparison-section{grid-template-columns:1fr;gap:12px;margin-bottom:16px}.vs-divider{order:-1;margin:12px 0}.vs-text{font-size:12px;padding:6px 10px}.price-column{padding:16px;min-height:auto}.price-main{font-size:24px}.portfolio-amount{font-size:18px}.nock-input{font-size:16px;padding:12px;min-height:48px;-webkit-appearance:none}.market-cap-selector{min-height:44px;font-size:16px;padding:10px 16px}.faq-section{margin:24px auto;padding:0 8px}.faq-title{font-size:20px;margin-bottom:16px}.faq-item{padding:16px;margin-bottom:12px}.faq-question{font-size:15px}.faq-answer{font-size:13px}.stats-section{position:relative;bottom:auto;right:auto;width:100%;margin-bottom:16px;background:var(--bg-card)}}@media (max-width:480px){body{padding-top:40px}.ticker-bar{min-height:40px}.ticker-label{font-size:10px}.ticker-value{font-size:12px}.hero-title{font-size:clamp(28px, 9vw, 36px)}.selector-label{display:block;margin-bottom:8px;margin-right:0}.price-main{font-size:clamp(20px, 6vw, 24px)}.multiplier-badge{font-size:11px;padding:4px 12px}.footer{padding:12px 8px}.footer p{font-size:9px}}