body{background-color:var(--calc-bg-page,#0d1117);color:var(--calc-text-primary,#f8fafc);margin:0;padding:0;font-family:Inter,sans-serif}.main-container{max-width:900px;margin:0 auto;padding:24px 20px 60px}.page-title{color:var(--calc-text-primary,#fff);letter-spacing:-.02em;margin-bottom:6px;font-size:1.75rem;font-weight:800}.section-desc{color:var(--calc-text-faded,#88a);margin-bottom:28px;font-size:.95rem}.top-tab-control{border-bottom:2px solid #ffffff0f;gap:6px;margin-bottom:20px;padding-bottom:0;display:flex}.top-tab-btn{color:var(--calc-text-faded,#88a);cursor:pointer;text-transform:uppercase;letter-spacing:.04em;background:0 0;border:none;border-bottom:3px solid #0000;margin-bottom:-2px;padding:10px 20px;font-size:.9rem;font-weight:700;transition:color .2s,border-color .2s}.top-tab-btn:hover{color:var(--calc-text-primary,#ccc)}.top-tab-btn.active{color:var(--calc-cyan,#22d3ee);border-bottom-color:var(--calc-cyan,#22d3ee)}.top-tab-panel{display:none}.top-tab-panel.active{display:block}.converter-card{background:var(--calc-bg-card,#0d1117);border:1px solid #22d3ee2e;border-radius:14px;margin-bottom:20px;padding:28px}.preset-row{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.preset-chip{color:var(--calc-text-faded,#88a);cursor:pointer;white-space:nowrap;font-size:.8rem;font-weight:600;font-family:var(--calc-font-mono,"JetBrains Mono", monospace);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:20px;padding:6px 14px;transition:color .2s,border-color .2s,background .2s}.preset-chip:hover{color:#ccc;border-color:#22d3ee59}.preset-chip.active{color:var(--calc-cyan,#22d3ee);background:#22d3ee1a;border-color:#22d3ee80}.convert-row{grid-template-columns:1fr auto 1fr;align-items:end;gap:12px;margin-bottom:16px;display:grid}@media (width<=560px){.convert-row{grid-template-columns:1fr;gap:8px}.swap-btn-wrap{text-align:center;order:3}}.convert-field{flex-direction:column;gap:6px;display:flex}.convert-field label{color:var(--calc-text-faded,#88a);text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:600}.glass-input{width:100%;color:var(--calc-text-primary,#fff);box-sizing:border-box;font-size:1rem;font-weight:600;font-family:var(--calc-font-mono,"JetBrains Mono", monospace);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;outline:none;padding:10px 12px}.glass-input:focus{background:#ffffff12;border-color:#22d3ee80}.glass-input::placeholder{color:#ffffff4d;font-weight:400}.glass-select{width:100%;color:var(--calc-text-primary,#fff);cursor:pointer;box-sizing:border-box;appearance:none;background:#ffffff0d url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%238888aa' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") right 10px center/16px no-repeat;border:1px solid #ffffff1a;border-radius:8px;outline:none;padding:10px 32px 10px 12px;font-size:.88rem}.glass-select:focus{border-color:#22d3ee80}.glass-select option{color:#fff;background:#0d1117}.swap-btn-wrap{justify-content:center;align-items:flex-end;padding-bottom:2px;display:flex}.swap-btn{width:40px;height:42px;color:var(--calc-cyan,#22d3ee);cursor:pointer;background:#22d3ee14;border:1px solid #22d3ee40;border-radius:8px;justify-content:center;align-items:center;font-size:1.2rem;transition:background .2s;display:flex}.swap-btn:hover{background:#22d3ee2e}.result-card{background:#a855f712;border:1px solid #a855f738;border-radius:12px;margin-top:4px;padding:20px 22px}.result-main{align-items:baseline;gap:8px;margin-bottom:10px;display:flex}.result-converted{color:var(--calc-purple,#a855f7);font-size:2.2rem;font-weight:800;font-family:var(--calc-font-mono,"JetBrains Mono", monospace);line-height:1}.result-symbol{color:var(--calc-purple,#a855f7);opacity:.8;font-size:1.1rem;font-weight:700}.result-rates{flex-direction:column;gap:4px;margin-bottom:12px;display:flex}.result-rate,.result-inverse{color:var(--calc-text-faded,#88a);font-size:.88rem;font-family:var(--calc-font-mono,"JetBrains Mono", monospace)}.result-rate{color:var(--calc-text-primary,#ddd);font-weight:600}.result-divider{border:none;border-top:1px solid #ffffff0f;margin:10px 0}.result-unit-row{color:var(--calc-text-faded,#88a);font-size:.78rem;font-family:var(--calc-font-mono,"JetBrains Mono", monospace);flex-wrap:wrap;gap:12px;margin-bottom:10px;display:flex}.result-unit-row span{background:#ffffff0a;border:1px solid #ffffff12;border-radius:6px;padding:4px 10px}.result-disclaimer{color:#8888aab3;font-size:.75rem;font-style:italic;line-height:1.5}.action-bar{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.action-btn{color:var(--calc-text-faded,#88a);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:8px;padding:7px 16px;font-size:.82rem;font-weight:600;transition:color .2s,border-color .2s,background .2s}.action-btn:hover{color:var(--calc-cyan,#22d3ee);background:#22d3ee0f;border-color:#22d3ee4d}.pairs-intro{color:var(--calc-text-faded,#88a);margin-bottom:18px;font-size:.88rem;line-height:1.5}.popular-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px;display:grid}.pair-card{cursor:pointer;background:#ffffff08;border:1px solid #ffffff14;border-radius:10px;padding:14px 16px;transition:border-color .2s,background .2s,transform .15s}.pair-card:hover{background:#22d3ee0a;border-color:#22d3ee4d;transform:translateY(-1px)}.pair-card__label{color:var(--calc-cyan,#22d3ee);font-size:.85rem;font-weight:700;font-family:var(--calc-font-mono,"JetBrains Mono", monospace);margin-bottom:4px}.pair-card__names{color:var(--calc-text-faded,#88a);margin-bottom:8px;font-size:.72rem;line-height:1.4}.pair-card__rate{color:var(--calc-text-primary,#ccc);font-size:.82rem;font-family:var(--calc-font-mono,"JetBrains Mono", monospace)}.pair-card__rate span{color:var(--calc-purple,#a855f7);font-weight:700}.page-sections-outer{max-width:900px;margin:0 auto;padding:0 20px 3rem}.faq-list{flex-direction:column;display:flex}.faq-item{border-bottom:1px solid #ffffff0f}.faq-item__question{cursor:pointer;color:var(--calc-text-primary,#f8fafc);user-select:none;justify-content:space-between;align-items:center;padding:14px 4px;font-size:.9rem;font-weight:600;list-style:none;transition:color .2s;display:flex}.faq-item__question::-webkit-details-marker{display:none}.faq-item__question:after{content:"+";font-family:var(--calc-font-mono,monospace);color:var(--calc-text-faded,#88a);flex-shrink:0;margin-left:16px;font-size:1.1rem;transition:color .2s}.faq-item[open] .faq-item__question:after{content:"−";color:var(--calc-cyan,#22d3ee)}.faq-item__question:hover{color:var(--calc-cyan,#22d3ee)}.faq-item__answer{color:var(--calc-text-faded,#88a);padding:0 4px 14px;font-size:.85rem;line-height:1.75}[data-theme=light] body{background-color:var(--calc-bg-page,#f6f7fb);color:var(--calc-text-primary,#0f172a)}[data-theme=light] .page-title{color:#0f172a}[data-theme=light] .section-desc{color:#475569}[data-theme=light] .top-tab-control{border-bottom-color:#0000001a}[data-theme=light] .top-tab-btn{color:#64748b}[data-theme=light] .top-tab-btn:hover{color:#0f172a}[data-theme=light] .top-tab-btn.active{color:#0891b2;border-bottom-color:#0891b2}[data-theme=light] .converter-card{background:#fff;border-color:#0891b233;box-shadow:0 2px 12px #0000000f}[data-theme=light] .preset-chip{color:#475569;background:#f0f4f9;border-color:#0000001f}[data-theme=light] .preset-chip:hover{color:#0f172a;background:#e8f0f7;border-color:#0891b266}[data-theme=light] .preset-chip.active{color:#0891b2;background:#0891b21a;border-color:#0891b280}[data-theme=light] .glass-input{color:#0f172a;background:#edf2f9;border-color:#00000026}[data-theme=light] .glass-input:focus{background:#e4edf7;border-color:#0891b2}[data-theme=light] .glass-input::placeholder{color:#0000004d}[data-theme=light] .glass-select{color:#0f172a;background-color:#edf2f9;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");border-color:#00000026}[data-theme=light] .glass-select:focus{border-color:#0891b2}[data-theme=light] .glass-select option{color:#0f172a;background:#fff}[data-theme=light] .swap-btn{color:#0891b2;background:#0891b214;border-color:#0891b24d}[data-theme=light] .swap-btn:hover{background:#0891b229}[data-theme=light] .result-card{background:#f5f0ff;border-color:#7c3aed40;box-shadow:0 2px 10px #7c3aed14}[data-theme=light] .result-converted,[data-theme=light] .result-symbol{color:#7c3aed}[data-theme=light] .result-rate{color:#0f172a}[data-theme=light] .result-inverse{color:#475569}[data-theme=light] .result-divider{border-top-color:#00000014}[data-theme=light] .result-unit-row{color:#475569}[data-theme=light] .result-unit-row span{background:#edf2f9;border-color:#0000001a}[data-theme=light] .result-disclaimer{color:#94a3b8}[data-theme=light] .action-btn{color:#475569;background:#f0f4f9;border-color:#0000001f}[data-theme=light] .action-btn:hover{color:#0891b2;background:#e4edf7;border-color:#0891b266}[data-theme=light] .pairs-intro{color:#475569}[data-theme=light] .pair-card{background:#fff;border-color:#0000001a;box-shadow:0 1px 4px #0000000f}[data-theme=light] .pair-card:hover{background:#f0f8fb;border-color:#0891b259}[data-theme=light] .pair-card__label{color:#0891b2}[data-theme=light] .pair-card__names{color:#64748b}[data-theme=light] .pair-card__rate{color:#334155}[data-theme=light] .pair-card__rate span{color:#7c3aed}[data-theme=light] .faq-list{gap:8px}[data-theme=light] .faq-item{background:#fff;border:1px solid #0000001a;border-radius:10px;transition:box-shadow .2s,border-color .2s;overflow:hidden;box-shadow:0 1px 4px #0000000f}[data-theme=light] .faq-item:hover{border-color:#0891b259;box-shadow:0 2px 10px #0891b214}[data-theme=light] .faq-item[open]{border-color:#0891b266 #0891b266 #0891b266 #0891b2;border-left-style:solid;border-left-width:3px}[data-theme=light] .faq-item__question{color:#0f172a;padding:14px 16px}[data-theme=light] .faq-item__question:after{color:#64748b}[data-theme=light] .faq-item[open] .faq-item__question:after,[data-theme=light] .faq-item__question:hover{color:#0891b2}[data-theme=light] .faq-item__answer{color:#475569;border-top:1px solid #0000000f;padding:12px 16px 16px}