/* Peer2Buddy is dark-only, including native form controls. */
:root{color-scheme:dark;--ink:#edf7f1;--muted:#a6bcb1;--paper:#0b1210;--green:#a8f2c3;--line:#2b4036;--white:#15231c;--surface:#14221b;--field:#0f1b15;--accent:#a8f2c3;--on-accent:#10251a}
body{background:var(--paper);color:var(--ink)}
::selection{background:var(--accent);color:var(--on-accent)}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,.amount-row input:focus-visible{outline-color:var(--accent)}
input{caret-color:var(--accent)}
.brand2,h1>span{color:var(--accent)}
.nav{border-bottom-color:var(--line)}
.nav nav a:hover,.founder-link:hover,.founder-contact:hover{color:var(--accent)}
.nav-contact{border-color:#466653;background:#14221b;color:var(--ink)}
.nav-contact:hover{background:#213b2b;color:var(--accent)}
.intro{color:#d0e2d6}
.avatar{background:#213b2b;border-color:#3b5b48;color:var(--accent)}
.personal strong{color:var(--ink)}
.founder-link,.founder-contact{color:var(--accent)}
.calculator{background:var(--surface);box-shadow:0 20px 60px -16px #00000099}
.calc-head h2{color:var(--ink)}
.fee-tag{background:#284632;color:#c3f9d4}
.tabs{background:#0a1510}
.tabs button{color:#b4c9bb}
.tabs button:hover{background:#213b2b;color:#edf7f1}
.tabs .selected,.tabs .selected:hover{background:var(--accent);color:var(--on-accent);box-shadow:none}
.amount-box{border-color:#344e3d;background:var(--field)}
.amount-row input,.amount-row output{color:#f4fcf6}
.amount-row select{background:#2b4233;color:#effaf2}
select option{background:#192a20;color:#edf7f1}
.receive{background:#1b3022;border-color:#456d50}
.receive .amount-row output{color:#bbf8ce}
.receive .amount-row select{background:#304e39;color:#edfff2}
.swap-row button{background:#253e2e;color:#c3f9d4;border-color:#456d50}
.swap-row button:hover{background:#35583f;color:white}
.payment-picker select{background:var(--field);border-color:#344e3d;color:#edf7f1}
.breakdown strong{color:#e1f0e7}
.error{color:#ffb4a9}
.primary,.light{background:var(--accent);color:var(--on-accent)}
.primary:hover,.light:hover{background:#c6ffda;color:#0a2114}
.coin-strip{background:#101e17;border-color:var(--line)}
.coin{color:white}.btc{background:#a85e04}.eth{background:#566995}.usdt{background:#237157}.usdc{background:#29639d}.bnb{background:#786012}.sol{background:#354b40}
.founder-section{background:#101b15}
.founder-monogram{background:#233e2c;color:var(--accent)}
.founder-record dd{color:#b8f8ce}
.founder-contact{border-bottom-color:#52725d}
footer{background:var(--paper);border-top-color:var(--line)}
::-webkit-scrollbar-thumb{background:#42604c}
::-webkit-scrollbar-track{background:var(--paper)}
.currency-picker{display:flex;align-items:center;gap:5px;flex-shrink:0;background:#2b4233;border-radius:6px;padding:6px 4px 6px 8px;min-width:115px}.currency-icon{display:grid;place-items:center;width:24px;height:24px;flex-shrink:0;color:#edf7f1;font-size:15px;font-weight:600;line-height:1}.currency-icon img{width:24px;height:24px;display:block}.amount-row .currency-picker select{width:74px;padding:4px 0;background:transparent;border-radius:3px}.receive .currency-picker{background:#304e39}.coin-logo{display:block;width:28px;height:28px;flex-shrink:0}.amount-row output{font-size:24px}@media(max-width:650px){.currency-picker{min-width:106px;padding-left:6px;gap:3px}.amount-row .currency-picker select{width:69px;font-size:12px}.currency-icon,.currency-icon img{width:22px;height:22px}.amount-row output{font-size:20px}.coin-logo{width:25px;height:25px}}
.brand-mark{width:40px;height:40px;flex-shrink:0;display:block;margin-right:10px}footer>div .brand{font-size:23px}@media(max-width:650px){.brand-mark{width:31px;height:31px;margin-right:6px}footer>div .brand{font-size:20px}}
/* More legible type, with the same compact exchange layout. */
body{font-size:16px}.nav nav{font-size:15px}.nav-contact{font-size:15px}.intro{font-size:24px}.personal strong{font-size:15px}.personal div>span{font-size:13px}.avatar{font-size:14px}.founder-link{font-size:15px}.calc-head h2{font-size:24px}.fee-tag{font-size:13px}.tabs button{font-size:15px;padding:13px}.amount-box label,.breakdown>div,.payment-picker label{font-size:14px}.payment-picker select{font-size:16px}.payment-picker>span,.rate-status,.rate-status button,.calc-note{font-size:13px}.button,.quote{font-size:16px}.amount-row .currency-picker select{font-size:14px}.amount-row output{font-size:27px}.coins>span{font-size:14px}.coins .strip-label,.coins small{font-size:12px}.founder-details>p{font-size:17px}.founder-identity>p,.founder-record dt{font-size:14px}.founder-contact{font-size:16px}footer>p,footer>div>span{font-size:13px}.error{font-size:14px}.calc-note{line-height:1.7}.brand-mark{width:44px;height:44px}
@media(max-width:1080px){.coins>span{font-size:13px}.intro{font-size:22px}}
@media(max-width:650px){.nav{gap:8px}.nav-contact{font-size:12px;padding:10px 8px}.nav-contact span{margin-left:4px}.brand{font-size:19px}.brand-mark{width:34px;height:34px;margin-right:7px}.dotcom{font-size:12px}.intro{font-size:19px}.calc-head h2{font-size:22px}.fee-tag{font-size:12px}.tabs button{font-size:15px}.calculator{padding:20px}.amount-row{gap:8px}.amount-row output{font-size:22px}.amount-row .currency-picker select{font-size:13px}.breakdown>div{font-size:13px}.rate-status,.rate-status button,.calc-note,.payment-picker>span{font-size:12px}.quote{font-size:14px}.coins>span{font-size:12px}.founder-details>p{font-size:16px}footer>p,footer>div>span{font-size:12px}.brand .dotcom{display:none}footer .brand .dotcom{display:inline}}