:root{color-scheme:dark;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:#0b1425;color:#f6f9ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 30% 0%,#243b64 0%,#0b1425 65%);min-height:100vh}.shell{max-width:560px;margin:auto;padding:24px 18px 40px}header,.brand,.rateshead,.field,.sheethead{display:flex;justify-content:space-between;align-items:center}.brand{justify-content:flex-start;gap:12px}.logo{display:grid;place-items:center;width:45px;height:45px;border-radius:14px;background:linear-gradient(135deg,#5ad7bc,#3990eb);color:#10243b;font-size:31px;font-weight:700}.brand small,.rateshead small{letter-spacing:2px;font-size:10px;font-weight:750;color:#8aa3c7}h1{font-size:21px;margin:3px 0 0}button{font:inherit;cursor:pointer;color:inherit}.refresh{background:#243855;border:1px solid #3c5574;width:42px;height:42px;border-radius:13px;font-size:29px}.status{display:flex;align-items:center;gap:8px;color:#afbfda;font-size:12px;margin:23px 0 14px}.dot{height:8px;width:8px;background:#e5ae61;border-radius:50%}.dot.ok{background:#4bd6a4}.convert,.pad,.rates{background:#17263e;border:1px solid #30415a;border-radius:23px;box-shadow:0 15px 30px #0002}.convert{padding:17px}.field{min-height:90px;gap:14px}.field label{display:block;color:#91a5c2;font-size:13px;margin-bottom:9px}.currency{border:1px solid #3c5471;background:#233651;border-radius:12px;padding:9px 11px;white-space:nowrap;font-weight:750;font-size:16px}.chev{color:#83a7c8;margin-left:5px}.amount{min-width:0;font-size:30px;font-weight:750;letter-spacing:-.6px;text-align:right;overflow-wrap:anywhere}.amount.result{color:#69e5c7}.swap{display:block;border:1px solid #405775;background:#293e59;border-radius:50%;width:38px;height:38px;font-size:23px;margin:-4px auto}.basis{border-top:1px solid #30445c;margin-top:7px;padding-top:15px}.smalllabel,.padtitle{font-size:13px;color:#b7c8e0}.segment{margin-top:10px;display:flex;background:#0c192b;border-radius:12px;padding:4px;gap:4px}.segment button{flex:1;border:0;background:transparent;border-radius:9px;padding:11px;font-weight:700;color:#9ab1cd}.segment button.selected{background:#365875;color:#e7fff9}.explain{min-height:18px;color:#9fb6d2;font-size:12px;margin-top:12px;line-height:1.5}.pad{padding:18px;margin-top:14px}.padtitle{display:flex;justify-content:space-between}.padtitle span{color:#6f89a9;font-size:11px}.keys{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:16px}.keys button{border:1px solid #304a68;background:#253a55;border-radius:12px;height:54px;font-size:23px;font-weight:650}.keys button:active{background:#396687}.keyactions{display:flex;gap:9px;margin-top:11px}.keyactions button{flex:1;background:#233651;border:1px solid #38516f;border-radius:10px;padding:12px;font-size:13px}.keyactions button:last-child{background:#174e60;color:#82f0df}.rates{padding:18px 14px;margin-top:14px}.rateshead{padding:2px 4px 14px}.rates h2{margin:5px 0 0;font-size:20px}.rateshead span{color:#92aacc;font-size:12px}.scroll{overflow:auto}table{border-collapse:collapse;width:100%;min-width:450px;text-align:right;font-variant-numeric:tabular-nums;font-size:12px}th{color:#90a7c2;font-size:11px;font-weight:500;padding:11px 7px;background:#233650}td{padding:12px 7px;border-bottom:1px solid #304059}th:first-child,td:first-child{text-align:left}td:first-child{font-weight:700}.coinflag{margin-right:5px}.note{color:#839ab8;font-size:11px;line-height:1.55;margin:13px 4px}.crypto{display:grid;grid-template-columns:1fr 1fr;gap:9px}.cryptocard{background:#253751;border-radius:12px;padding:11px;font-size:13px}.cryptocard b{display:block;margin-bottom:6px}.cryptocard span{color:#8fe8d9}.cryptocard small{display:block;color:#8098b7;margin-top:5px}footer{text-align:center;color:#6d83a0;font-size:11px;margin:19px}.overlay{position:fixed;inset:0;background:#0009;z-index:5;display:flex;align-items:flex-end;justify-content:center}.overlay[hidden]{display:none}.sheet{width:min(560px,100%);background:#192943;border:1px solid #38516d;border-radius:24px 24px 0 0;padding:20px;max-height:85vh;overflow:auto}.sheethead{margin-bottom:15px}.sheethead button{background:#30435f;border:0;padding:8px 12px;border-radius:9px}.choices{display:grid;grid-template-columns:1fr 1fr;gap:9px}.choices button{border:1px solid #385373;background:#243957;border-radius:12px;padding:15px 7px;text-align:left;font-size:14px} @media(max-width:380px){.amount{font-size:25px}.shell{padding:14px 11px}.crypto{grid-template-columns:1fr}}

/* Mobile-first price board: four fields without side-scrolling */
.scroll{overflow:visible}table{min-width:0;width:100%;table-layout:fixed;font-size:clamp(9px,2.6vw,12px)}th,td{padding:10px 2px;overflow:hidden;text-overflow:clip}th:first-child,td:first-child{width:23%}th:nth-child(2),td:nth-child(2){width:25%}th:nth-child(3),td:nth-child(3){width:26%}th:nth-child(4),td:nth-child(4){width:26%}th{white-space:normal;overflow-wrap:anywhere;font-size:clamp(9px,2.4vw,11px)}.admin-entry{margin-top:14px;display:grid;gap:7px}.admin-entry button,.admin-save{border:1px solid #457394;background:#29435f;border-radius:11px;padding:12px;color:#fff;font-weight:650}.admin-entry small{color:#879fba;font-size:11px}.formlabel{display:grid;gap:6px;color:#bbcee6;margin:12px 0;font-size:13px}.formlabel input,.formlabel select{width:100%;border:1px solid #49617c;border-radius:9px;background:#243955;color:#fff;font:inherit;padding:12px}.admin-save{width:100%;background:#175a64}.rates{overflow:hidden}@media(max-width:480px){.shell{padding:12px 10px 26px}.convert{padding:13px}.field{min-height:72px}.pad{padding:12px;margin-top:9px}.keys{gap:6px;margin-top:9px}.keys button{height:43px;font-size:21px}.keyactions button{padding:9px 5px}.rates{padding:12px 9px;margin-top:9px}.status{margin:10px 0}.brand small{font-size:9px}h1{font-size:18px}.amount{font-size:27px}.segment button{padding:9px}.rateshead{padding-bottom:9px}.rates h2{font-size:18px}}