@layer theme;@layer base{:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#0c0f14;--surface:#141922;--ink:#e8edf5;--muted:#8592a6;--line:#232b38;--accent:#5aa9ff;--up:#2fcf86;--down:#ff6470;--up-wash:#123a2a;--down-wash:#3d1a20}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (prefers-color-scheme:light){:root{--bg:#f3f5f8;--surface:#fff;--ink:#121721;--muted:#5f6b7d;--line:#dfe4ec;--accent:#1f6fd1;--up:#11894f;--down:#d0303f;--up-wash:#dcf6e8;--down-wash:#fde2e5}}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font:14px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}button,input,select{font:inherit;color:inherit}input,select{border:1px solid var(--line);background:var(--surface);border-radius:.55rem;padding:.45rem .6rem}button{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:.55rem;padding:.45rem .85rem;font-weight:600}button:disabled{opacity:.4;cursor:default}button.primary{background:var(--accent);color:#04111f;border-color:#0000}}@layer components{@scope(spark-line) to ([data-zb-slotted=spark-line]){:scope{height:2rem;display:block}svg{width:100%;height:100%;display:block;overflow:visible}polyline{fill:none;stroke-width:1.6px;vector-effect:non-scaling-stroke;stroke-linejoin:round}.up{stroke:var(--up)}.down{stroke:var(--down)}.flat{stroke:var(--muted)}}@scope(price-tile) to ([data-zb-slotted=price-tile]){:scope{display:block}article{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:.9rem;grid-template-columns:1fr auto;gap:.15rem .75rem;padding:.8rem .9rem;transition:background .6s,border-color .15s;display:grid;position:relative}article:hover{border-color:var(--muted)}article.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}article.rise{background:var(--up-wash);transition:none}article.fall{background:var(--down-wash);transition:none}.symbol{letter-spacing:.02em;font-weight:800}.name{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;grid-column:1;font-size:.75rem;overflow:hidden}.price{text-align:right;font-variant-numeric:tabular-nums;grid-area:1/2;font-weight:700}.change{text-align:right;font-variant-numeric:tabular-nums;grid-area:2/2;font-size:.8125rem;font-weight:600}.change.up{color:var(--up)}.change.down{color:var(--down)}spark-line{grid-column:1/-1;margin-top:.4rem}.remove{background:var(--surface);color:var(--muted);cursor:pointer;border:0;border-radius:50%;width:1.4rem;height:1.4rem;display:none;position:absolute;top:.25rem;right:.3rem}article:hover .remove,.remove:focus-visible{display:block}}@scope(line-chart) to ([data-zb-slotted=line-chart]){:scope{display:block;position:relative}svg{width:100%;height:14rem;display:block}.area{fill:var(--accent);opacity:.12}.line{fill:none;stroke:var(--accent);stroke-width:2px;vector-effect:non-scaling-stroke}.grid{stroke:var(--line);stroke-dasharray:3 4;vector-effect:non-scaling-stroke}.cross{stroke:var(--muted);vector-effect:non-scaling-stroke}.dot{fill:var(--surface);stroke:var(--accent);stroke-width:2px;vector-effect:non-scaling-stroke}.labels{color:var(--muted);pointer-events:none;font-variant-numeric:tabular-nums;flex-direction:column;justify-content:space-between;padding:.2rem 0;font-size:.7rem;display:flex;position:absolute;inset:0 auto 0 0}.tip{background:var(--ink);color:var(--surface);font-variant-numeric:tabular-nums;border-radius:.4rem;padding:.2rem .5rem;font-size:.8125rem;font-weight:700;position:absolute;top:.25rem;right:.25rem}}}@layer utilities;.app{max-width:72rem;margin:0 auto;padding:1rem 1.25rem 3rem}header{flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}h1{letter-spacing:-.02em;margin:0;font-size:1.4rem;font-weight:300}h1 b{color:var(--accent);font-weight:800}.status{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.8125rem}.status.live:before{content:"";background:var(--up);width:.5rem;height:.5rem;box-shadow:0 0 8px var(--up);border-radius:50%;margin-right:.4rem;display:inline-block}.controls{gap:.5rem;margin-left:auto;display:flex}.watchlist{grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:.75rem;margin-bottom:1rem;display:grid}.add{border:1px dashed var(--line);color:var(--muted);border-radius:.9rem;align-content:center;gap:.35rem;padding:.8rem;font-size:.8125rem;display:grid}.columns{grid-template-columns:minmax(0,3fr) minmax(0,2fr);align-items:start;gap:1rem;display:grid}@media (width<=56rem){.columns{grid-template-columns:1fr}}.panel{background:var(--surface);border:1px solid var(--line);border-radius:1rem;padding:1rem 1.1rem}h2{margin:0;font-size:1.1rem}.muted{color:var(--muted)}.detail-head{justify-content:space-between;align-items:flex-end;margin-bottom:.5rem;display:flex}.big{font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:1.75rem}.hover{font-variant-numeric:tabular-nums;margin:.25rem 0 .75rem;font-size:.8125rem}.alert-form{flex-wrap:wrap;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.alert-form input{width:7rem}.alerts{color:var(--muted);margin:.75rem 0 0;padding:0;font-size:.8125rem;list-style:none}.alerts .fired{color:var(--accent);font-weight:600}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;margin:.75rem 0}th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);padding:.35rem .4rem;font-size:.7rem}td{border-top:1px solid var(--line);padding:.45rem .4rem}tfoot td{font-weight:700}.num{text-align:right}.up{color:var(--up)}.down{color:var(--down)}.buy{grid-template-columns:6rem 1fr auto;gap:.5rem;display:grid}.buy button{white-space:nowrap}.toasts{z-index:10;gap:.5rem;display:grid;position:fixed;bottom:1rem;right:1rem}.toast{background:var(--ink);color:var(--bg);border-radius:.7rem;align-items:center;gap:.75rem;padding:.65rem .6rem .65rem .9rem;font-weight:600;display:flex;box-shadow:0 10px 30px #0006}.toast button{color:inherit;background:0 0;border:0;padding:0 .3rem}
