:root{color-scheme:dark;--bg:#080f18;--panel:#111d2b;--line:#26364a;--muted:#9badc2;--text:#eef4fb;--accent:#68c8ff;--error:#ffb2a9}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 0,#122a40 0,transparent 60%),var(--bg);font:15px/1.6 system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}[hidden]{display:none!important}.shell{width:min(680px,100%);padding:0 24px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:28px 0;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;color:var(--accent);font-weight:800;font-size:30px}.brand>span{font-size:18px;line-height:1.3;color:var(--text)}.brand small{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:3px}.settings-link{font-size:14px;color:var(--muted)}.settings-link span{margin-left:12px;color:var(--accent)}.intro{padding:36px 0 24px}.eyebrow{font-size:11px;letter-spacing:2px;color:var(--accent);font-weight:700}h1{font-size:36px;line-height:1.2;letter-spacing:-1px;margin:14px 0}h1 span{color:var(--muted);font-weight:500}.intro p{color:var(--muted);margin:12px 0 0}.panel{border:1px solid var(--line);border-radius:20px;background:linear-gradient(155deg,#152235,#101a27);box-shadow:0 18px 60px #0002;overflow:hidden}.tabs{display:grid;grid-template-columns:repeat(3,1fr);padding:8px;gap:5px;border-bottom:1px solid var(--line);background:#0b1420}.tabs button{padding:13px 4px;border:1px solid transparent;border-radius:12px;background:none;color:var(--muted);font-size:14px;font-weight:650;white-space:nowrap}.tabs button.active{background:#1c374e;border-color:#32617d;color:#a7e1ff}.panel-body{padding:26px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:10px}h2{font-size:19px;margin:0 0 16px;letter-spacing:-.25px}.section-head h2{margin:0}.badge{border:1px solid #36536b;border-radius:6px;font-size:11px;padding:2px 8px;color:#b4d8ed}.switch-row{margin:19px 0}.toggle{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--muted)}input[type=checkbox]{accent-color:var(--accent);width:17px;height:17px;padding:0;margin:0}.basis{display:flex;gap:18px;margin:22px 0}.basis button{padding:0 0 7px;background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);font-size:13px}.basis button.selected{border-color:var(--accent);color:var(--text)}label{display:block;color:var(--muted);font-size:13px;margin:15px 0 7px}input,select{display:block;background:#09131f;color:var(--text);border:1px solid #324357;border-radius:10px;padding:12px;width:100%;min-width:0}input:focus,select:focus,button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.amount-box{display:flex;align-items:center;border:1px solid #40566c;border-radius:12px;background:#09131f;padding-right:16px}.amount-box input{border:0;background:none;font-size:30px;font-weight:650;padding:12px 16px}.amount-box span{color:var(--muted);font-size:14px}.hint{color:var(--muted);font-size:12px;line-height:1.6;margin:9px 0 0}.actions{display:flex;gap:10px;margin-top:23px}.primary,.secondary{border-radius:11px;min-height:46px;padding:11px 17px;font-size:14px;font-weight:600}.primary{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#8bd6ff;color:#092037;border:1px solid #8bd6ff}.actions .primary{flex:1}.primary:hover{background:#b7e6ff}.secondary{background:#172739;color:#c8d8e9;border:1px solid #32475d}.secondary:hover{border-color:var(--accent)}.result{margin-top:24px;padding:20px;border:1px solid #325973;border-radius:13px;background:#132c40}.result-head{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--muted)}.total{font-size:34px;line-height:1.3;letter-spacing:-1px;font-weight:700;padding:8px 0 18px;overflow-wrap:anywhere}dl{margin:0;border-top:1px solid #ffffff16;padding-top:12px}.detail-row{display:flex;justify-content:space-between;gap:18px;font-size:13px;padding:5px 0}.detail-row dt{color:var(--muted)}.detail-row dd{margin:0;text-align:right;overflow-wrap:anywhere}.copy-actions{display:flex;gap:8px;margin-top:17px}.copy-actions button{flex:1;font-size:12px;padding:8px}.error{border:1px solid #834d4a;color:var(--error);background:#3c2428;border-radius:10px;padding:12px;margin:20px 0 0;font-size:14px}.rate-strip{display:flex;gap:9px;align-items:flex-start;padding:18px 3px;color:var(--muted);font-size:12px}.rate-strip p{margin:0}.status-dot{width:6px;height:6px;margin-top:7px;flex-shrink:0;border-radius:50%;background:var(--accent)}.rules{border-top:1px solid var(--line);padding:18px 0;color:var(--muted);font-size:12px}.rules summary{cursor:pointer;font-size:13px}.rules p{line-height:1.8}footer{display:flex;justify-content:space-between;gap:16px;color:#71879f;font-size:11px;border-top:1px solid var(--line);padding:22px 0 30px;margin-top:18px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.settings-card{padding:24px;margin:20px 0}.settings-card h2{margin-bottom:8px}.rate-grid{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:10px;margin:20px 0}.rate-grid span{font-size:11px;color:var(--muted)}.rate-grid label{margin:0}.notice{padding:14px 17px;border:1px solid #5a5542;background:#29271d;color:#e0d5ab;border-radius:12px;font-size:13px}#save-status{white-space:pre-wrap;color:var(--accent)}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:12px 20px;background:#23435c;border:1px solid var(--accent);border-radius:10px;box-shadow:0 10px 30px #0005;max-width:90vw;font-size:13px;text-align:center} @media(max-width:480px){.shell{padding:0 16px}header{padding:20px 0}.intro{padding-top:25px}h1{font-size:29px}.panel-body{padding:19px}.tabs button{font-size:12px;padding:12px 1px}.tabs{gap:2px}.total{font-size:29px}.grid{grid-template-columns:1fr}.basis{gap:13px}.basis button{font-size:12px}.settings-card{padding:17px}.rate-grid{gap:6px;grid-template-columns:.85fr 1fr 1fr}.rate-grid input{padding:10px 6px}.rate-grid label{font-size:11px}.copy-actions{flex-direction:column}.section-head h2{font-size:17px}}