:root{font-family:Inter,system-ui,-apple-system,sans-serif;color:#f5f6fb;background:#10131b}*{box-sizing:border-box}body{margin:0}header{padding:24px 20px 14px;border-bottom:1px solid #2a2f3c}.brand{font-size:22px;letter-spacing:1px}.brand b{color:#a5a7ff}small,p,.hint{color:#9ca4b6}main{padding:20px 18px 110px;max-width:640px;margin:auto}h1{font-size:26px;margin:0 0 10px}h2{font-size:17px}.panel{background:#1b202b;border:1px solid #303746;border-radius:18px;padding:18px;margin-top:18px}label{display:block;font-size:13px;color:#cbd0dd;margin-bottom:14px}input,select{width:100%;display:block;background:#11151e;border:1px solid #41495a;border-radius:10px;color:#fff;padding:12px;margin-top:7px;font-size:15px}.pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.primary{width:100%;padding:14px;border:0;border-radius:11px;background:#7c82f9;color:#fff;font-weight:700;font-size:15px}nav{position:fixed;bottom:0;left:0;right:0;display:flex;background:#171b25;border-top:1px solid #343948;padding:8px 4px max(10px,env(safe-area-inset-bottom))}nav button{flex:1;background:none;color:#8d95a7;border:0;font-size:11px;padding:6px 0}nav span{display:block;font-size:23px;margin-bottom:4px}nav button.active{color:#aaaefe}article{border-top:1px solid #343948;padding:13px 0;line-height:1.8}a{color:#a8acff}

.picker{position:relative}.picker input{padding-right:40px}.picker-toggle{position:absolute;right:3px;top:8px;bottom:3px;width:36px;border:0;background:transparent;color:#c7c9ff;font-size:22px;cursor:pointer}.suggestions{position:absolute;z-index:30;top:100%;left:0;right:0;max-height:230px;overflow-y:auto;background:#222a38;border:1px solid #525c70;border-radius:10px;box-shadow:0 12px 28px #0009}.suggestions[hidden]{display:none}.suggestion{display:block;width:100%;padding:12px;text-align:left;background:transparent;border:0;border-bottom:1px solid #374051;color:#fff;font-size:14px;cursor:pointer}.suggestion:active,.suggestion:hover{background:#414766}.suggestion-empty{padding:12px;color:#aab0c1;font-size:12px}