:root{--bg1:#070a14;--bg2:#0b1020;--card:#ffffff14;--border:#ffffff24;--text:#ffffffeb;--muted:#ffffffb8;--muted2:#ffffff8c;--shadow:0 22px 90px #0000008c}html,body{height:100%}body{color:var(--text);background:radial-gradient(1200px 700px at 20% 10%, #15206a 0%, transparent 60%), radial-gradient(900px 600px at 85% 15%, #510b7a 0%, transparent 55%), linear-gradient(180deg,var(--bg1),var(--bg2));margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial}.bgGlow{filter:blur(45px);pointer-events:none;background:radial-gradient(closest-side,#00ffff17,#0000 60%),radial-gradient(closest-side,#ff00c814,#0000 60%);position:absolute;inset:-220px}.container{max-width:1050px;margin:0 auto;padding:44px 18px 70px;position:relative}.hero{margin-bottom:18px}.heroTop{justify-content:space-between;align-items:center;gap:12px;display:flex}.brandPill{border:1px solid var(--border);color:var(--muted);background:#ffffff0f;border-radius:999px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;display:inline-flex}.rightTag{color:var(--muted);background:#0003;border:1px solid #ffffff24;border-radius:999px;padding:10px 14px;font-size:13px}.dot{background:#78dcffcc;border-radius:999px;width:9px;height:9px;box-shadow:0 0 20px #78dcffbf}.heroTitle{letter-spacing:-.03em;margin:14px 0 8px;font-size:56px;line-height:1.02}.heroSub{max-width:780px;color:var(--muted);margin:0 0 18px;font-size:16px;line-height:1.6}.priceBanner{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(135deg,#78dcff24,#ff5ac81f);border:1px solid #ffffff24;border-radius:24px;padding:18px;box-shadow:0 18px 70px #00000059}.priceLabel{color:var(--muted);margin-bottom:8px;font-size:13px}.priceValue{letter-spacing:-.03em;font-size:52px;font-weight:900}.priceMeta{color:var(--muted2);margin-top:8px;font-size:13px}.card{border:1px solid var(--border);background:var(--card);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:22px;margin-top:18px;padding:18px}.field.big label{color:var(--muted);font-size:13px}input{height:54px;color:var(--text);background:#0000003d;border:1px solid #ffffff2e;border-radius:16px;outline:none;padding:0 14px;font-size:16px;transition:border .14s,transform .14s}input:focus{border-color:#78dcffb3;transform:translateY(-1px)}.helper{color:var(--muted2);font-size:12px;line-height:1.4}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.swapBtn{width:56px;height:54px;color:var(--text);cursor:pointer;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:16px;font-size:18px;transition:transform .12s,background .12s}.swapBtn:hover{background:#ffffff1f}.swapBtn:active{transform:scale(.98)}.pillBig{background:#ffffff0f;border:1px solid #ffffff2e;border-radius:16px;align-items:center;height:54px;padding:0 14px;font-size:18px;font-weight:900;display:flex}.suggestSection{margin-top:16px}.suggestTitle{color:var(--muted);margin-bottom:10px;font-size:13px}.suggestGrid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.suggestChip{text-align:left;color:var(--text);cursor:pointer;background:#0003;border:1px solid #ffffff29;border-radius:16px;padding:12px;transition:transform .12s,background .12s,border .12s}.suggestChip:hover{background:#ffffff12}.suggestChip:active{transform:scale(.99)}.suggestChip.active{background:#00a0ff1f;border-color:#78dcffa6;box-shadow:0 0 0 4px #78dcff1f}.suggestMain{letter-spacing:-.01em;font-size:14px;font-weight:900}.suggestSub{color:var(--muted2);margin-top:6px;font-size:12px;line-height:1.35}.alert{background:#00000038;border:1px solid #ffffff24;border-radius:16px;margin-top:14px;padding:12px;font-size:14px}.alert.warn{border-color:#ffc85059}.alert.err{border-color:#ff647859}.small{color:var(--muted2);margin-top:6px;font-size:12px}.primaryBtn{color:#07101a;cursor:pointer;background:linear-gradient(135deg,#78dcffd9,#ff5ac8b3);border:1px solid #ffffff2e;border-radius:18px;width:100%;height:56px;margin-top:16px;font-size:16px;font-weight:900;transition:transform .12s,filter .12s}.primaryBtn:hover{filter:brightness(1.05)}.primaryBtn:active{transform:scale(.99)}.primaryBtn:disabled{cursor:not-allowed;opacity:.75;filter:grayscale(.2)brightness(.85)}.spinnerWrap{justify-content:center;align-items:center;gap:10px;display:inline-flex}.spinner{border:2px solid #00000040;border-top-color:#000000bf;border-radius:999px;width:16px;height:16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{background:linear-gradient(90deg,#ffffff0f 0%,#ffffff1f 50%,#ffffff0f 100%) 0 0/200% 100%;border:1px solid #ffffff24;border-radius:16px;height:54px;animation:1.2s linear infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.footnote{color:var(--muted2);margin-top:12px;font-size:12px;line-height:1.5}@media (max-width:980px){.heroTitle{font-size:44px}.formGrid{grid-template-columns:1fr}.swapBtn{width:100%}.suggestGrid{grid-template-columns:1fr}}:root{--bg:#070914;--card:#ffffff0f;--card2:#ffffff14;--stroke:#ffffff1f;--text:#ffffffeb;--muted:#ffffffad;--muted2:#ffffff85;--accent:#78dcff;--accent2:#a08cff;--good:#4bdc9b;--danger:#ff7878}*{box-sizing:border-box}html,body{background:var(--bg);height:100%;color:var(--text);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji}.page{min-height:100vh;position:relative;overflow:hidden}.bgGlow{filter:blur(10px);z-index:0;background:radial-gradient(600px 400px at 20% 20%,#78dcff2e,#0000 60%),radial-gradient(700px 450px at 70% 10%,#a08cff2e,#0000 60%),radial-gradient(700px 500px at 60% 70%,#4bdc9b1a,#0000 60%);position:absolute;inset:-20%}.container{z-index:1;width:min(1100px,100% - 40px);margin:0 auto;padding:28px 0 40px;position:relative}.topBar{z-index:1;justify-content:space-between;align-items:flex-start;gap:16px;width:min(1100px,100% - 40px);margin:0 auto;padding:28px 0 10px;display:flex;position:relative}.brand .pill{color:#ffffffdb;letter-spacing:.3px;background:#ffffff14;border:1px solid #ffffff1f;border-radius:999px;align-items:center;padding:8px 12px;font-size:12px;display:inline-flex}.brand .title{letter-spacing:-.8px;margin-top:10px;font-size:44px;font-weight:750;line-height:1.05}.brand .subtitle{color:var(--muted);max-width:640px;margin-top:10px;font-size:15px}.topRight{align-items:center;gap:10px;padding-top:6px;display:flex}.linkBtn{color:#ffffffdb;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;padding:10px 12px;font-size:13px;text-decoration:none;transition:transform .12s,background .12s}.linkBtn:hover{background:#ffffff1a;transform:translateY(-1px)}.card{border:1px solid var(--stroke);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#ffffff12,#ffffff0d);border-radius:22px;box-shadow:0 30px 100px #00000059}.cardHero{padding:18px}.heroRow{justify-content:space-between;align-items:flex-start;gap:16px;padding:6px 6px 14px;display:flex}.heroHeadline{letter-spacing:-.3px;font-size:22px;font-weight:700}.heroDesc{color:var(--muted);max-width:560px;margin-top:6px;font-size:14px;line-height:1.5}.chips{flex-wrap:wrap;justify-content:flex-end;gap:10px;max-width:420px;display:flex}.chip{color:#ffffffe6;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;padding:10px 12px;font-size:13px;transition:transform .12s,background .12s,border-color .12s}.chip:hover{background:#ffffff1a;transform:translateY(-1px)}.chip.active{background:#78dcff24;border-color:#78dcff8c}.form{padding:6px}.formGrid{grid-template-columns:1fr 70px 1fr;align-items:end;gap:14px;display:grid}.field{flex-direction:column;gap:8px;display:flex}.field.big{grid-column:span 1}.labelRow{justify-content:space-between;align-items:center;gap:10px;display:flex}.label{color:#ffffffd6;font-size:13px}.hint{color:var(--muted2);font-size:12px}.field input{color:#fffffff2;background:#0a0c188c;border:1px solid #ffffff24;border-radius:16px;outline:none;height:48px;padding:12px 14px;transition:border-color .12s,transform .12s}.field input:focus{border-color:#78dcff8c}.swapCol{justify-content:center;display:flex}.swapBtn{color:#ffffffeb;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:16px;width:58px;height:48px;font-size:18px;transition:transform .12s,background .12s}.swapBtn:hover{background:#ffffff1a;transform:translateY(-1px)}.quarterBox{background:#0a0c188c;border:1px solid #ffffff24;border-radius:16px;justify-content:space-between;align-items:center;height:48px;padding:0 14px;display:flex}.qBig{letter-spacing:-.2px;font-size:16px;font-weight:800}.qSmall{color:var(--muted2);font-size:12px}.actions{grid-column:1/-1;align-items:center;gap:12px;padding-top:6px;display:flex}.primary{cursor:pointer;color:#060a14f2;background:linear-gradient(135deg,#78dcff,#a08cff);border:0;border-radius:16px;height:48px;padding:0 18px;font-weight:700;transition:transform .12s;box-shadow:0 16px 50px #78dcff2e}.primary:hover{transform:translateY(-1px)}.primary:disabled{opacity:.55;cursor:not-allowed;transform:none}.secondary{color:#ffffffe6;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:16px;height:48px;padding:0 16px}.resultRow{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 6px 4px;display:flex}.result{background:#4bdc9b14;border:1px solid #4bdc9b38;border-radius:18px;align-items:center;gap:12px;padding:12px 14px;display:flex}.badgeOk{background:#4bdc9b2e;border:1px solid #4bdc9b40;border-radius:12px;place-items:center;width:34px;height:34px;display:grid}.resultLabel{color:#ffffffb8;font-size:12px}.resultValue{letter-spacing:-.4px;font-size:22px;font-weight:850}.error{color:#ffffffeb;background:#ff787814;border:1px solid #ff787838;border-radius:18px;padding:12px 14px}.muted{color:var(--muted);font-size:13px}.autoWrap{position:relative}.autoMenu{z-index:9999;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);scrollbar-gutter:stable;background:#0a0c18f5;border:1px solid #ffffff29;border-radius:16px;max-height:280px;position:absolute;top:calc(100% + 8px);left:0;right:0;overflow:hidden auto;box-shadow:0 22px 70px #0000008c}.autoItem{text-align:left;color:#ffffffeb;cursor:pointer;background:0 0;border:0;width:100%;padding:12px 14px;font-size:14px;transition:background .12s}.autoItem:hover{background:#ffffff14}.autoItem.active{background:#78dcff24}.cardInfo{margin-top:14px;padding:18px}.infoGrid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.infoBox{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:18px;padding:14px}.infoTitle{letter-spacing:-.2px;font-weight:750}.infoText{color:var(--muted);margin-top:8px;font-size:13px;line-height:1.55}.footer{color:#ffffffa8;justify-content:space-between;align-items:baseline;gap:12px;margin-top:14px;font-size:13px;display:flex}.smallDim{color:#ffffff7a}@media (max-width:980px){.brand .title{font-size:36px}.formGrid{grid-template-columns:1fr}.swapCol{justify-content:flex-start}.swapBtn{width:100%}.infoGrid{grid-template-columns:1fr}.chips{justify-content:flex-start;max-width:none}}