*{box-sizing:border-box;margin:0;padding:0}:root{--bg: #0d0e14;--card: #16171f;--card-border: #262838;--text: #eceef5;--muted: #8b8fa3;--pink: #fc72ff;--pink-dark: #d445d8;--ok: #40b66b;--warn: #eeb317;--err: #ff5f52;--input-bg: #0f1017}body{background:radial-gradient(1200px 600px at 50% -100px,#2a1a35 0%,var(--bg) 60%);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;min-height:100vh}.app{max-width:860px;margin:0 auto;padding:24px 16px 60px}header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:24px}.brand{display:flex;gap:12px;align-items:center}.logo{font-size:36px}h1{font-size:22px}.sub{color:var(--muted);font-size:13px;margin-top:2px}.wallet-area{display:flex;gap:10px;align-items:center}select,input{background:var(--input-bg);border:1px solid var(--card-border);color:var(--text);border-radius:10px;padding:10px 12px;font-size:14px;width:100%}select{width:auto;cursor:pointer}input:focus,select:focus{outline:none;border-color:var(--pink)}input:disabled{opacity:.45}.btn{border:none;border-radius:12px;padding:10px 18px;font-size:14px;font-weight:600;cursor:pointer;background:var(--card-border);color:var(--text);transition:opacity .15s,transform .05s}.btn:hover{opacity:.9}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.35;cursor:not-allowed}.btn.primary{background:linear-gradient(135deg,var(--pink),var(--pink-dark));color:#fff}.btn.warn{background:var(--warn);color:#201800}.btn.big{padding:14px 20px;font-size:15px;flex:1}.pill{display:inline-block;padding:4px 10px;border-radius:999px;font-size:12px;background:var(--card-border);color:var(--text)}.pill.ok{background:#40b66b26;color:var(--ok);border:1px solid rgba(64,182,107,.4)}.pill.warn{background:#eeb3171f;color:var(--warn);border:1px solid rgba(238,179,23,.4)}main{display:flex;flex-direction:column;gap:16px}.card{background:var(--card);border:1px solid var(--card-border);border-radius:16px;padding:20px}.card h2{font-size:15px;margin-bottom:14px;color:var(--pink)}label{display:block;font-size:13px;color:var(--muted)}label input{margin-top:6px}.token-grid,.range-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width: 640px){.token-grid,.range-grid{grid-template-columns:1fr}}.token-info{margin-top:10px;padding:12px;border-radius:12px;background:var(--input-bg);border:1px solid var(--card-border);display:flex;flex-direction:column;gap:6px}.token-head{font-size:15px}.badges{display:flex;gap:6px;flex-wrap:wrap}.decimals input{width:90px;margin-left:8px;display:inline-block;padding:6px 8px}.decimals{margin-top:4px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;word-break:break-all}.muted{color:var(--muted);font-size:13px}.error-text{color:var(--err);font-size:13px;margin-top:8px}.fee-row{display:flex;gap:10px;flex-wrap:wrap}.fee-btn{flex:1;min-width:110px;background:var(--input-bg);border:1px solid var(--card-border);border-radius:12px;padding:12px;cursor:pointer;color:var(--text);display:flex;flex-direction:column;gap:4px;align-items:center}.fee-btn small{color:var(--muted)}.fee-btn.active{border-color:var(--pink);background:#fc72ff14}.custom-fee{display:flex;gap:14px;margin-top:12px}.custom-fee label{flex:1}.spacing-hint{margin-top:10px;font-size:12.5px}.spacing-hint b{color:var(--text)}.advanced{margin-top:14px}.advanced summary{cursor:pointer;color:var(--muted);font-size:13px}.advanced label{margin-top:10px}.checkbox{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text);margin-bottom:12px}.checkbox input{width:auto;margin:0}.slippage{margin-top:12px;max-width:200px}.notice{border-radius:12px;padding:12px 14px;font-size:13px;line-height:1.5;margin-top:12px}.notice.info{background:#508cff1a;border:1px solid rgba(80,140,255,.35)}.notice.warn{background:#eeb31714;border:1px solid rgba(238,179,23,.3)}.action-row{display:flex;gap:12px;margin:14px 0;flex-wrap:wrap}.log{margin-top:12px;background:var(--input-bg);border:1px solid var(--card-border);border-radius:12px;padding:12px;max-height:240px;overflow-y:auto;display:flex;flex-direction:column;gap:6px}.log-line{font-size:13px}.log-line.ok{color:var(--ok)}.log-line.err{color:var(--err)}.log-line.info{color:var(--muted)}.log-line a{color:var(--pink);text-decoration:none}footer{margin-top:28px;text-align:center}.calc{border-color:#fc72ff4d}.calc h3{font-size:13px;color:var(--muted);margin-bottom:10px;font-weight:600}.calc-block{margin-top:18px}.calc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.calc-grid select{width:100%;margin-top:6px}.inline-pair{display:flex;gap:8px;margin-top:6px}.inline-pair input{margin-top:0}.calc .checkbox{margin-top:12px;margin-bottom:0}.calc-output{margin-top:18px;padding:16px;border-radius:12px;background:var(--input-bg);border:1px solid var(--card-border)}.calc-headline{display:flex;gap:14px;align-items:center;flex-wrap:wrap;padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid var(--card-border)}.calc-headline>div{display:flex;flex-direction:column;gap:2px}.calc-headline b{font-size:17px}.calc-headline .muted{font-size:11px;text-transform:uppercase;letter-spacing:.04em}.calc-headline .plus{color:var(--muted);font-size:20px}table.steps{width:100%;border-collapse:collapse;font-size:12.5px}table.steps th{text-align:left;color:var(--muted);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.04em;padding:6px 10px 6px 0;border-bottom:1px solid var(--card-border)}table.steps td{padding:7px 10px 7px 0;border-bottom:1px solid rgba(38,40,56,.5);vertical-align:top}table.steps td:first-child{white-space:nowrap;color:var(--muted)}table.steps td:last-child{color:var(--text)}table.steps .mono{font-size:12px;word-break:normal}.formula-ref{margin-top:18px}.formula-ref table.steps{margin-top:12px}.remove-load{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap}.remove-load .grow{flex:1;min-width:220px}.remove-load .btn{padding:11px 16px}.scan-results{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:12px}.pill.clickable{cursor:pointer;border:1px solid var(--card-border)}.pill.clickable:hover{border-color:var(--pink)}.position-box{margin-top:14px;padding:14px;border-radius:12px;background:var(--input-bg);border:1px solid var(--card-border);display:flex;flex-direction:column;gap:8px}.pos-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.pct-row{display:flex;gap:10px;margin-top:6px}.pct-row .fee-btn{min-width:60px;padding:8px}.remove-opts{display:flex;gap:18px;align-items:flex-end;flex-wrap:wrap;margin-top:4px}.remove-opts .checkbox{margin:0 0 10px;font-size:13px}
