:root{color-scheme:dark;--bg:#04101a;--panel:#061a27;--line:#173b51;--muted:#91acc4;--text:#eef6ff;--accent:#00baff;--blue:#0759e6;--up:#00d5ad;--down:#ff6471;--warn:#ffcf76;font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:16px}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 60% 0,#092438,transparent 60%),var(--bg);color:var(--text);min-height:100vh}button,input,select{font:inherit}a{color:var(--accent);text-decoration:none}button,a,input,select{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent)}button{cursor:pointer;border:1px solid var(--line);border-radius:7px;background:#0a2336;color:var(--text);padding:.55rem .85rem}button:hover{border-color:var(--accent)}button:disabled{cursor:not-allowed;opacity:.55}input,select{background:#071c2c;border:1px solid var(--line);border-radius:7px;color:var(--text);padding:.6rem .8rem}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(1.5rem,2.4vw,2.1rem);margin-bottom:.4rem;letter-spacing:-.025em}h2{font-size:1.04rem;margin-bottom:0}h3{font-size:1rem}.muted{color:var(--muted)}.small{font-size:.8125rem}.up{color:var(--up)}.down{color:var(--down)}.primary{background:linear-gradient(105deg,#0060f3,#0640a2);border-color:#237cfa}.quiet{background:transparent}.sidebar{position:fixed;left:0;top:0;bottom:0;width:205px;background:#03121dd9;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:1.4rem .8rem;z-index:3}.brand{display:flex;gap:.8rem;align-items:center;letter-spacing:.19em;font-size:1.25rem;font-weight:700;color:white;padding:.15rem .3rem 1.5rem}.brand-mark{display:block;width:29px;height:29px;border:6px solid var(--accent);border-right-color:#1454e7;border-radius:50%;transform:rotate(-25deg);flex-shrink:0}nav{display:flex;flex-direction:column;gap:.45rem}nav a{display:flex;align-items:center;gap:.8rem;padding:.8rem .8rem;color:#d4e3f1;border-radius:7px;font-size:.9375rem}nav a span{width:1.4rem;text-align:center;font-size:1.25rem}nav a.active{background:linear-gradient(100deg,#064be3,#072f72);box-shadow:inset 0 0 0 1px #1b59b8;color:#fff}nav a:hover{background:#10293c}.sidebar-bottom{margin-top:auto;border-top:1px solid var(--line);padding:1rem .5rem 0;display:grid;gap:.4rem;font-size:.875rem}main{margin-left:205px;padding:0 1.2rem;max-width:2200px}.topbar{min-height:76px;display:flex;gap:1rem;align-items:center;border-bottom:1px solid var(--line);margin-bottom:1.4rem}.search{display:flex;align-items:center;gap:.5rem;max-width:540px;flex:1}.search span{font-size:1.8rem;color:var(--muted)}.search input{width:100%;font-size:.875rem}.environment{font-size:.6875rem;letter-spacing:.06em;color:var(--muted);border:1px solid var(--line);border-radius:6px;padding:.5rem;margin-left:auto}.topbar form{margin:0}.topbar button{font-size:.8125rem}#connection:empty{display:none}#connection{color:var(--warn);padding:.7rem 1rem;background:#302512;border:1px solid #69512c;border-radius:6px;margin-bottom:1rem}.page-heading{display:flex;justify-content:space-between;align-items:start;gap:1rem;margin-bottom:1.15rem}.page-heading p{margin-bottom:0}.quote-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.6rem;margin-bottom:1rem}.quote-card{display:flex;gap:.65rem;align-items:center;text-align:left;padding:.85rem .7rem;background:#051a29;border:1px solid var(--line);border-radius:8px;min-width:0}.coin{border-radius:50%;width:32px;height:32px;display:grid;place-content:center;font-size:1rem;font-weight:700;background:#123853;color:var(--accent);flex-shrink:0}.coin.btc{background:#ff9615;color:#fff}.coin.eth{background:#354eee;color:#fff}.coin.gold{background:#c89717;color:white}.quote-card .symbol{font-size:.8125rem;color:#edf5ff;display:block}.quote-card strong{display:block;font-size:.95rem;line-height:1.6}.quote-card small{font-size:.6875rem;color:var(--muted)}.overview-grid{display:grid;grid-template-columns:minmax(0,1.75fr) minmax(280px,1fr);gap:.85rem}.panel{border:1px solid var(--line);background:linear-gradient(150deg,#061b29,#04141f);border-radius:9px;padding:1rem;min-width:0}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:.7rem;margin-bottom:.8rem}.panel-head a,.panel-head button{font-size:.8125rem}.panel-head button{padding:.3rem .55rem}.filters,.tabs{display:flex;gap:.3rem;align-items:center;flex-wrap:wrap}.filters{margin:.5rem 0 .8rem}.filters button,.tabs button{font-size:.8125rem;padding:.4rem .7rem;border-color:transparent;background:transparent;color:var(--muted)}.filters button.selected,.tabs button.selected{background:#0644a0;border:1px solid #006feb;color:#fff}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;font-size:.875rem;text-align:left}th{font-weight:400;color:var(--muted);font-size:.75rem;white-space:nowrap}th,td{padding:.7rem .55rem;border-bottom:1px solid #143144;vertical-align:middle}tbody tr:last-child td{border-bottom:0}.market-row:hover{background:#0d2d46}.market-name{display:flex;align-items:center;gap:.6rem;color:var(--text);font-weight:600}.market-name small{display:block;font-weight:400;color:var(--muted);font-size:.6875rem;margin-top:.2rem}.market-name button{border:0;padding:0;background:transparent;text-align:left;color:inherit}.pill{display:inline-block;font-size:.6875rem;padding:.2rem .5rem;border-radius:5px;border:1px solid #2d4860;color:var(--muted);white-space:nowrap}.pill.bullish{color:var(--up);background:#03382f;border-color:#076456}.pill.bearish{color:var(--down);background:#351a26;border-color:#643543}.pill.mixed{color:var(--warn);border-color:#605032}.stack{display:grid;gap:.85rem}.bottom-grid{display:grid;grid-template-columns:1fr 1fr;gap:.85rem;margin-top:.85rem}.empty{padding:1.6rem .8rem;border:1px dashed #24465b;border-radius:7px;text-align:center;display:grid;gap:.5rem;color:var(--muted);font-size:.875rem;line-height:1.6}.empty strong{font-size:.95rem;font-weight:500;color:#c4d6e6}.list-item{border-bottom:1px solid var(--line);padding:.9rem 0}.list-item:last-child{border-bottom:0}.list-item h3{font-size:.95rem;line-height:1.45;margin:.5rem 0}.list-item p{font-size:.875rem;line-height:1.55;color:var(--muted);margin:.35rem 0}.list-item time{font-size:.75rem;color:var(--muted)}.breadcrumbs{font-size:.8125rem;color:var(--muted);margin-bottom:1.1rem}.instrument-header{display:flex;gap:1.5rem;align-items:center;margin-bottom:1.2rem;flex-wrap:wrap}.instrument-title{display:flex;gap:.8rem;align-items:center}.instrument-title .coin{width:46px;height:46px;font-size:1.6rem}.instrument-title h1{font-size:1.6rem;margin:0}.instrument-title p{margin:.3rem 0 0;font-size:.8125rem;color:var(--muted)}.instrument-price{padding-left:1.5rem;border-left:1px solid var(--line)}.instrument-price strong{font-size:1.65rem}.instrument-actions{margin-left:auto;display:flex;gap:.5rem}.ticker-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(240px,.8fr) minmax(270px,1fr);gap:.85rem}.chart{grid-column:1}.analysis{grid-column:1}.options-panel{grid-column:2/4}.ticker-lower{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.85rem;margin-top:.85rem}.chart-frame{height:290px;display:grid;place-items:center;background-image:linear-gradient(#15324755 1px,transparent 1px),linear-gradient(90deg,#15324755 1px,transparent 1px);background-size:60px 50px;border:1px solid #153247;border-radius:5px;margin-top:.8rem}.chart-frame .empty{background:#041521eb;border:0;max-width:320px}.chart-frame svg{width:100%;height:100%}.panel-meta{font-size:.75rem;color:var(--muted);padding-top:.75rem;line-height:1.5}.depth-totals{display:flex;justify-content:space-between;gap:1rem;margin:.7rem 0 1rem}.depth-totals span{display:grid;gap:.4rem;font-size:.8125rem}.depth-totals strong{font-size:1.3rem}.options-grid{display:grid;grid-template-columns:210px minmax(0,1fr);gap:1rem}.stat{background:#092135;border:1px solid var(--line);border-radius:6px;padding:.7rem;margin-bottom:.5rem}.stat small{color:var(--muted);display:block;margin-bottom:.4rem}.stat strong{font-size:1.15rem}.settings-list{display:grid;gap:1rem;max-width:600px}.setting-row{display:flex;gap:1rem;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid var(--line)}.setting-row span{display:grid;gap:.4rem}.setting-row input{width:20px;height:20px}footer{display:flex;gap:1rem;justify-content:space-between;font-size:.6875rem;color:var(--muted);margin-top:1.4rem;padding:1rem 0;border-top:1px solid var(--line)}footer strong{letter-spacing:.2em}dialog{background:#081e2f;color:var(--text);border:1px solid #2a6485;border-radius:12px;max-width:620px;width:90%;padding:1.5rem}dialog::backdrop{background:#000b}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}dialog dl{display:grid;grid-template-columns:120px minmax(0,1fr);gap:.6rem;font-size:.875rem}dialog dt{color:var(--muted)}dialog dd{margin:0;overflow-wrap:anywhere}#toast{position:fixed;bottom:25px;right:25px;padding:1rem;background:#0c3046;border:1px solid #2c6686;border-radius:7px;max-width:340px;font-size:.875rem;display:none;z-index:8}#toast.visible{display:block}.login-page{display:grid;place-items:center;padding:2rem}.login-card{margin:0;padding:2rem;max-width:430px;width:100%;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.login-card form,.login-card label{display:grid;gap:.55rem}.login-card form{gap:1.2rem;margin-top:1.5rem}.login-card label{font-size:.875rem}.login-card h1{font-size:1.65rem}.login-error{color:var(--down);line-height:1.5}
@media(min-width:1750px){.sidebar{width:225px}main{margin-left:225px;padding:0 1.6rem}.chart-frame{height:340px}}
@media(max-width:1250px){.sidebar{width:170px;padding:.9rem .6rem}.brand{font-size:1.02rem;gap:.55rem}.brand-mark{width:25px;height:25px}main{margin-left:170px;padding:0 .9rem}.quote-strip{grid-template-columns:repeat(3,1fr)}.overview-grid{grid-template-columns:minmax(0,1.6fr) minmax(265px,1fr)}.ticker-grid{grid-template-columns:minmax(0,1.65fr) minmax(270px,1fr)}.chart{grid-column:1}.depth-panel{grid-column:2}.news-panel{grid-column:2;grid-row:2}.analysis{grid-column:1}.options-panel{grid-column:1/3}.ticker-lower{grid-template-columns:1fr 1fr}.ticker-lower .x-panel{grid-column:2}.options-grid{grid-template-columns:220px 1fr}}
@media(max-width:950px){.sidebar{width:72px;padding:1rem .4rem}.brand{font-size:0;justify-content:center;padding-bottom:1rem}.brand-mark{width:31px;height:31px}.sidebar nav a{font-size:0;justify-content:center;padding:.65rem}.sidebar nav a span{font-size:1.4rem}.sidebar-bottom{display:none}main{margin-left:72px}.overview-grid{grid-template-columns:1fr}.overview-grid>.stack{grid-template-columns:1fr 1fr}.ticker-grid{grid-template-columns:1fr}.chart,.depth-panel,.news-panel,.analysis,.options-panel{grid-column:1;grid-row:auto}.ticker-lower{grid-template-columns:1fr 1fr}.instrument-actions{margin-left:0}.environment{font-size:.625rem}.topbar{gap:.5rem}}
@media(max-width:600px){.sidebar{position:sticky;top:0;width:100%;height:auto;border-right:0;border-bottom:1px solid var(--line);padding:.5rem;display:flex;flex-direction:row;align-items:center}.brand{padding:0 .5rem}.sidebar nav{flex-direction:row;overflow:auto;flex:1;gap:.2rem}.sidebar nav a{padding:.5rem;min-width:42px}.sidebar nav a span{font-size:1.25rem}main{margin-left:0;padding:0 .65rem}.topbar{min-height:67px;margin-bottom:1rem}.topbar .environment{display:none}.quote-strip{grid-template-columns:repeat(2,1fr)}.overview-grid>.stack,.bottom-grid,.ticker-lower,.options-grid{grid-template-columns:1fr}.ticker-lower .x-panel{grid-column:1}.panel{padding:.8rem}.instrument-header{gap:1rem}.instrument-price{padding-left:1rem}.instrument-price strong{font-size:1.3rem}.instrument-actions{width:100%}.chart-frame{height:245px}.page-heading{display:block}.page-heading .muted{font-size:.875rem}.table-scroll{margin:0 -.2rem}footer{flex-wrap:wrap}.small{font-size:.8125rem}.login-card{padding:1.5rem}}
.button-link{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:7px;background:#0a2336;color:var(--text);padding:.55rem .85rem}.button-link:hover{border-color:var(--accent)}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.setup-levels{display:grid;grid-template-columns:minmax(90px,1fr) minmax(0,2fr);gap:8px 12px;font-size:13px}
.setup-levels dt{color:var(--muted,#8cacc6)}
.setup-levels dd{margin:0;overflow-wrap:anywhere}