html{font-size:16px}body{font-family:var(--font-body,"DM Sans",system-ui,sans-serif);margin:0}#root{min-height:100vh}.sidebar{-ms-overflow-style:none;background:var(--bg-surface);border-right:1px solid var(--border-color);bottom:0;display:flex;flex-direction:column;left:0;overflow-y:auto;position:fixed;scrollbar-width:none;top:56px;width:260px;z-index:10}.sidebar::-webkit-scrollbar{display:none}.sidebar-header{border-bottom:1px solid var(--border-color);flex-shrink:0;padding:14px 16px}.sidebar-points{color:var(--accent-color);font-family:var(--font-mono);font-size:22px;font-weight:700}.sidebar-tier{color:var(--text-secondary);font-size:12px;margin-bottom:8px}.sidebar-progress{margin-bottom:4px}.progress-bar{background:var(--border-subtle);border-radius:3px;height:5px;overflow:hidden}.progress-fill{animation:progressPulse 2s ease-in-out .6s;background:var(--primary-color);border-radius:3px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.progress-label{color:var(--text-muted);font-size:11px}.sidebar-badges{color:var(--text-secondary);font-size:11px}.sidebar-nav{flex:1 1;padding:2px 0 16px}.sidebar-section{margin-bottom:0}.section-toggle{align-items:center;background:none;border:none;cursor:pointer;display:flex;gap:6px;margin:0;padding:5px 14px;text-align:left;width:100%}.sidebar-section .sidebar-step:first-of-type{padding-top:1px}.section-arrow{color:var(--text-muted);font-size:18px;width:12px}.section-toggle *{margin:0;padding:0}.sidebar .section-title{color:var(--text-secondary);flex:1 1;font-family:var(--font-display);font-size:15px;font-weight:600;letter-spacing:.06em;margin:0;text-transform:uppercase}.section-progress{color:var(--text-muted);font-size:13px;font-weight:400}.sidebar-step{align-items:center;color:var(--text-body);cursor:pointer;display:flex;font-size:13px;gap:7px;line-height:1.3;padding:3px 14px 3px 32px;text-decoration:none;transition:background .12s}.sidebar-step:hover:not(.locked){background:var(--bg-hover)}.sidebar-step.active{background:var(--bg-active);border-left:3px solid var(--primary-color);color:var(--text-primary);padding-left:29px}.sidebar-step.locked{color:var(--text-muted);cursor:not-allowed}.sidebar-step.completed .step-label{color:var(--success-color)}.step-icon{align-items:center;display:flex;flex-shrink:0;font-size:13px;justify-content:center;text-align:center;width:18px}.step-icon.done{color:var(--success-color)}.step-icon.locked{color:var(--text-muted)}.step-icon.info{color:var(--secondary-color)}.step-icon.empty,.step-num{color:var(--text-muted)}.step-num{margin-right:2px}@media (max-width:768px){.sidebar{display:none}}.sidebar-tokens{border-top:1px solid var(--border-color);margin-top:auto;padding:12px 16px}.sidebar-tokens-title{color:var(--text-muted);font-size:11px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.sidebar-token-btn{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:4px;color:var(--text-body);cursor:pointer;display:inline-block;font-size:12px;margin:0 6px 6px 0;padding:4px 10px}.sidebar-token-btn:hover{background:var(--bg-hover);border-color:var(--border-hover);color:var(--text-primary)}.mobile-progress-wrapper{display:none}@media (max-width:768px){.mobile-progress-wrapper{display:block;position:sticky;top:56px;z-index:20}.mobile-progress-bar{align-items:center;background:var(--bg-surface);border:none;border-bottom:1px solid var(--border-color);color:var(--text-body);cursor:pointer;display:flex;font-size:13px;justify-content:space-between;padding:10px 16px;width:100%}.mobile-points{color:var(--accent-color);font-weight:600}.mobile-step-sheet{inset:0;position:fixed;z-index:100}.sheet-backdrop{animation:fadeIn .2s ease-out;background:#00000080;inset:0;position:absolute}.sheet-content{animation:sheetSlideUp .3s ease-out;background:var(--bg-surface);border-radius:16px 16px 0 0;bottom:0;left:0;max-height:70vh;overflow-y:auto;padding:8px 16px 24px;position:absolute;right:0}@keyframes sheetSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet-handle{background:var(--text-muted);border-radius:2px;height:4px;margin:0 auto 12px;width:40px}.sheet-section h4{color:var(--text-muted);font-size:11px;margin:12px 0 4px;text-transform:uppercase}.sheet-step{align-items:center;background:none;border:none;color:var(--text-body);cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 8px;text-align:left;width:100%}.sheet-step.locked{color:var(--text-muted);cursor:not-allowed}.sheet-step.completed{color:var(--success-color)}.sheet-step.active{background:var(--bg-active);border-radius:8px}.sheet-icon{text-align:center;width:20px}.sheet-num{color:var(--text-muted)}}.app-shell{display:flex;min-height:100vh;padding-top:56px}.app-shell:not(.no-sidebar) .app-content{flex:1 1;margin-left:260px;min-width:0}.app-shell.no-sidebar .app-content{flex:1 1}@media (max-width:768px){.app-shell:not(.no-sidebar) .app-content{margin-left:0}}.ctp-page{animation:fadeIn .3s ease-out;max-width:960px}.ctp-card,.ctp-page{margin:0 auto;padding:24px}.ctp-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 2px 8px #00000026;max-width:440px}.ctp-card.wide{max-width:600px}.ctp-card.full{max-width:none}.ctp-card h2{color:var(--text-primary);font-family:var(--font-display);font-size:22px;margin:0 0 8px}.ctp-subtitle{color:var(--text-secondary);font-size:14px;margin:0 0 16px}.ctp-form{display:flex;flex-direction:column;gap:12px}.ctp-form fieldset{border:1px solid var(--border-subtle);border-radius:8px;padding:12px}.ctp-form legend{color:var(--text-secondary);font-size:12px;letter-spacing:.05em;padding:0 4px;text-transform:uppercase}.ctp-form label{color:var(--text-secondary);display:flex;flex-direction:column;font-size:13px;gap:4px}.ctp-form input[type=date],.ctp-form input[type=email],.ctp-form input[type=number],.ctp-form input[type=password],.ctp-form input[type=tel],.ctp-form input[type=text],.ctp-form select{background:var(--bg-inset);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-primary);font-size:14px;padding:8px 12px}.ctp-form input[type=date]{color-scheme:dark;padding-left:32px;position:relative}.ctp-form input[type=date]::-webkit-calendar-picker-indicator{left:8px;padding:0;position:absolute}.ctp-form input:disabled{background:var(--bg-surface);color:var(--text-muted)}.checkbox-label{flex-direction:row!important;gap:8px!important}.ctp-btn{background:var(--primary-color);border:none;border-radius:8px;color:#000;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;text-align:center;text-decoration:none;transition:opacity .15s}.ctp-btn:hover{opacity:.9}.ctp-btn:disabled{background:var(--border-subtle);color:var(--text-muted);cursor:not-allowed;opacity:.6}.ctp-btn.secondary{background:var(--border-subtle);color:var(--text-body);margin-top:2px}.ctp-btn.danger{background:var(--error-color);color:#fff}.ctp-link-btn{background:none;border:none;color:var(--secondary-color);cursor:pointer;font-size:13px;padding:0;text-align:left}.ctp-hint{color:var(--text-secondary);font-size:13px}.ctp-error{background:#f871711a;color:var(--error-color)}.ctp-error,.ctp-success{border-radius:6px;font-size:13px;padding:8px}.ctp-success{background:#34d3991a;color:var(--success-color)}.ctp-info{background:#6366f11a;border-radius:6px;color:var(--secondary-color);font-size:13px;padding:8px}.ctp-stat{border-bottom:1px solid var(--border-subtle);display:flex;font-size:14px;justify-content:space-between;padding:8px 0}.ctp-stat-label{color:var(--text-secondary)}.ctp-stat-value{color:var(--text-primary);font-family:var(--font-mono);font-weight:600}.ctp-stat-value.green{color:var(--success-color)}.ctp-stat-value.red{color:var(--error-color)}.trade-layout{grid-gap:16px;display:grid;gap:16px;grid-template-columns:220px 1fr 320px;min-height:500px}.trade-pairs{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;overflow:hidden}.trade-chart{display:flex;flex-direction:column}.trade-chart,.trade-form-panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:0}.trade-form-panel{border-top:2px solid var(--primary-color);box-shadow:0 4px 16px #00d4aa0d}.trade-section-header{color:var(--text-muted);font-family:var(--font-display);font-size:11px;font-weight:600;letter-spacing:.06em;margin:0;padding:12px 12px 6px;text-transform:uppercase}.trade-panel-body{display:flex;flex:1 1;flex-direction:column;padding:0 12px 12px}.pair-item{align-items:center;border-left:3px solid #0000;cursor:pointer;display:flex;justify-content:space-between;padding:10px 12px;transition:background .15s}.pair-item.active,.pair-item:hover{background:var(--bg-hover)}.pair-item.active{border-left-color:var(--primary-color)}.pair-item.view-only{opacity:.6}.pair-name{color:var(--text-primary);font-family:var(--font-display);font-size:14px;font-weight:600}.pair-price{color:var(--text-secondary);font-family:var(--font-mono);font-size:13px;text-align:right}.toggle-group{background:var(--bg-inset);border-radius:8px;display:flex;margin-bottom:16px;overflow:hidden}.toggle-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;flex:1 1;font-size:14px;font-weight:600;padding:8px;transition:all .15s}.toggle-btn.active{background:var(--primary-color);color:#000}.toggle-btn.sell.active{background:var(--error-color);color:#fff}.holdings-list{display:flex;flex-direction:column;gap:8px}.holding-row{align-items:center;background:var(--bg-inset);border-radius:8px;display:flex;justify-content:space-between;padding:12px}.holding-token{color:var(--text-primary);font-weight:600}.holding-amount{color:var(--text-body);font-size:14px}.holding-value{color:var(--text-secondary);font-size:13px}.ctp-table{border-collapse:collapse;font-size:13px;width:100%}.ctp-table th{border-bottom:2px solid var(--border-subtle);color:var(--text-secondary);font-size:11px;letter-spacing:.5px;padding:8px 12px;text-align:left;text-transform:uppercase;white-space:nowrap}.ctp-table td{border-bottom:1px solid var(--border-subtle);color:var(--text-body);padding:10px 12px}.ctp-table tbody tr:hover{background:var(--bg-hover)}.tx-badge{border-radius:4px;display:inline-block;font-size:12px;font-weight:600;padding:2px 8px;text-transform:capitalize}.tx-badge.buy,.tx-badge.deposit,.tx-badge.receive{background:#34d3991a;color:var(--success-color)}.tx-badge.sell,.tx-badge.withdraw{background:#f871711a;color:var(--error-color)}.tx-link{color:var(--secondary-color);font-size:12px;text-decoration:none;white-space:nowrap}.tx-link:hover{text-decoration:underline}@media (max-width:900px){.trade-layout{grid-template-columns:1fr}}.ctp-subnav{-webkit-overflow-scrolling:touch;background:var(--bg-surface);border-bottom:1px solid var(--border-color);overflow-x:auto}.ctp-subnav-inner{display:flex;gap:0;justify-content:center;min-width:max-content;padding:0 12px}.ctp-tab{border-bottom:2px solid #0000;color:var(--text-secondary);font-size:14px;font-weight:500;letter-spacing:.01em;padding:12px 16px;text-decoration:none;transition:color .15s,border-color .15s;white-space:nowrap}.ctp-tab:hover{color:var(--text-body);text-decoration:none}.ctp-tab.active{border-bottom-color:var(--primary-color);color:var(--text-primary);font-weight:600}.price-chart{display:flex;flex-direction:column;height:100%;min-height:120px}.chart-body{display:flex;flex:1 1;gap:8px;min-height:0}.chart-y-axis{color:var(--text-muted);display:flex;flex-direction:column;flex-shrink:0;font-size:10px;justify-content:space-between;min-width:52px;padding:2px 0 20px;text-align:right}.chart-svg-wrap{flex:1 1;min-width:0;position:relative}.chart-svg{cursor:crosshair;display:block;height:calc(100% - 20px);width:100%}.chart-hover-overlay{align-items:baseline;background:#1a1f2ed9;border-radius:4px;display:flex;gap:8px;left:8px;padding:2px 8px;pointer-events:none;position:absolute;top:6px;z-index:2}.chart-hover-price{font-family:var(--font-mono);font-size:16px;font-weight:700}.chart-hover-date{color:var(--text-secondary);font-size:11px}.chart-x-axis{color:var(--text-muted);font-size:10px;height:20px;position:relative}.chart-x-axis span{position:absolute;transform:translateX(-50%);white-space:nowrap}.price-chart-empty{align-items:center;color:var(--text-muted);display:flex;font-size:13px;height:100%;justify-content:center;min-height:120px}.token-selector{position:relative}.token-selector-btn{align-items:center;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:16px;color:var(--text-primary);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.5rem .75rem;transition:background .2s;white-space:nowrap}.token-selector-btn:hover:not(:disabled){background:var(--bg-secondary)}.token-icon{border-radius:50%;height:24px;width:24px}.chevron{height:16px;opacity:.6;width:16px}.token-dropdown{animation:scaleIn .15s ease-out;background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:12px;box-shadow:0 8px 32px #0006;overflow:hidden;position:absolute;right:0;top:calc(100% + 8px);width:360px;z-index:50}.token-search{background:var(--bg-tertiary);border:none;border-bottom:1px solid var(--border-color);box-sizing:border-box;color:var(--text-primary);font-size:.9rem;outline:none;padding:.75rem 1rem;width:100%}.token-list{max-height:250px;overflow-y:auto}.token-option{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:background .15s;width:100%}.token-option:nth-child(2n){background:var(--bg-tertiary)}.token-option:hover:not(:disabled){background:#00d4aa14}.token-option.selected{opacity:.5}.token-option.disabled,.token-option:disabled{cursor:not-allowed;opacity:.35}.token-info{flex:1 1;flex-direction:column;min-width:0}.token-symbol{font-size:.95rem;font-weight:600}.token-name{font-size:.75rem;overflow:hidden;text-overflow:ellipsis}.token-balance,.token-name{color:var(--text-secondary);white-space:nowrap}.token-balance{font-size:.85rem}.token-empty{color:var(--text-secondary);padding:1.5rem;text-align:center}.swap-input-container{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:16px;padding:1rem;transition:border-color .2s}.swap-input-container:focus-within{border-color:var(--primary-color)}.swap-input-header{align-items:center;display:flex;font-size:.8rem;justify-content:space-between;margin-bottom:.5rem}.swap-input-balance,.swap-input-label{color:var(--text-secondary)}.swap-input-balance{align-items:center;display:flex;gap:.5rem}.max-btn{background:#00d4aa26;border:none;border-radius:4px;color:var(--primary-color);cursor:pointer;font-size:.7rem;font-weight:700;padding:2px 6px;transition:background .15s}.max-btn:hover{background:#00d4aa4d}.swap-input-row{align-items:center;display:flex;gap:.5rem}.swap-amount-input{background:none;border:none;color:var(--text-primary);flex:1 1;font-family:var(--font-mono);font-size:1.75rem;font-weight:500;min-width:0;outline:none}.swap-amount-input::placeholder{color:var(--text-secondary);opacity:.5}.swap-input-container.exceeds-balance{border-color:var(--error-color)}.swap-input-container.exceeds-balance .swap-amount-input,.swap-input-container.exceeds-balance .swap-input-balance{color:var(--error-color)}.swap-amount-input:disabled{opacity:.5}.pool-comparison{margin-top:.5rem}.pool-compare-toggle{align-items:center;background:none;border:none;color:var(--primary-color);cursor:pointer;display:flex;font-size:.8rem;gap:.5rem;padding:.25rem 0}.toggle-chevron{height:14px;transition:transform .2s;width:14px}.toggle-chevron.open{transform:rotate(180deg)}.pool-table-wrapper{border:1px solid var(--border-color);border-radius:8px;margin-top:.5rem;overflow:hidden}.pool-table{border-collapse:collapse;font-size:.85rem;width:100%}.pool-table th{background:var(--bg-tertiary);color:var(--text-secondary);font-size:.75rem;font-weight:500;padding:.5rem .75rem;text-align:left;text-transform:uppercase}.pool-row{cursor:pointer;transition:background .15s}.pool-row:hover{background:var(--bg-tertiary)}.pool-row.best{background:#3b82f614}.pool-row.selected{border-left:3px solid var(--primary-color)}.pool-row td{border-top:1px solid var(--border-color);color:var(--text-primary);padding:.5rem .75rem}.output-cell{color:var(--text-primary);font-family:var(--font-mono);font-weight:600}.swap-button-container{margin-top:.5rem}.swap-btn{align-items:center;background:var(--bg-tertiary);border:none;border-radius:16px;color:var(--text-secondary);cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;justify-content:center;padding:1rem;transition:all .2s;width:100%}.swap-btn:disabled{cursor:not-allowed;opacity:.5}.swap-btn.primary{background:var(--primary-color);color:#fff}.swap-btn.primary:hover{box-shadow:0 4px 12px #00d4aa40;opacity:.9;transform:translateY(-1px)}.swap-btn.approve{background:var(--warning-color);color:#000}.swap-btn.approve:hover{opacity:.9}.swap-btn.insufficient{background:#f8717126;color:var(--error-color);opacity:1}.swap-result{align-items:center;border-radius:12px;display:flex;flex-direction:column;gap:.75rem;padding:1rem;text-align:center}.swap-result.success{background:#34d3991a;color:var(--success-color)}.swap-result.error{background:#f871711a;color:var(--error-color)}.swap-result a{color:var(--primary-color);font-size:.85rem}.swap-result .swap-btn{font-size:.9rem;margin-top:.5rem;padding:.75rem}.swap-page{--bg-primary:#eef1f6;--bg-secondary:#fff;--bg-tertiary:#f4f6f9;--bg-surface:#f8f9fb;--bg-card:#fff;--bg-inset:#e8ecf2;--bg-hover:#e2e6ee;--border-color:#d1d5de;--border-subtle:#dde1ea;--border-hover:#b0b6c4;--text-primary:#1a1f2e;--text-secondary:#4a5068;--text-muted:#7a8098;--text-body:#3a3f52;--primary-color:#00b894;--primary-hover:#009e80;--error-color:#dc2626;--warning-color:#d97706;--success-color:#16a34a;align-items:center;animation:fadeIn .3s ease-out;background:var(--bg-primary);min-height:calc(100vh - 56px);padding:2rem 1rem}.swap-card,.swap-page{display:flex;flex-direction:column}.swap-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:20px;box-shadow:0 8px 32px #00d4aa0f,0 4px 12px #0003;gap:.5rem;max-width:480px;padding:1.25rem;width:100%}.swap-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.swap-card-header h2{font-family:var(--font-display);font-size:1.25rem;margin:0}.swap-header-actions{align-items:center;display:flex;gap:8px}.swap-account-btn{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:6px;color:var(--text-body);cursor:pointer;font-family:var(--font-mono);font-size:12px;padding:4px 10px}.swap-account-btn:hover{border-color:var(--border-hover);color:var(--text-primary)}.wallet-panel{background:var(--bg-inset);border:1px solid var(--border-subtle);border-radius:8px;margin-bottom:12px;padding:14px}.wallet-panel-label{color:var(--text-muted);font-size:11px;letter-spacing:.5px;margin:0 0 6px;text-transform:uppercase}.wallet-panel-address{color:var(--text-primary);font-family:var(--font-mono);font-size:13px;margin:0 0 10px;word-break:break-all}.wallet-panel-hint{color:var(--text-secondary);font-size:12px;line-height:1.4;margin:0 0 12px}.wallet-panel-disconnect{background:#0000;border:1px solid var(--error-color);border-radius:6px;color:var(--error-color);cursor:pointer;font-size:13px;padding:6px 14px;width:100%}.wallet-panel-disconnect:hover{background:#f871711a}.slippage-gear{background:none;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;padding:4px;transition:color .2s}.slippage-gear:hover{color:var(--text-primary)}.slippage-panel{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;margin-bottom:.25rem;padding:.75rem}.slippage-label{color:var(--text-secondary);display:block;font-size:.8rem;margin-bottom:.5rem}.slippage-options{display:flex;gap:.5rem}.slippage-preset{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);cursor:pointer;flex:1 1;font-size:.85rem;padding:.4rem;transition:all .15s}.slippage-preset.active{background:var(--primary-color);border-color:var(--primary-color);color:#000}.slippage-custom{background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:8px;color:var(--text-primary);font-size:.85rem;outline:none;padding:.4rem .5rem;text-align:center;width:80px}.slippage-custom:focus{border-color:var(--primary-color)}.slippage-warning{border-radius:6px;font-size:.8rem;margin-top:.5rem;padding:.4rem .6rem}.slippage-warning.yellow{background:#fbbf241a;color:var(--warning-color)}.slippage-warning.red{background:#f871711a;color:var(--error-color)}.impact-warn,.impact-yellow{color:var(--warning-color)}.impact-red,.impact-yellow{font-weight:600}.impact-red{color:var(--error-color)}.swap-direction-row{display:flex;justify-content:center;margin:-.25rem 0;position:relative;z-index:1}.swap-direction-btn{align-items:center;background:var(--bg-secondary);border:4px solid var(--bg-secondary);border-radius:12px;color:var(--text-muted);cursor:pointer;display:flex;outline:2px solid var(--border-color);padding:6px;transition:all .2s}.swap-direction-btn:hover{color:var(--text-primary);outline-color:var(--primary-color);transform:rotate(180deg)}.swap-direction-btn:active{transform:rotate(180deg) scale(.9)}.quote-details{animation:slideUp .25s ease-out;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;display:flex;flex-direction:column;gap:.4rem;padding:.75rem}.quote-row{align-items:center;border-bottom:1px solid var(--border-color);color:var(--text-secondary);display:flex;font-size:.8rem;justify-content:space-between;padding:.25rem 0}.quote-row:last-child{border-bottom:none}.price-toggle,.quote-row span:last-child{color:var(--text-primary);font-family:var(--font-mono);font-size:.78rem}.price-toggle{background:none;border:none;cursor:pointer;padding:0}.price-toggle:hover{color:var(--primary-color)}.quote-loading{align-items:center;color:var(--text-secondary);display:flex;font-size:.85rem;gap:.5rem;justify-content:center;padding:.75rem}.no-pools-msg{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px;color:var(--text-secondary);font-size:.9rem;padding:1rem;text-align:center}.swap-auth-gate{display:flex;flex-direction:column;gap:1rem}.swap-auth-gate .card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:12px}.version-badge{border-radius:4px;font-size:.7rem;font-weight:700;padding:2px 8px}.version-badge.v4{background:#a855f726;color:#7c3aed}.version-badge.v3{background:#6366f126;color:#4f46e5}.version-badge.v2{background:#10a37f26;color:#0d9488}@media (max-width:520px){.swap-card{border-radius:16px;padding:1rem}}.swap-add-tokens{font-size:13px;margin-top:12px;text-align:center}.step-header{margin-bottom:5px;margin-top:5px}.step-header-top{align-items:center;display:flex;gap:8px;margin-bottom:4px}.step-number{color:var(--text-secondary);font-size:12px;letter-spacing:.05em;text-transform:uppercase}.step-badge{border-radius:4px;font-size:12px;padding:2px 8px}.done-badge{animation:scaleIn .3s ease-out;background:#34d39926;color:var(--success-color)}.points-badge{background:#6366f126;color:var(--secondary-color)}.info-badge{background:#8892a826;color:var(--text-secondary)}.step-title{color:var(--text-primary);font-family:var(--font-display);font-size:24px;font-weight:700;margin:0}.key-concept{background:#6366f114;border-left:3px solid var(--secondary-color);border-radius:0 8px 8px 0;margin:16px 0;padding:12px 16px}.key-concept-label{color:var(--secondary-color);font-size:11px;letter-spacing:.05em;margin-bottom:4px;text-transform:uppercase}.key-concept-title{color:var(--text-primary);font-size:15px;font-weight:600;margin:0 0 4px}.key-concept-body{color:var(--text-body);font-size:14px;line-height:1.5}.why-matters{background:#f0b42914;border-left:3px solid var(--accent-color);border-radius:0 8px 8px 0;margin:16px 0;padding:12px 16px}.why-matters-label{color:var(--accent-color);font-size:11px;letter-spacing:.05em;margin-bottom:4px;text-transform:uppercase}.why-matters-body{color:var(--text-body);font-size:14px;line-height:1.5}.step-navigation{align-items:center;border-top:1px solid var(--border-subtle);display:flex;justify-content:space-between;margin-top:24px;padding-top:16px}.step-nav-btn{border-radius:6px;color:var(--secondary-color);font-size:13px;padding:6px 12px;text-decoration:none;transition:background .15s}.step-nav-btn:hover{background:#6366f11a}.step-nav-btn.locked{color:var(--text-muted);cursor:not-allowed}.points-badge-widget{align-items:baseline;display:flex;gap:4px}.points-value{color:var(--accent-color);font-family:var(--font-mono);font-size:20px;font-weight:700}.points-label{font-size:13px}.points-label,.tier-label{color:var(--text-secondary)}.tier-label{background:#ffffff0d;border-radius:4px;font-size:12px;margin-left:8px;padding:2px 8px}.completion-widget{align-items:center;display:flex;gap:8px}.completion-bar{background:var(--border-subtle);border-radius:3px;flex:1 1;height:6px;overflow:hidden}.completion-fill{background:var(--primary-color);border-radius:3px;height:100%;transition:width .4s ease}.completion-text{color:var(--text-secondary);font-size:12px;white-space:nowrap}.step-page{animation:fadeIn .3s ease-out;margin:0 auto;max-width:680px;padding:24px}.step-card{animation:slideUp .4s ease-out both;background:var(--bg-card);border:1px solid var(--border-color);border-left:3px solid var(--secondary-color);border-radius:2px 12px 12px 2px;margin-bottom:16px;padding:24px}.step-card:nth-child(2){animation-delay:.06s}.step-card:nth-child(3){animation-delay:.12s}.step-card:nth-child(4){animation-delay:.18s}.step-card p{color:var(--text-body);line-height:1.6;margin:0 0 12px}.step-card p:last-child{margin-bottom:0}.step-action-link{background:var(--primary-color);border-radius:8px;color:#000;display:inline-block;font-size:14px;font-weight:600;margin-top:8px;padding:10px 20px;text-decoration:none;transition:opacity .15s}.step-action-link:hover{opacity:.9}.admin-auth{animation:fadeIn .3s ease-out}.auth-connect,.auth-connected{display:flex;flex-direction:column;gap:1.5rem}.checking-status{padding:3rem 1rem;text-align:center}.checking-status .spinner{margin:0 auto 1rem}.checking-status p{color:var(--text-secondary)}.admin-denied,.admin-verified{padding:2rem 1rem;text-align:center}.error-icon,.success-icon{height:80px;margin:0 auto 1.5rem;width:80px}.success-icon{color:var(--success-color)}.error-icon{color:var(--error-color)}.error-icon svg,.success-icon svg{height:100%;width:100%}.admin-verified h3{margin-bottom:1rem}.admin-denied h3,.admin-verified h3{color:var(--text-primary);font-size:1.5rem}.admin-denied h3{margin-bottom:.5rem}.admin-denied p{color:var(--text-secondary);margin-bottom:1.5rem}.admin-address{background:var(--bg-tertiary);border-radius:8px;display:flex;flex-direction:column;gap:.5rem;margin:1.5rem 0;padding:1rem}.address-label{color:var(--text-secondary);font-size:.875rem}.admin-address code{font-size:.875rem;word-break:break-all}.passphrase-management{animation:fadeIn .3s ease-out .1s both}.passphrase-status{background:var(--bg-tertiary);border-radius:8px;display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem;padding:1rem}.status-row{align-items:center;display:flex;justify-content:space-between}.status-label{color:var(--text-secondary);font-size:.875rem}.status-value{color:var(--text-primary);font-weight:600}.status-value.success{color:var(--success-color)}.status-value.warning{color:var(--warning-color)}.status-value code{font-size:.875rem}.passphrase-form{display:flex;flex-direction:column;gap:1.5rem}.passphrase-input-group{display:flex;position:relative}.passphrase-input-group .form-input{flex:1 1;padding-right:3rem}.toggle-visibility-btn{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.5rem;position:absolute;right:.5rem;top:50%;transform:translateY(-50%);transition:color .2s}.toggle-visibility-btn:hover{color:var(--text-primary)}.toggle-visibility-btn svg{height:20px;width:20px}.hash-preview{background:var(--bg-tertiary);border-radius:8px;display:flex;flex-direction:column;gap:.5rem;padding:1rem}.hash-label{color:var(--text-secondary);font-size:.875rem}.hash-preview code{font-size:.75rem;word-break:break-all}.btn svg{height:20px;width:20px}.spinner-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2rem}.spinner{border-top:3px solid var(--bg-tertiary)}.spinner-md{border-width:3px;height:40px;width:40px}.spinner-lg{border-width:4px;height:60px;width:60px}.spinner-text{color:var(--text-secondary);font-size:.875rem;margin-top:1rem}.contract-status{animation:fadeIn .3s ease-out .2s both}.header-actions{align-items:center;display:flex;gap:1rem}.status-grid{grid-gap:1.5rem;display:grid;gap:1.5rem}.status-section{background:var(--bg-tertiary);border-radius:8px;padding:1.5rem}.section-title{color:var(--text-primary);font-size:1.125rem;font-weight:600;margin-bottom:1rem}.info-list{display:flex;flex-direction:column;gap:.75rem}.info-item{align-items:center;border-bottom:1px solid #ffffff0d;display:flex;justify-content:space-between;padding:.5rem 0}.info-item:last-child{border-bottom:none}.info-label{color:var(--text-secondary);font-size:.875rem}.info-value{color:var(--text-primary);font-weight:600}.info-value.link{color:var(--primary-color);text-decoration:none;transition:color .2s}.info-value.link:hover{color:var(--secondary-color);text-decoration:underline}.info-value.success{color:var(--success-color)}.info-value.error{color:var(--error-color)}.info-value.warning{color:var(--warning-color)}.balances-list{display:flex;flex-direction:column;gap:1rem}.balance-item{align-items:center;background:#ffffff05;border-radius:6px;display:flex;justify-content:space-between;padding:.75rem}.balance-info{display:flex;flex-direction:column;gap:.25rem}.balance-symbol{color:var(--text-primary);font-weight:600}.balance-address{font-size:.75rem}.balance-amount{color:var(--text-primary);font-family:var(--font-mono);font-size:1.125rem;font-weight:700}@media (max-width:768px){.info-item{align-items:flex-start;flex-direction:column;gap:.25rem}}.token-config{animation:fadeIn .3s ease-out .3s both}.token-config .card-header{align-items:center;display:flex;justify-content:space-between}.loading-state{color:var(--text-secondary);padding:2rem;text-align:center}.tokens-table{margin:1.5rem 0;overflow-x:auto}.token-cell{display:flex;flex-direction:column;gap:.25rem}.token-decimals{color:var(--text-secondary);font-size:.75rem}.address-link{color:var(--primary-color);font-family:var(--font-mono);font-size:.875rem;text-decoration:none}.address-link:hover{text-decoration:underline}.max-amount{font-family:var(--font-mono);font-weight:600}.status-badge{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.status-badge.enabled{background:#34d3991a;color:var(--success-color)}.status-badge.disabled{background:#f871711a;color:var(--error-color)}.add-token-section,.edit-form{background:var(--bg-tertiary);border-radius:8px;margin-top:1.5rem;padding:1.5rem}.add-token-section h4,.edit-form h4{color:var(--text-primary);margin-bottom:1rem}.form-group{margin-bottom:1rem}.form-group label{color:var(--text-primary);display:block;font-weight:500;margin-bottom:.5rem}.form-control{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:6px;color:var(--text-primary);font-size:.875rem;padding:.75rem;width:100%}.form-control:disabled{cursor:not-allowed;opacity:.6}.form-control:focus{border-color:var(--primary-color);outline:none}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:.5rem}.checkbox-label input[type=checkbox]{cursor:pointer;height:1.25rem;width:1.25rem}.form-actions{display:flex;gap:.75rem;margin-top:1.5rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}@media (max-width:768px){.form-row{grid-template-columns:1fr}.token-config .card-header{align-items:flex-start;flex-direction:column;gap:1rem}.token-cards{grid-template-columns:1fr}}.unconfigured-tokens{background:var(--bg-tertiary);border-radius:8px;margin-top:1.5rem;padding:1.5rem}.unconfigured-tokens h4{color:var(--text-primary);margin-bottom:.5rem}.help-text{color:var(--text-secondary);font-size:.875rem;margin-bottom:1rem}.token-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.token-card{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:1rem}.token-card,.token-card form{display:flex;flex-direction:column;gap:.75rem}.token-card .form-group{margin-bottom:0}.token-card .form-actions{display:flex;gap:.5rem;margin-top:.5rem}.token-card-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding-bottom:.75rem}.token-card-header strong{color:var(--text-primary);font-size:1.125rem}.token-card-body{display:flex;flex-direction:column;gap:.5rem}.token-info{display:flex;font-size:.875rem;justify-content:space-between}.token-info .label{color:var(--text-secondary)}.token-info .value{color:var(--text-primary);font-weight:500}.token-info .value.address{font-family:var(--font-mono);font-size:.8rem}.btn-block{width:100%}.emergency-controls{animation:fadeIn .3s ease-out .4s both}.controls-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:1.5rem 0}.control-card{background:var(--bg-tertiary);border-radius:12px;display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.control-header{gap:1rem}.control-header,.control-icon{align-items:center;display:flex}.control-icon{border-radius:12px;flex-shrink:0;height:48px;justify-content:center;width:48px}.control-icon svg{color:#fff;height:28px;width:28px}.pause-icon{background:linear-gradient(135deg,var(--error-color),#dc2626)}.unpause-icon{background:linear-gradient(135deg,var(--success-color),#059669)}.control-header h4{color:var(--text-primary);font-size:1.125rem;margin:0}.control-description{color:var(--text-secondary);flex:1 1;font-size:.9375rem;line-height:1.6}.emergency-notice{background:var(--bg-tertiary);border:1px solid var(--warning-color);border-radius:8px;margin-top:1.5rem;padding:1.5rem}.emergency-notice h4{color:var(--warning-color);margin-bottom:1rem}.emergency-notice p{color:var(--text-secondary);line-height:1.6;margin-bottom:1rem}.emergency-notice a{color:var(--primary-color);text-decoration:none}.emergency-notice a:hover{text-decoration:underline}.function-params{margin-top:1rem}.function-params strong{color:var(--text-primary);display:block;margin-bottom:.5rem}.function-params ul{color:var(--text-secondary);line-height:1.8;margin-left:1.5rem}.function-params code{font-size:.875rem}@media (max-width:768px){.controls-grid{grid-template-columns:1fr}}.admin-page{margin:0 auto;max-width:1400px}.page-header{animation:fadeIn .5s ease-out;margin-bottom:3rem;text-align:center}.page-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--error-color),#dc2626);-webkit-background-clip:text;background-clip:text;font-family:var(--font-display);font-size:2.5rem;margin-bottom:.5rem}.page-subtitle{color:var(--text-secondary);font-size:1.125rem;margin:0 auto;max-width:700px}.admin-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr;margin:1.5rem 0}.admin-instructions{animation:fadeIn .3s ease-out .5s both}.checklist h4{color:var(--text-primary);font-size:1.125rem;margin:1.5rem 0 1rem}.checklist h4:first-child{margin-top:0}.checklist ul{list-style:none;margin:0 0 1.5rem;padding:0}.checklist ul li{align-items:flex-start;background:var(--bg-tertiary);border-radius:6px;display:flex;gap:.75rem;margin-bottom:.5rem;padding:.75rem;transition:background .2s}.checklist ul li:hover{background:#ffffff0d}.checklist input[type=checkbox]{cursor:pointer;flex-shrink:0;margin-top:.25rem}.checklist label{color:var(--text-secondary);cursor:pointer;flex:1 1;line-height:1.6}.checklist input[type=checkbox]:checked+label{opacity:.6;text-decoration:line-through}@media (max-width:768px){.page-header h1{font-size:2rem}.page-subtitle{font-size:1rem}}.alert-icon{flex-shrink:0;height:20px;width:20px}:root{--primary-color:#00d4aa;--primary-hover:#00b894;--secondary-color:#6366f1;--accent-color:#f0b429;--success-color:#34d399;--error-color:#f87171;--warning-color:#fbbf24;--bg-primary:#0a0e1a;--bg-secondary:#111827;--bg-tertiary:#1a2035;--bg-surface:#141825;--bg-card:#1a1f2e;--bg-inset:#0d1117;--bg-hover:#1e2538;--bg-active:#252d42;--text-primary:#f0f3fa;--text-secondary:#a0a8be;--text-muted:#6b7490;--text-body:#c8cede;--border-color:#1e2740;--border-subtle:#2a3148;--border-hover:#3d4663;--font-display:"Space Grotesk",system-ui,sans-serif;--font-body:"DM Sans",system-ui,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0e1a;background:var(--bg-primary);color:#f0f3fa;color:var(--text-primary);font-family:DM Sans,system-ui,sans-serif;font-family:var(--font-body);line-height:1.6}code{background:#1a2035;background:var(--bg-tertiary);border-radius:4px;font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:.9em;padding:2px 6px}.App{display:flex;flex-direction:column;min-height:100vh}h1,h2,h3,h4,h5,h6{color:#f0f3fa;color:var(--text-primary);font-family:Space Grotesk,system-ui,sans-serif;font-family:var(--font-display)}.main-content{flex:1 1;margin:0 auto;max-width:1400px;padding:2rem 1rem;width:100%}.container{margin:0 auto;max-width:1200px;padding:0 1rem}.card{background:#111827;background:var(--bg-secondary);border:1px solid #1e2740;border:1px solid var(--border-color);border-radius:12px;box-shadow:0 4px 12px #0003;margin-bottom:1.5rem;min-width:0;padding:1.5rem}.admin-page .card{border-top:2px solid #f87171;border-top:2px solid var(--error-color)}.card-header{align-items:center;border-bottom:1px solid #1e2740;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.card-title{color:#f0f3fa;color:var(--text-primary);font-family:Space Grotesk,system-ui,sans-serif;font-family:var(--font-display);font-size:1.05rem;font-weight:600;margin:0}.card-body{padding:0}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:DM Sans,system-ui,sans-serif;font-family:var(--font-body);font-size:1rem;font-weight:500;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:#00d4aa;background:var(--primary-color);color:#fff}.btn-primary:hover:not(:disabled){background:#00b894;background:var(--primary-hover);box-shadow:0 4px 12px #00d4aa40;transform:translateY(-1px)}.btn-success{background:#34d399;background:var(--success-color);color:#fff}.btn-success:hover:not(:disabled){background:#2dd4a0}.btn-danger{background:#f87171;background:var(--error-color);color:#fff}.btn-danger:hover:not(:disabled){background:#ef4444}.btn-secondary{background:#1a2035;background:var(--bg-tertiary);color:#f0f3fa;color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:#1e2538;background:var(--bg-hover)}.btn-sm{font-size:.875rem;padding:.5rem 1rem}.btn-lg{font-size:1.125rem;padding:1rem 2rem}.form-group{margin-bottom:1.5rem}.form-label{color:#a0a8be;color:var(--text-secondary);display:block;font-weight:500;margin-bottom:.5rem}.form-input{background:#1a2035;background:var(--bg-tertiary);border:1px solid #1e2740;border:1px solid var(--border-color);border-radius:8px;color:#f0f3fa;color:var(--text-primary);font-family:DM Sans,system-ui,sans-serif;font-family:var(--font-body);font-size:1rem;padding:.75rem;transition:border-color .2s;width:100%}.form-input:focus{border-color:#00d4aa;border-color:var(--primary-color);box-shadow:0 0 0 3px #00d4aa1a;outline:none}.form-input::placeholder{color:#6b7490;color:var(--text-muted)}.status-badge{align-items:center;border-radius:6px;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem}.status-badge.success{background:#10b9811a;color:#34d399;color:var(--success-color)}.status-badge.error{background:#ef44441a;color:#f87171;color:var(--error-color)}.status-badge.warning{background:#f59e0b1a;color:#fbbf24;color:var(--warning-color)}.status-badge.info{background:#3b82f61a;color:#00d4aa;color:var(--primary-color)}.spinner{animation:spin 1s linear infinite;border:3px solid #1a2035;border-top:3px solid #00d4aa;border:3px solid var(--bg-tertiary);border-radius:50%;border-top-color:var(--primary-color);height:40px;margin:2rem auto;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.spinner-sm{border-width:2px;height:20px;margin:0;width:20px}.grid{grid-gap:1.5rem;display:grid;gap:1.5rem}.grid-cols-1{grid-template-columns:1fr}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.table{border-collapse:collapse;width:100%}.table thead{background:#1a2035;background:var(--bg-tertiary)}.table th{border-bottom:2px solid #1e2740;border-bottom:2px solid var(--border-color);color:#a0a8be;color:var(--text-secondary);font-weight:600;padding:1rem;text-align:left}.table td{border-bottom:1px solid #1e2740;border-bottom:1px solid var(--border-color);padding:1rem}.table tbody tr:hover{background:#ffffff05}.alert{align-items:center;border-radius:8px;display:flex;gap:.75rem;margin-bottom:1rem;padding:1rem}.alert-info{background:#3b82f61a;border:1px solid #00d4aa;border:1px solid var(--primary-color);color:#00d4aa;color:var(--primary-color)}.alert-success{background:#10b9811a;border:1px solid #34d399;border:1px solid var(--success-color);color:#34d399;color:var(--success-color)}.alert-warning{background:#f59e0b1a;border:1px solid #fbbf24;border:1px solid var(--warning-color);color:#fbbf24;color:var(--warning-color)}.alert-error{background:#ef44441a;border:1px solid #f87171;border:1px solid var(--error-color);color:#f87171;color:var(--error-color)}@media (max-width:768px){.main-content{padding:1rem .5rem}.grid-cols-2,.grid-cols-3{grid-template-columns:1fr}.card{padding:1rem}.card-title{font-size:1rem}.btn{justify-content:center;width:100%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes progressPulse{0%,to{box-shadow:none}50%{box-shadow:0 0 8px #00d4aa66}}.fade-in{animation:fadeIn .3s ease-out}.stagger-in>*{animation:slideUp .4s ease-out both}.stagger-in>:first-child{animation-delay:0s}.stagger-in>:nth-child(2){animation-delay:.06s}.stagger-in>:nth-child(3){animation-delay:.12s}.stagger-in>:nth-child(4){animation-delay:.18s}.stagger-in>:nth-child(5){animation-delay:.24s}a{color:#6366f1;color:var(--secondary-color);text-decoration:none;transition:color .2s}a:hover{color:#818cf8;text-decoration:underline}.text-center{text-align:center}.text-right{text-align:right}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.hidden{display:none}.text-success{color:#34d399;color:var(--success-color)}.text-warning{color:#fbbf24;color:var(--warning-color)}.text-link{color:#6366f1;color:var(--secondary-color)}.inset-panel{background:#0d1117;background:var(--bg-inset);border-radius:8px;padding:12px}.step-card h3{margin:16px 0 8px}.step-card h3:first-child{margin-top:0}.step-card ol,.step-card ul{color:#c8cede;color:var(--text-body);line-height:1.8;padding-left:1.2em}:focus-visible{outline:2px solid #00d4aa;outline:2px solid var(--primary-color);outline-offset:2px}:focus:not(:focus-visible){outline:none}.btn:focus-visible,.ctp-btn:focus-visible,.ctp-tab:focus-visible,.nav-link:focus-visible,.swap-btn:focus-visible{box-shadow:0 0 0 4px #00d4aa26;outline:2px solid #00d4aa;outline:2px solid var(--primary-color);outline-offset:2px}.ctp-form input:focus-visible,.ctp-form select:focus-visible,.form-input:focus-visible,.slippage-custom:focus-visible,.token-search:focus-visible{outline:2px solid #00d4aa;outline:2px solid var(--primary-color);outline-offset:-1px}.sidebar-step:focus-visible{background:#1e2538;background:var(--bg-hover);outline:2px solid #00d4aa;outline:2px solid var(--primary-color);outline-offset:-2px}.skip-link{background:#00d4aa;background:var(--primary-color);border-radius:0 0 8px 8px;color:#000;font-weight:600;left:16px;padding:8px 16px;position:absolute;text-decoration:none;top:-100%;transition:top .2s;z-index:200}.skip-link:focus{top:0}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#141825;background:var(--bg-surface);border-bottom:1px solid #1e2740;border-bottom:1px solid var(--border-color);height:56px;left:0;position:fixed;right:0;top:0;z-index:100}.header-container{align-items:center;display:flex;gap:24px;height:100%;margin:0 auto;max-width:1400px;padding:0 16px}.header-logo{align-items:baseline;display:flex;flex-shrink:0;gap:8px;white-space:nowrap}.header-logo h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#00d4aa,#6366f1);background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;font-family:Space Grotesk,system-ui,sans-serif;font-family:var(--font-display);font-size:1.1rem;font-weight:700;letter-spacing:-.02em;margin:0}.header-subtitle{color:#6b7490;color:var(--text-muted);display:none;font-size:.65rem;letter-spacing:.08em;text-transform:uppercase}@media (min-width:640px){.header-subtitle{display:inline}}.header-nav{display:flex;flex:1 1;gap:4px;justify-content:center}.nav-link{background:#1a2035;background:var(--bg-tertiary);border:1px solid #2a3148;border:1px solid var(--border-subtle);border-radius:6px;color:#c8cede;color:var(--text-body);font-family:Space Grotesk,system-ui,sans-serif;font-family:var(--font-display);font-size:14px;font-weight:500;padding:6px 14px;text-decoration:none;transition:all .15s;white-space:nowrap}.nav-link:hover{background:#1e2538;background:var(--bg-hover);border-color:#3d4663;border-color:var(--border-hover);color:#f0f3fa;color:var(--text-primary);text-decoration:none}.nav-link.active{background:#00d4aa;background:var(--primary-color);border-color:#00d4aa;border-color:var(--primary-color);color:#000}.header-stats{align-items:center;display:flex;flex-shrink:0;gap:8px}.header-points{color:#f0b429;color:var(--accent-color);font-family:JetBrains Mono,Fira Code,monospace;font-family:var(--font-mono);font-size:14px;font-weight:600}.header-tier{background:#ffffff1a;border-radius:4px;color:#f0f3fa;color:var(--text-primary);font-size:12px;padding:2px 8px}.toggle-switch{background:#0d1117;background:var(--bg-inset);border:1px solid #2a3148;border:1px solid var(--border-subtle);border-radius:10px;cursor:pointer;height:20px;padding:0;position:relative;transition:background .2s;width:36px}.toggle-switch.on{background:#00d4aa;background:var(--primary-color);border-color:#00d4aa;border-color:var(--primary-color)}.toggle-switch-knob{background:#a0a8be;background:var(--text-secondary);border-radius:50%;height:14px;left:2px;position:absolute;top:2px;transition:transform .2s,background .2s;width:14px}.toggle-switch.on .toggle-switch-knob{background:#fff;transform:translateX(16px)}.tier-popover{background:#1a1f2e;background:var(--bg-card);border:1px solid #2a3148;border:1px solid var(--border-subtle);border-radius:10px;box-shadow:0 8px 24px #0006;padding:12px;position:absolute;right:0;top:calc(100% + 8px);width:240px;z-index:200}.tier-popover-section{border-bottom:1px solid #2a3148;border-bottom:1px solid var(--border-subtle);padding:8px 0}.tier-popover-label{color:#a0a8be;color:var(--text-secondary);font-size:11px;letter-spacing:.05em;margin-bottom:4px;text-transform:uppercase}@media (max-width:768px){.header-logo h1{font-size:.95rem}.nav-link{font-size:13px;padding:6px 10px}.header-stats{display:none}}