@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-dark:#0a0e17;--bg-panel:#141a2899;--border-color:#ffffff14;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#475569;--accent-blue:#3b82f6;--accent-purple:#8b5cf6;--color-buy:#10b981;--color-buy-bg:#10b98126;--color-sell:#ef4444;--color-sell-bg:#ef444426;--font-main:"Inter", sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-dark);color:var(--text-primary);background:radial-gradient(circle at 15% 50%, #3b82f614 0%, transparent 50%), radial-gradient(circle at 85% 30%, #8b5cf614 0%, transparent 50%), var(--bg-dark);min-height:100vh}.glass-panel{background:var(--bg-panel);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:16px;padding:20px;transition:transform .3s,box-shadow .3s;box-shadow:0 8px 32px #0003}.glass-panel:hover{border-color:#ffffff1f;transform:translateY(-2px);box-shadow:0 12px 40px #0000004d}.layout-grid{grid-template-columns:1fr 350px 350px;gap:24px;max-width:1600px;margin:0 auto;padding:32px 24px;display:grid}@media (width<=1200px){.layout-grid{grid-template-columns:1fr 350px}}@media (width<=900px){.layout-grid{grid-template-columns:1fr}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}.text-green{color:var(--color-buy)}.text-red{color:var(--color-sell)}.bg-green{background:var(--color-buy-bg)}.bg-red{background:var(--color-sell-bg)}.flex-row{align-items:center;display:flex}.flex-col{flex-direction:column;display:flex}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-4{gap:16px}h1,h2,h3{font-weight:600}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.text-muted{color:var(--text-muted)}.font-mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.control-header{justify-content:space-between;align-items:center;margin-bottom:32px;padding:0 24px;display:flex}.brand-title{background:linear-gradient(135deg,#fff 0%,#a5b4fc 100%);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;font-size:1.5rem;font-weight:700}.btn{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;font-family:var(--font-main);background:#ffffff0d;border-radius:8px;padding:8px 16px;font-weight:500;transition:all .2s}.btn:hover:not(:disabled){background:#ffffff1a}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.active{background:var(--accent-blue);border-color:var(--accent-blue)}.depth-bar{opacity:.15;z-index:-1;transition:width .2s;position:absolute;top:0;bottom:0;right:0}.depth-bar.buy{background:var(--color-buy)}.depth-bar.sell{background:var(--color-sell)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{border:1px solid var(--border-color);background:#0f172a;border-radius:16px;width:90%;max-width:600px;animation:.3s cubic-bezier(.16,1,.3,1) modalIn;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}@keyframes modalIn{0%{opacity:0;transform:translateY(20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.input-field{border:1px solid var(--border-color);color:#fff;width:100%;font-size:1.1rem;font-family:var(--font-mono);background:#0000004d;border-radius:8px;outline:none;padding:12px 16px;transition:border-color .2s}.input-field:focus{border-color:var(--accent-blue)}.result-card{border:1px solid var(--border-color);background:#ffffff08;border-radius:12px;margin-top:16px;padding:16px}