.calculator-page{background:var(--midnight);min-height:100vh;padding:0;position:relative;overflow:hidden}.calculator-page:before{content:"";filter:blur(80px);opacity:.6;pointer-events:none;background:radial-gradient(circle at 30% 30%,#ff6b00b3,#0000);border-radius:50%;width:450px;height:450px;animation:20s ease-in-out infinite chakra-flow;position:absolute;top:-180px;left:-100px}.calculator-page:after{content:"";filter:blur(80px);opacity:.6;pointer-events:none;background:radial-gradient(circle,#ff6b0080,#0000 65%);border-radius:50%;width:500px;height:500px;animation:20s ease-in-out -6s infinite chakra-flow;position:absolute;bottom:-200px;right:-150px}.calculator-page .chakra-orb-middle{filter:blur(60px);opacity:.5;pointer-events:none;z-index:0;background:radial-gradient(circle,#ff6b0066,#0000 60%);border-radius:50%;width:300px;height:300px;animation:20s ease-in-out -12s infinite chakra-flow;position:absolute;top:40%;right:15%}.calculator-page .gradient-overlay{pointer-events:none;z-index:0;background:linear-gradient(#0000,#09090c4d,#09090c99);position:absolute;inset:0}@keyframes chakra-flow{0%,to{transform:translate(0)scale(1)}33%{transform:translate(30px,-30px)scale(1.1)}66%{transform:translate(-20px,20px)scale(.9)}}.calculator-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.back-button{color:var(--text-muted);background:0 0;border:none;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;text-decoration:none;transition:all .2s;display:inline-flex}.back-button:hover{color:var(--chakra-orange)}.calculator-title-section{align-items:flex-start;gap:1rem;display:flex}.calculator-icon{background:var(--gradient-primary);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.calculator-title{color:var(--text-primary);margin:0 0 .25rem;font-size:1.75rem;font-weight:700}.calculator-subtitle{color:var(--text-muted);margin:0;font-size:.875rem}.calculator-tabs{gap:.5rem;margin-top:1.5rem;padding:0 2rem;display:flex}.tab-button{border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all var(--transition-base);background:0 0;border:none;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;display:flex}.tab-button:hover{background:var(--surface-accent);color:var(--text-primary)}.tab-button.active{background:var(--gradient-primary);color:#fff}.calculator-content{max-width:900px;margin:0 auto;padding:1.5rem}.calculator-form{background:var(--glass);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:1.25rem}.form-grid{grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem;display:grid}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-label{color:var(--ash);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:600}.select-button{background:var(--slate);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;transition:all var(--transition-base);cursor:pointer;justify-content:space-between;align-items:center;padding:.65rem .875rem;display:flex;position:relative}.select-button:hover{background:var(--surface-accent);border-color:var(--border-strong)}.select-button-content{color:var(--text-primary);align-items:center;gap:.5rem;font-size:.85rem;font-weight:500;display:flex}.select-button-placeholder{color:var(--ash)}.dropdown-menu{z-index:50;background:var(--surface-overlay);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;box-shadow:var(--shadow-elevated);max-height:250px;margin-top:.5rem;animation:.15s slideDown;position:absolute;overflow-y:auto}.dropdown-item{width:100%;transition:all var(--transition-base);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.5rem;padding:.65rem .875rem;display:flex}.dropdown-item:hover{background:var(--surface-accent)}.dropdown-item-text{flex:1}.dropdown-item-symbol{color:var(--text-primary);font-size:.85rem;font-weight:600}.dropdown-item-name{color:var(--ash);margin-top:.125rem;font-size:.7rem}.fee-tier-section{margin-bottom:1rem}.fee-tier-label{color:var(--ash);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.7rem;font-weight:600}.fee-tier-grid{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.fee-tier-button{background:var(--slate);border:2px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--transition-base);cursor:pointer;text-align:center;padding:.75rem}.fee-tier-button:hover{border-color:var(--border-strong);background:var(--surface-accent)}.fee-tier-button.active{background:var(--gradient-primary);border-color:var(--chakra-orange);box-shadow:0 0 20px var(--chakra-orange-glow)}.fee-tier-value{color:var(--text-primary);margin-bottom:.2rem;font-size:.95rem;font-weight:700}.fee-tier-description{color:var(--text-muted);margin-bottom:.4rem;font-size:.65rem;line-height:1.3}.fee-tier-badge{color:var(--text-primary);background:#ffffff26;border-radius:999px;padding:.15rem .4rem;font-size:.6rem;font-weight:600;display:inline-block}.input-wrapper{background:var(--slate);border:1px solid var(--border-subtle);border-radius:var(--radius-md);transition:all var(--transition-base);padding:.65rem .875rem}.input-wrapper:focus-within{border-color:var(--chakra-orange);box-shadow:0 0 0 3px var(--chakra-orange-glow)}.input-field{width:100%;color:var(--text-primary);background:0 0;border:none;outline:none;font-family:inherit;font-size:1rem;font-weight:700}.input-hint{color:var(--text-muted);margin-top:.35rem;font-size:.7rem}.price-input-label{color:var(--ash);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;font-size:.7rem;font-weight:600}.price-input-field{width:100%;color:var(--text-primary);background:0 0;border:none;outline:none;font-family:inherit;font-size:1.125rem;font-weight:700}.market-price-card{background:var(--onyx);border:1px solid var(--border-subtle);border-radius:var(--radius-md);justify-content:space-between;align-items:center;margin-top:.5rem;margin-bottom:1rem;padding:.65rem .875rem;display:flex}.market-price-label{color:var(--ash);font-size:.75rem}.market-price-value{color:var(--chakra-orange);font-size:.9rem;font-weight:700}.info-banner{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:#ff6b001a;align-items:start;gap:.5rem;margin-bottom:1rem;padding:.75rem;display:flex}.info-icon{color:var(--chakra-orange);flex-shrink:0;margin-top:.125rem}.info-content{color:var(--text-muted);font-size:.75rem;line-height:1.4}.error-message{border-radius:var(--radius-md);color:#fca5a5;background:#ef44441a;border:1px solid #ef4444;margin-bottom:.75rem;padding:.65rem;font-size:.8rem}.calculate-button{background:var(--gradient-primary);border-radius:var(--radius-md);color:#fff;cursor:pointer;width:100%;transition:all var(--transition-base);box-shadow:0 0 20px var(--chakra-orange-glow);text-transform:uppercase;letter-spacing:.05em;border:none;padding:.875rem;font-size:.9rem;font-weight:700}.calculate-button:hover:not(:disabled){box-shadow:0 0 30px var(--chakra-orange-glow);transform:translateY(-2px)}.calculate-button:disabled{background:var(--ash);cursor:not-allowed;box-shadow:none;opacity:.5}.results-modal{background:var(--surface-overlay);border-left:1px solid var(--border-subtle);z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:100%;max-width:500px;animation:.3s slideInRight;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-10px 0 50px #00000080}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.results-modal-header{background:var(--surface-overlay);border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10;justify-content:space-between;align-items:center;padding:1.5rem;display:flex;position:sticky;top:0}.results-modal-title-section{flex-direction:column;gap:.5rem;display:flex}.results-modal-title{color:var(--text-primary);font-size:1.25rem;font-weight:700}.results-modal-network{background:var(--slate);border:1px solid var(--border-subtle);border-radius:var(--radius-md);align-items:center;gap:.5rem;width:fit-content;padding:.25rem .75rem;display:flex}.results-modal-info{align-items:center;gap:.5rem;display:flex}.results-modal-version{background:var(--slate);border:1px solid var(--border-subtle);border-radius:var(--radius-md);align-items:center;gap:.5rem;width:fit-content;padding:.25rem .75rem;display:flex}.network-icon,.version-icon{align-items:center;font-size:1rem;display:flex}.network-name,.version-name{color:var(--text-secondary);font-size:.875rem;font-weight:500}.close-button{background:var(--slate);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);justify-content:center;align-items:center;padding:.5rem;display:flex}.close-button:hover{background:var(--surface-accent);border-color:var(--border-strong)}.results-modal-content{flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.result-card{background:var(--glass);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1.25rem}.result-card-title{color:var(--ash);text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;font-size:.75rem;font-weight:600}.result-row{justify-content:space-between;align-items:center;padding:.75rem 0;display:flex}.result-row:not(:last-child){border-bottom:1px solid var(--border-subtle)}.result-label{color:var(--text-muted);font-size:.875rem}.result-value{color:var(--text-primary);font-size:1rem;font-weight:700}.result-value.positive{color:#22c55e}.result-value.negative{color:#ef4444}.result-value.warning{color:#fbbf24}.result-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.result-metric{text-align:left}.result-metric-label{color:var(--ash);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.375rem;font-size:.7rem}.result-metric-value{color:var(--text-primary);font-size:1.75rem;font-weight:700}.modal-overlay{z-index:99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;animation:.2s fadeIn;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1023px){.results-modal{max-width:100%}.fee-tier-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.calculator-header{padding:1.5rem 1rem 1rem}.calculator-tabs{padding:0 1rem;overflow-x:auto}.calculator-content{padding:1.5rem 1rem}.calculator-form{padding:1.5rem}.form-grid,.fee-tier-grid{grid-template-columns:1fr}.calculator-title{font-size:1.5rem}.calculator-subtitle{margin-top:.5rem;margin-left:0}.calculator-title-section{flex-direction:column;align-items:flex-start}}