.mini-line-chart{position:relative;width:100%;height:100%;min-height:200px}.mini-line-chart .chart-svg{width:100%;height:100%;display:block}.mini-line-chart .chart-last-info{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;font-size:var(--text-sm);flex-wrap:wrap}.mini-line-chart .last-info-price{font-weight:var(--font-semibold);font-size:var(--text-base);color:var(--text-primary)}.mini-line-chart .last-info-change{font-weight:var(--font-medium)}.mini-line-chart .last-info-date{color:var(--text-muted);margin-left:auto}.mini-line-chart .chart-tooltip{position:absolute;background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--text-xs);box-shadow:var(--shadow-md);pointer-events:none;z-index:10;white-space:nowrap}.mini-line-chart .chart-tooltip-date{color:var(--text-muted);margin-bottom:2px}.mini-line-chart .chart-tooltip-price{font-weight:var(--font-semibold);color:var(--text-primary)}.chart-wrapper{position:relative;width:100%;height:250px;border-radius:var(--radius-lg);overflow:hidden}@media (min-width:768px){.chart-wrapper{height:300px}}.chart-wrapper .chart-container{position:relative;width:100%;height:100%}.chart-wrapper.chart-updating .chart-container{opacity:.5;pointer-events:none}.chart-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--space-3);color:var(--text-muted);background:var(--bg-secondary);border-radius:var(--radius-lg)}.chart-error-icon{width:48px;height:48px;opacity:.5}.chart-error-text{font-size:var(--text-sm);text-align:center}.converter-header{margin-bottom:var(--space-8);text-align:center}.converter-header h1{margin-bottom:var(--space-3);font-size:var(--text-3xl)}.converter-header .detail-top-description{max-width:700px;margin:0 auto;color:var(--text-secondary)}.converter-card-container .converter-card{max-width:800px;margin:0 auto var(--space-10)}.converter-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:var(--shadow-lg)}.converter-main{display:flex;align-items:stretch;gap:var(--space-4)}@media (max-width:768px){.converter-main{flex-direction:column;gap:var(--space-3)}.converter-card{padding:var(--space-5)}}.converter-box{flex:1;background:var(--bg-secondary);border:2px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-4);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);position:relative}.converter-box:focus-within{border-color:var(--primary-blue);box-shadow:0 0 0 4px rgba(var(--primary-blue-rgb),.1)}.converter-box-label{display:block;font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider);margin-bottom:var(--space-2)}.converter-box-content{display:flex;align-items:center;gap:var(--space-3)}.converter-amount{flex:1;font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary);background:0 0;border:none;outline:0;padding:0;min-width:0;font-family:var(--font-primary)}.converter-amount::placeholder{color:var(--text-muted)}.converter-amount::-webkit-inner-spin-button,.converter-amount::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.converter-box .dropdown-select{flex-shrink:0;position:static}.converter-box .select-trigger{background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-full);padding:var(--space-2);gap:var(--space-2);transition:all var(--transition-fast)}.converter-box .select-trigger:hover{border-color:var(--border-medium);background:var(--bg-tertiary)}.converter-box .select-trigger .flag-icon-container{width:28px;height:28px}.converter-box .select-trigger-text{font-weight:var(--font-semibold);font-size:var(--text-lg)}.converter-box .select-arrow{width:18px;height:18px}.converter-box .select-dropdown{position:absolute;left:0;right:0;top:calc(100% + 6px);width:auto;min-width:100%;background:var(--bg-primary);bottom:unset!important}.swap-btn-wrapper{display:flex;align-items:center;justify-content:center;flex-shrink:0}.swap-btn{width:48px;height:48px;border-radius:var(--radius-full);background:var(--bg-primary);border:2px solid var(--border-light);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast);color:var(--text-secondary)}.swap-btn:hover{background:var(--primary-blue);border-color:var(--primary-blue);color:var(--text-white);transform:rotate(180deg)}.swap-btn svg{width:22px;height:22px}@media (max-width:768px){.swap-btn-wrapper{order:2;margin:var(--space-1) 0}.swap-btn{transform:rotate(90deg)}.swap-btn:hover{transform:rotate(270deg)}.converter-box:last-of-type{order:3}}.rate-display{margin-top:var(--space-6);padding-top:var(--space-5);border-top:1px solid var(--border-light)}.rate-info-text{display:flex;flex-direction:column;gap:var(--space-1);direction:ltr}.rate-main{font-size:var(--text-lg);color:var(--text-primary)}.rate-main strong{font-weight:var(--font-bold)}.rate-inverse{font-size:var(--text-sm);color:var(--text-muted)}.rate-info-text.rate-updating{opacity:.5;pointer-events:none}.rate-display .chart-wrapper{margin-top:var(--space-4)}.popular-conversions{margin:0 auto var(--space-10)}.popular-conversions h2{font-size:var(--text-xl);margin-bottom:var(--space-5);text-align:center}.popular-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-3)}@media (max-width:1200px){.popular-grid{grid-template-columns:repeat(4,1fr)}}@media (max-width:992px){.popular-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.popular-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.popular-grid{grid-template-columns:1fr}}.popular-link{display:flex;flex-direction:column;padding:var(--space-4);background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-xl);text-decoration:none;transition:all var(--transition-fast)}.popular-link:hover{border-color:var(--primary-blue);box-shadow:var(--shadow-md)}.popular-link-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-2)}.popular-link .search-result-icon-container{position:relative;width:44px;height:28px;flex-shrink:0}.popular-link .coin-image{position:absolute;width:28px!important;height:28px!important;border-radius:var(--radius-full);overflow:hidden;border:2px solid var(--bg-primary);background:var(--bg-secondary)}.popular-link .coin-image.primary-coin{left:0;z-index:2}.popular-link .coin-image.secondary-coin{left:16px;z-index:1}.popular-link .coin-img{width:100%;height:100%;object-fit:cover}.popular-link-pair{font-weight:var(--font-semibold);color:var(--text-primary);font-size:var(--text-sm)}.popular-link-names{font-size:var(--text-xs);color:var(--text-secondary);line-height:1.4}.seo-content-section{margin:0 auto}.seo-section{margin-bottom:var(--space-8)}.seo-section h2{font-size:var(--text-xl);margin-bottom:var(--space-4);color:var(--text-primary)}button#swapBtn,button#swapBtn:active,button#swapBtn:focus,button#swapBtn:focus-visible{border:2px solid var(--border-light)}