:root{color:#e5fce9;background:#020617;font-family:Segoe UI,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;overflow-x:hidden}.screen{min-height:100vh;min-height:100dvh;padding:max(14px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));display:flex;align-items:flex-start;justify-content:center;background:radial-gradient(circle at 88% 8%,rgba(34,197,94,.34),transparent 30%),radial-gradient(circle at 8% 90%,rgba(20,184,166,.24),transparent 28%),linear-gradient(135deg,#020617,#064e3b)}.panel{width:min(100%,520px);padding:10px;border:1px solid rgba(74,222,128,.34);border-radius:16px;background:radial-gradient(circle at 92% 4%,rgba(34,197,94,.24),transparent 30%),linear-gradient(135deg,#020617fa,#064e3bf5);box-shadow:0 18px 45px #02061773}.header{display:flex;align-items:center;gap:10px;min-height:58px}h1{margin:0 auto 0 0;color:#f8fafc;font-family:Georgia,Times New Roman,serif;font-size:clamp(28px,8vw,38px);line-height:1;text-shadow:0 1px 12px rgba(34,197,94,.42)}.headerIcon{width:clamp(58px,16vw,76px);height:clamp(48px,14vw,64px);object-fit:contain;filter:drop-shadow(0 0 8px rgba(74,222,128,.78)) drop-shadow(0 2px 4px rgba(0,0,0,.62))}.statusChip{flex:0 0 auto;padding:4px 9px;border-radius:999px;background:#22c55e24;color:#bbf7d0;font-size:clamp(10px,2.8vw,12px);font-weight:800;text-transform:uppercase;white-space:nowrap}.statusChip.closed{background:#94a3b826;color:#cbd5e1}.quoteTable{display:grid;gap:3px;margin-top:8px}.quoteRow{display:grid;grid-template-columns:minmax(88px,1.12fr) minmax(78px,.86fr) minmax(70px,.7fr) minmax(68px,.62fr);align-items:center;column-gap:clamp(6px,2.3vw,12px);min-height:clamp(34px,9vw,42px);padding:4px 7px;border:1px solid transparent;border-radius:9px;font-size:clamp(16px,4.5vw,23px);line-height:1.05}.quoteRow:nth-child(odd){background:#0f172a57}.quoteRow:nth-child(2n){background:#064e3b33}.quoteRow.up{color:#4ade80;border-color:#22c55e29}.quoteRow.down{color:#fb7185;border-color:#f8717129}.quoteRow.flat{color:#cbd5e1}.name{color:#f8fafc;font-weight:800}.price,.change,.percent{font-variant-numeric:tabular-nums;text-align:right;font-weight:800}.percent{display:flex;align-items:center;justify-content:flex-end;gap:4px}.arrow{font-size:.72em;line-height:1}.footer{display:flex;align-items:center;gap:7px;margin-top:10px;padding:0 5px;color:#d1fae5;font-size:clamp(12px,3.4vw,15px);font-weight:700}.updatedText{white-space:nowrap}.seconds{display:inline-block;min-width:2ch;color:#facc15;font-weight:900;text-shadow:0 0 10px rgba(250,204,21,.75)}.pulse{width:8px;height:8px;flex:0 0 auto;border-radius:50%;background:#22c55e;box-shadow:0 0 12px #22c55ebf}.pulse.loading,.pulse.idle{background:#38bdf8;box-shadow:0 0 12px #38bdf8bf}.pulse.error{background:#ef4444;box-shadow:0 0 12px #ef4444bf}.pulse.closed{background:#94a3b8;box-shadow:0 0 8px #94a3b8a6}.quoteError,.error{color:#fb7185;font-size:12px;font-weight:800}.error{margin:8px 5px 0}.skeletonLine{height:14px;border-radius:999px;background:linear-gradient(90deg,#4ade801a,#4ade804d,#4ade801a)}.skeletonLine.short{width:70%;justify-self:end}.skeletonLine.medium{width:82%;justify-self:end}@media (max-width: 380px){.panel{padding:8px}.quoteRow{grid-template-columns:minmax(78px,1fr) minmax(68px,.78fr) minmax(56px,.64fr) minmax(56px,.6fr);column-gap:5px;padding-inline:5px}.statusChip{display:none}}