:root{--ttb-bg: #0f1221;--ttb-surface: #141830;--ttb-surface-2: #101429;--ttb-text: #e8e9f0;--ttb-muted: #a9aec2;--ttb-brand: #0ea5e9;--ttb-brand-dark: #0284c7;--ttb-accent: #15bfa6;--ttb-danger: #e65454;--ttb-success: #19c37d;--ttb-border: #252a44;--ttb-ring: rgba(14, 165, 233, .25);--ttb-radius: 16px;--ttb-shadow: 0 10px 35px rgba(0, 0, 0, .35);--ttb-space: clamp(16px, 2vw, 24px)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;color:var(--ttb-text);background:linear-gradient(180deg,#0c0f1d,#0f1221 30%,#0f1221 70%,#0b0e1b);min-height:100vh;padding:clamp(12px,3vw,32px);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{max-width:1400px;margin:0 auto}.ttb{background:linear-gradient(180deg,#14183099,#101429cc);padding:clamp(16px,3vw,32px);border-radius:var(--ttb-radius);box-shadow:var(--ttb-shadow);border:1px solid var(--ttb-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.ttb-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:var(--ttb-space);flex-wrap:wrap}.ttb-title{display:flex;align-items:center;gap:14px}.ttb-logo{width:44px;height:44px;border-radius:11px;background:linear-gradient(135deg,var(--ttb-brand) 0%,var(--ttb-brand-dark) 100%);display:grid;place-items:center;color:#fff;font-weight:800;font-size:16px;box-shadow:0 8px 20px #0ea5e94d,inset 0 1px #fff3}.ttb-logo-img{width:60px;height:60px;object-fit:contain;border-radius:8px}.ttb h2{margin:0;font-size:clamp(20px,3vw,28px);letter-spacing:-.02em;font-weight:800;background:linear-gradient(135deg,var(--ttb-text) 0%,var(--ttb-muted) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ttb-sub{color:var(--ttb-muted);font-size:14px;margin-top:4px;font-weight:500}.ttb-actions{display:flex;gap:10px;flex-wrap:wrap}button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--ttb-border);color:var(--ttb-text);background:var(--ttb-surface);padding:11px 18px;border-radius:10px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease;font-family:inherit}button:hover{transform:translateY(-1px);border-color:#2c345c;box-shadow:0 4px 12px #0003}button:active{transform:translateY(0)}.btn-accent{background:linear-gradient(135deg,var(--ttb-accent) 0%,#12a68f 100%);color:#0b0e1b;border-color:transparent;box-shadow:0 2px 8px #15bfa64d}.btn-accent:hover{filter:brightness(1.1);box-shadow:0 4px 16px #15bfa666}.btn-ghost{background:transparent;border-color:var(--ttb-border)}.btn-ghost:hover{background:var(--ttb-surface)}.ttb-grid{display:grid;gap:var(--ttb-space);grid-template-columns:1.2fr .8fr}@media (max-width: 1024px){.ttb-grid{grid-template-columns:1fr}}.panel{background:linear-gradient(180deg,var(--ttb-surface),var(--ttb-surface-2));border:1px solid var(--ttb-border);border-radius:var(--ttb-radius);padding:var(--ttb-space)}.panel h3{margin:0 0 16px;font-size:14px;text-transform:uppercase;letter-spacing:.1em;color:var(--ttb-muted);font-weight:700}.row{display:grid;grid-template-columns:minmax(180px,200px) 1fr;gap:16px;align-items:center;padding:14px 0}.row+.row{border-top:1px solid rgba(34,39,68,.5)}@media (max-width: 640px){.row{grid-template-columns:1fr;gap:10px}}.row label{color:var(--ttb-text);font-weight:600;font-size:14px;display:flex;align-items:center;gap:8px}.group{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}input[type=text],input[type=number]{width:100%;background:#0e1226;color:var(--ttb-text);border:1px solid var(--ttb-border);padding:11px 14px;border-radius:10px;font-size:14px;font-weight:500;outline:none;transition:all .2s ease;font-family:inherit}input[type=text]:focus,input[type=number]:focus{border-color:var(--ttb-brand);box-shadow:0 0 0 4px var(--ttb-ring)}.range-wrap{display:flex;align-items:center;gap:12px;flex:1}input[type=range]{-webkit-appearance:none;width:100%;height:8px;background:#1a2040;border-radius:999px;outline:none;transition:background .15s ease}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid var(--ttb-brand);box-shadow:0 2px 8px #0000004d;cursor:pointer;transition:all .2s ease}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 3px 12px #0ea5e980}input[type=range]::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:#fff;border:3px solid var(--ttb-brand);cursor:pointer;transition:all .2s ease}input[type=range]::-moz-range-thumb:hover{transform:scale(1.1);box-shadow:0 3px 12px #0ea5e980}.unit{color:var(--ttb-muted);font-weight:600;font-size:13px;white-space:nowrap;min-width:100px;text-align:right}.tip{position:relative;display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--ttb-accent);color:#0b0e1b;font-weight:800;font-size:12px;cursor:help;border:none;padding:0;transition:all .2s ease}.tip:hover{background:#17d4b8;transform:scale(1.05)}.tip[aria-expanded=true]{background:#17d4b8}.popover{position:absolute;z-index:100;margin-top:8px;left:50%;transform:translate(-50%) translateY(-6px);opacity:0;pointer-events:none;background:var(--ttb-surface);color:var(--ttb-text);border:1px solid var(--ttb-border);border-radius:10px;padding:12px 14px;width:min(300px,90vw);box-shadow:var(--ttb-shadow);transition:all .2s ease;font-size:13px;line-height:1.5;font-weight:500}.tip[aria-expanded=true]+.popover{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.results h4{margin:0 0 12px;font-size:14px;color:var(--ttb-muted);letter-spacing:.08em;text-transform:uppercase;font-weight:700}.stat{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid rgba(34,39,68,.5)}.stat:last-child{border-bottom:0}.stat .k{color:var(--ttb-muted);font-weight:600;font-size:14px}.stat .v{font-weight:800;font-size:clamp(16px,2.2vw,20px);font-variant-numeric:tabular-nums}.pill{padding:7px 14px;border-radius:999px;font-weight:700;font-size:13px;border:1px solid var(--ttb-border);display:inline-block}.pill.buy{background:#19c37d26;color:var(--ttb-success);border-color:#19c37d4d}.pill.sell{background:#e6545426;color:var(--ttb-danger);border-color:#e654544d}.footnote{margin-top:var(--ttb-space);padding-top:var(--ttb-space);border-top:1px solid rgba(34,39,68,.5);font-size:12px;color:var(--ttb-muted);line-height:1.6}.footnote strong{color:var(--ttb-text);font-weight:700}.sticky{position:sticky;top:20px}.divider{border:0;border-top:1px solid rgba(34,39,68,.5);margin:16px 0}@media (max-width: 1024px){.sticky{position:static}}