:root{--bg-from: #fafbfc;--bg-via: #eef1f5;--bg-to: #dde3eb;--surface: #ffffff;--text: #1f2937;--text-soft: #6b7280;--line: #eef0f3;--accent-usdt: #f0b90b;--accent-usdt-soft: #fff8e1;--accent-bcv: #2563eb;--accent-bcv-soft: #eff4ff;--radius: 18px;--gap: 16px;--pad: 24px}*{box-sizing:border-box}html,body{margin:0;padding:0;color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.4;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:max(env(safe-area-inset-top),24px) max(env(safe-area-inset-right),20px) max(env(safe-area-inset-bottom),24px) max(env(safe-area-inset-left),20px);background:radial-gradient(120% 80% at 50% 0%,var(--bg-from) 0%,transparent 70%),linear-gradient(180deg,var(--bg-via) 0%,var(--bg-to) 100%);background-attachment:fixed}.app{width:100%;max-width:440px;display:flex;flex-direction:column;align-items:stretch;gap:var(--gap)}.app__header{display:flex;flex-direction:column;align-items:center;gap:4px;margin-bottom:6px}.title{margin:0;text-align:center;font-size:1.4rem;font-weight:600;letter-spacing:-.01em;color:var(--text)}.updated{margin:0;text-align:center;font-size:.8rem;color:var(--text-soft);display:flex;align-items:center;justify-content:center;gap:6px}.cards{display:flex;flex-direction:column;gap:var(--gap)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--pad);display:flex;flex-direction:column;gap:6px;box-shadow:0 1px 2px #0f172a0a}.card__header{display:flex;flex-direction:column;gap:2px;margin-bottom:10px}.card__header h2{margin:0;font-size:.95rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase}.card--usdt .card__header h2{color:#7a5b00}.card--bcv .card__header h2{color:#1d4ed8}.card__source{margin:0;font-size:.8rem;color:var(--text-soft)}.card--usdt{border-color:#f5e6b3;background:var(--accent-usdt-soft)}.card--bcv{border-color:#c7d9ff;background:var(--accent-bcv-soft)}.card__rate{margin:0;display:flex;align-items:baseline;gap:6px;font-variant-numeric:tabular-nums;font-weight:700;font-size:2.4rem;line-height:1.1;color:var(--text);letter-spacing:-.02em}.card__sub{display:none}.unit{font-size:1rem;font-weight:600;color:var(--text-soft)}.calculator-toggle{width:100%;padding:14px 20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text);font-size:.95rem;font-weight:600;letter-spacing:.01em;cursor:pointer;box-shadow:0 1px 2px #0f172a0a;transition:transform .08s ease,background .15s ease}.calculator-toggle:active{transform:scale(.99)}.calculator-toggle[aria-expanded=true]:after{content:" ↑";font-weight:700}.calculator{display:flex;flex-direction:column;gap:var(--gap);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:var(--pad);box-shadow:0 1px 2px #0f172a0a;opacity:0;max-height:0;overflow:hidden;visibility:hidden;padding-block:0;border-width:0;transition:opacity .15s ease,max-height .2s ease,padding .15s ease,border .15s ease,visibility .15s}.calculator--open{opacity:1;max-height:600px;visibility:visible;padding-block:var(--pad);border-width:1px}.calculator__field{position:relative;display:flex;flex-direction:column;gap:6px}.calculator__field label{font-size:.8rem;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:var(--text-soft)}.calculator__field input{width:100%;padding:12px 44px 12px 14px;border:1px solid var(--line);border-radius:12px;background:transparent;color:var(--text);font-size:1.5rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.01em;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.calculator__field input:focus{border-color:var(--accent-bcv);box-shadow:0 0 0 3px var(--accent-bcv-soft)}.calculator__field input::-webkit-outer-spin-button,.calculator__field input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.calculator__field input[type=number]{-moz-appearance:textfield}.calculator__suffix{position:absolute;right:14px;bottom:14px;font-size:1rem;font-weight:600;color:var(--text-soft);pointer-events:none}.calculator__results{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:4px}.result-cell{display:flex;flex-direction:column;cursor:pointer;border-radius:14px;outline:none;transition:transform .08s ease}.result-cell:focus-visible{outline:2px solid var(--accent-bcv);outline-offset:2px}.result-cell:active{transform:scale(.98)}.result-cell:hover .result{box-shadow:0 2px 8px #0f172a14}.result{border-radius:12px;padding:12px 14px;display:flex;flex-direction:column;gap:4px;transition:box-shadow .15s ease}.result__header{display:flex;align-items:center;justify-content:space-between;gap:8px}.result h3{margin:0;font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;line-height:1.2}.result__icon{font-size:.85rem;line-height:1;opacity:.75;margin-top:-2px}.result p{margin:0;font-size:1.15rem;font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.01em;color:var(--text)}.result--bcv{background:var(--accent-bcv-soft);border:1px solid #c7d9ff}.result--bcv h3,.result--bcv .result__icon{color:#1d4ed8}.result--usdt{background:var(--accent-usdt-soft);border:1px solid #f5e6b3}.result--usdt h3,.result--usdt .result__icon{color:#7a5b00}.copy-tooltip{position:fixed;background:var(--text);color:var(--surface);font-size:.7rem;font-weight:600;letter-spacing:.04em;padding:6px 10px;border-radius:8px;pointer-events:none;opacity:0;transform:translate(-50%,calc(-100% - 10px));transition:opacity .15s ease;z-index:1000;white-space:nowrap;box-shadow:0 4px 12px #0f172a2e}.copy-tooltip:after{content:"";position:absolute;bottom:-4px;left:50%;margin-left:-4px;width:8px;height:8px;background:var(--text);transform:rotate(45deg)}.copy-tooltip--visible{opacity:1}.footer{text-align:center;font-size:.72rem;color:var(--text-soft);line-height:1.5;padding:0 var(--pad)}.footer a{color:inherit;text-decoration:underline;text-underline-offset:2px}@media (max-width: 360px){.card__rate{font-size:2rem}.pad{padding:18px}}.refresh-btn{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:10px;margin:0;border:0;border-radius:0;background:transparent;color:var(--text-soft);cursor:pointer;line-height:1;transition:color .15s ease}.refresh-btn:before{content:"↻";font-weight:700;font-size:1.2rem;margin-top:-4px}.refresh-btn:hover{color:var(--accent-bcv)}.refresh-btn:disabled{opacity:.4;cursor:default}.refresh-btn--loading:before{animation:refresh-spin .8s linear infinite}@keyframes refresh-spin{to{transform:rotate(360deg)}}@media (prefers-color-scheme: dark){:root{--bg-from: #131a2c;--bg-via: #0a1120;--bg-to: #050810;--surface: #111c33;--text: #f1f5f9;--text-soft: #94a3b8;--line: #1e293b;--accent-usdt-soft: #1a1810;--accent-bcv-soft: #0d1a36;--border-usdt: #3a2f10;--border-bcv: #1e3a8a;--text-usdt: #f0b90b;--text-bcv: #93c5fd}.card--usdt{border-color:var(--border-usdt)}.card--bcv{border-color:var(--border-bcv)}.card--usdt .card__header h2{color:var(--text-usdt)}.card--bcv .card__header h2{color:var(--text-bcv)}.result--bcv{border-color:var(--border-bcv)}.result--usdt{border-color:var(--border-usdt)}.result--bcv h3,.result--bcv .result__icon{color:var(--text-bcv)}.result--usdt h3,.result--usdt .result__icon{color:var(--text-usdt)}}