:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font:16px/145% -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#root{min-height:100svh}*{box-sizing:border-box}body{margin:0}.page{color:#e8eaed;background:#0f1115;justify-content:center;align-items:center;min-height:100vh;padding:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}.card{background:#1a1d24;border:1px solid #2a2e37;border-radius:16px;width:100%;max-width:480px;padding:28px}.card-header{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}h1{margin:0;font-size:20px}.settings-button{color:#9aa0aa;cursor:pointer;background:0 0;border:1px solid #2a2e37;border-radius:8px;justify-content:center;align-items:center;width:auto;padding:8px;display:flex}.settings-button:hover{color:#e8eaed;border-color:#5b8def}.modal-backdrop{z-index:10;background:#0009;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:#1a1d24;border:1px solid #2a2e37;border-radius:16px;width:100%;max-width:420px;max-height:90vh;padding:24px;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.modal-header h2{margin:0;font-size:17px}.modal-close{color:#9aa0aa;cursor:pointer;background:0 0;border:none;width:auto;padding:0 4px;font-size:24px;line-height:1}.modal-close:hover{color:#e8eaed}.modal-hint{color:#6b7280;margin:12px 0 0;font-size:12px;line-height:1.5}.field{margin-bottom:18px}.field label{color:#9aa0aa;margin-bottom:6px;font-size:13px;display:block}input,select{color:#e8eaed;background:#12141a;border:1px solid #2a2e37;border-radius:10px;width:100%;padding:10px 12px;font-size:15px}input:focus,select:focus{border-color:#5b8def;outline:none}.amount-row{gap:8px;display:flex}.amount-row input{flex:1}.amount-row select{width:90px}.price-card{background:#14161c;border:1px solid #2a2e37;border-radius:12px;margin-bottom:18px;padding:16px}.price-card-header{color:#9aa0aa;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:13px;display:flex}.error{color:#f36b6b;font-size:13px}.price-fetch-error{margin-bottom:12px}.price-value-input{margin-bottom:12px;font-size:20px;font-weight:600}.source-pills{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.source-pill{color:#e8eaed;cursor:pointer;text-align:center;background:#12141a;border:1px solid #2a2e37;border-radius:8px;flex-direction:column;flex:1;gap:2px;min-width:78px;padding:8px 6px;font-size:12px;display:flex}.source-pill:hover:not(:disabled){border-color:#5b8def}.source-pill:disabled{opacity:.4;cursor:not-allowed}.source-pill.active{background:#5b8def;border-color:#5b8def}.source-pill-label{color:#9aa0aa;font-size:11px}.source-pill.active .source-pill-label{color:#e2e8f0}.source-pill-price{font-weight:600}.source-pill-sub{color:#9aa0aa;font-size:10px}.source-pill.active .source-pill-sub{color:#e2e8f0}.resolved-price-row{color:#9aa0aa;border-top:1px solid #2a2e37;justify-content:space-between;align-items:center;margin-top:14px;padding-top:14px;font-size:13px;display:flex}.resolved-price-row strong{color:#e8eaed;font-size:18px}.range-source{color:#6b7280;text-align:right;margin-top:12px;font-size:11px}.percent-block{border-top:1px solid #2a2e37;margin-top:4px;padding-top:14px}.percent-header{color:#9aa0aa;justify-content:space-between;margin-bottom:4px;font-size:13px;display:flex}.percent-value{color:#e8eaed;font-weight:600}input[type=range]{accent-color:#5b8def;margin:8px 0;padding:0}.percent-controls{flex-direction:column;gap:10px;display:flex}.fee-controls{flex-direction:column;gap:10px;margin-top:10px;display:flex}.fee-custom{align-items:center;gap:8px;display:flex}.fee-custom input{width:100px}.fee-custom span{color:#9aa0aa;font-size:14px}.checkbox{color:#9aa0aa;cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.checkbox input{accent-color:#5b8def;width:auto}.percent-controls>input[type=number]{width:100px}.presets{flex-wrap:wrap;gap:6px;display:flex}.presets button{color:#e8eaed;cursor:pointer;background:#12141a;border:1px solid #2a2e37;border-radius:8px;padding:6px 10px;font-size:13px}.presets button:hover{border-color:#5b8def}.presets button.active{color:#fff;background:#5b8def;border-color:#5b8def}.result{border-top:1px solid #2a2e37;flex-direction:column;gap:10px;margin-top:22px;padding-top:18px;display:flex}.result-row{color:#9aa0aa;justify-content:space-between;font-size:14px;display:flex}.result-row strong{color:#e8eaed;font-weight:600}.result-row.total{font-size:16px}.result-row.total strong{font-size:18px}.result-row.diff.positive strong{color:#4ade80}.result-row.diff.negative strong{color:#f36b6b}