:root{--bg-primary: #08090a;--bg-card: #0f1114;--bg-card-hover: #141720;--bg-elevated: #13151a;--border-subtle: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .1);--border-accent: rgba(255, 255, 255, .15);--text-primary: #f0f0f0;--text-secondary: #8a8f98;--text-muted: #4a4f58;--color-success: #22c55e;--color-success-muted: rgba(34, 197, 94, .12);--color-error: #ef4444;--color-error-muted: rgba(239, 68, 68, .1);--font-display: "Space Grotesk", sans-serif;--font-body: "Outfit", sans-serif;--font-mono: "JetBrains Mono", monospace;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px}::selection{background:#22c55e4d;color:#fff}.dashboard{max-width:1200px;margin:0 auto;padding:40px 32px}.header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:32px}.header__left{display:flex;flex-direction:column;gap:4px}.header__title{font-family:var(--font-display);font-size:30px;font-weight:700;color:var(--text-primary);letter-spacing:-.5px}.header__subtitle{font-size:14px;color:var(--text-muted);font-weight:400}.header__right{display:flex;align-items:center;gap:8px;padding:6px 14px;border-radius:20px;background:#22c55e14;border:1px solid rgba(34,197,94,.15)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--color-success);animation:dot-pulse 2s ease-in-out infinite}.status-label{font-family:var(--font-mono);font-size:11px;font-weight:700;color:var(--color-success);letter-spacing:1.5px}.error-banner{padding:14px 18px;border-radius:var(--radius-md);background:var(--color-error-muted);border:1px solid rgba(239,68,68,.25);color:var(--color-error);font-size:14px;margin-bottom:24px}.recommendation{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-radius:var(--radius-lg);background:var(--bg-elevated);border:1px solid var(--border-subtle);margin-bottom:28px;box-shadow:inset 4px 0 0 var(--color-success);animation:fade-in .5s ease-out}.recommendation__content{display:flex;flex-direction:column;gap:4px}.recommendation__label{font-family:var(--font-mono);font-size:10px;font-weight:700;color:var(--text-muted);letter-spacing:2px;text-transform:uppercase}.recommendation__chain{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--color-success)}.recommendation__desc{font-size:13px;color:var(--text-secondary)}.recommendation__savings{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.recommendation__savings-value{font-family:var(--font-mono);font-size:32px;font-weight:700;color:var(--text-primary);line-height:1}.recommendation__savings-label{font-size:12px;color:var(--text-muted)}.tier-section{margin-bottom:32px}.tier-header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.tier-label{font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:1.5px;padding:4px 10px;border-radius:4px}.tier-label--basic{color:#60a5fa;background:#60a5fa1a;border:1px solid rgba(96,165,250,.2)}.tier-label--premium{color:#c084fc;background:#c084fc1a;border:1px solid rgba(192,132,252,.2)}.tier-desc{font-size:13px;color:var(--text-muted)}.chain-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-bottom:24px}.chain-card{position:relative;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:22px 20px 18px;overflow:hidden;transition:border-color .3s ease,box-shadow .3s ease,transform .25s ease;animation:fade-in .5s ease-out backwards;animation-delay:calc(var(--delay, 0) * .1s)}.chain-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--accent, var(--text-muted));opacity:.8}.chain-card:hover{border-color:var(--border-accent);box-shadow:0 8px 32px #0006;transform:translateY(-2px)}.chain-card--cheapest{border-color:#22c55e40;background:linear-gradient(180deg,rgba(34,197,94,.04) 0%,var(--bg-card) 40%);animation:fade-in .5s ease-out backwards,pulse-glow 3s ease-in-out infinite;animation-delay:calc(var(--delay, 0) * .1s),0s}.chain-card--cheapest:before{background:var(--accent, var(--color-success));opacity:1}.chain-card--error{opacity:.6;border-color:#ef444426}.chain-card__error-msg{font-family:var(--font-mono);font-size:18px;font-weight:700;color:var(--color-error)}.chain-card__error-detail{font-size:12px;color:var(--text-muted);word-break:break-all;margin-top:4px}.chain-card__header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.chain-card__dot{width:10px;height:10px;border-radius:50%;background:var(--accent, var(--text-muted));flex-shrink:0}.chain-card__name{font-family:var(--font-body);font-size:15px;font-weight:600;color:var(--text-primary)}.chain-card__chain-id{font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.chain-card__badge{font-family:var(--font-mono);font-size:9px;font-weight:700;letter-spacing:1px;color:var(--color-success);background:var(--color-success-muted);padding:3px 8px;border-radius:4px;margin-left:auto}.chain-card__hero{display:flex;flex-direction:column;gap:2px;margin-bottom:16px}.chain-card__total-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px}.chain-card__total-row{display:flex;align-items:baseline;gap:6px}.chain-card__total{font-family:var(--font-mono);font-size:30px;font-weight:700;color:var(--text-primary);font-variant-numeric:tabular-nums;line-height:1.1}.chain-card__total-unit{font-family:var(--font-mono);font-size:13px;color:var(--text-muted);font-weight:400}.chain-card__extra-cost{font-family:var(--font-mono);font-size:11px;color:var(--color-error);opacity:.8;margin-top:2px}.divider{height:1px;background:var(--border-subtle);margin:14px 0}.data-row{display:flex;align-items:center;justify-content:space-between;padding:5px 0}.data-row__label{font-size:12px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.data-row__value{font-family:var(--font-mono);font-size:13px;color:var(--text-secondary);font-variant-numeric:tabular-nums}.chain-card__meta{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--text-muted);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.status-bar{display:flex;align-items:center;justify-content:center;gap:10px;padding-top:8px}.status-bar__time{font-size:12px;color:var(--text-muted)}.status-bar__refresh{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--color-success);animation:refresh-flash .8s ease-out forwards}.chain-card--loading{pointer-events:none}.skeleton{background:linear-gradient(90deg,var(--bg-elevated) 25%,#1e2028 50%,var(--bg-elevated) 75%);background-size:400px 100%;animation:skeleton-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.skeleton--title{width:60%;height:16px;margin-bottom:20px}.skeleton--hero{width:80%;height:36px;margin-bottom:16px}.skeleton--row{width:100%;height:12px;margin-bottom:10px}.skeleton--row:last-child{width:70%}.loading-text{color:var(--text-muted);font-size:14px;text-align:center;padding:60px 0;font-family:var(--font-mono);letter-spacing:1px}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #22c55e1a,0 0 60px #22c55e08}50%{box-shadow:0 0 30px #22c55e33,0 0 80px #22c55e0f}}@keyframes fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes dot-pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes skeleton-shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}@keyframes refresh-flash{0%{opacity:1;transform:scale(1.5)}to{opacity:0;transform:scale(1)}}@media(max-width:640px){.dashboard{padding:24px 16px}.chain-grid{grid-template-columns:1fr;gap:16px}.header{flex-direction:column;gap:12px}.header__title{font-size:24px}.recommendation{flex-direction:column;align-items:flex-start;gap:14px;padding:16px 18px}.recommendation__savings{align-items:flex-start}.recommendation__savings-value,.chain-card__total{font-size:26px}}.pricing-section{margin-top:8px;margin-bottom:32px;animation:fade-in .5s ease-out}.pricing-section__title{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--text-primary);letter-spacing:-.3px;margin-bottom:6px}.pricing-section__subtitle{font-size:13px;color:var(--text-muted);margin-bottom:20px}.pricing-table-wrapper{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:var(--bg-card);-webkit-overflow-scrolling:touch}.pricing-table{width:100%;min-width:560px;border-collapse:collapse;font-family:var(--font-body);font-size:13px}.pricing-table thead{background:var(--bg-elevated)}.pricing-table__feature-header{text-align:left;padding:16px 20px;font-family:var(--font-mono);font-size:10px;font-weight:700;color:var(--text-muted);letter-spacing:1.5px;text-transform:uppercase;border-bottom:1px solid var(--border-subtle)}.pricing-table__tier-header{text-align:center;padding:16px;border-bottom:1px solid var(--border-subtle);min-width:110px}.pricing-table__tier-header--demo{border-bottom:2px solid var(--text-muted)}.pricing-table__tier-header--basic{border-bottom:2px solid #60a5fa}.pricing-table__tier-header--premium{border-bottom:2px solid #c084fc}.pricing-table__tier-name{display:block;font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--text-primary);margin-bottom:2px}.pricing-table__tier-header--demo .pricing-table__tier-name{color:var(--text-secondary)}.pricing-table__tier-header--basic .pricing-table__tier-name{color:#60a5fa}.pricing-table__tier-header--premium .pricing-table__tier-name{color:#c084fc}.pricing-table__tier-price{display:block;font-family:var(--font-mono);font-size:11px;color:var(--text-muted)}.pricing-table tbody tr{border-bottom:1px solid var(--border-subtle);transition:background .15s ease}.pricing-table tbody tr:last-child{border-bottom:none}.pricing-table tbody tr:hover{background:var(--bg-elevated)}.pricing-table__feature{padding:12px 20px;font-size:13px;color:var(--text-secondary);white-space:nowrap}.pricing-table__cell{text-align:center;padding:12px 16px;font-family:var(--font-mono);font-size:12px;color:var(--text-secondary)}.pricing-check{color:var(--color-success);font-size:15px;font-weight:700}.pricing-cross{color:var(--text-muted);font-size:14px;opacity:.5}@media(max-width:640px){.pricing-section__title{font-size:18px}.pricing-table__feature{font-size:12px;padding:10px 14px}.pricing-table__cell{font-size:11px;padding:10px}.pricing-table__tier-name{font-size:13px}}