:root{color:#e5fce9;background:#030807;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(10px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));display:flex;align-items:flex-start;justify-content:center;background:radial-gradient(circle at 86% 8%,rgba(18,130,71,.3),transparent 28%),radial-gradient(circle at 5% 0%,rgba(14,165,123,.22),transparent 26%),linear-gradient(160deg,#020807,#04241f 52%,#020807)}.panel{width:min(100%,320px);min-height:calc(100vh - 20px);padding:12px;border:1px solid rgba(45,212,191,.28);border-radius:28px;background:radial-gradient(circle at 50% 6%,rgba(34,197,94,.24),transparent 18%),radial-gradient(circle at 92% 16%,rgba(16,185,129,.12),transparent 22%),linear-gradient(180deg,#031817fa,#010e12fa);box-shadow:inset 0 0 0 1px #94a3b81a,0 20px 55px #0000007a}.topBar{display:flex;align-items:center;justify-content:space-between;min-height:26px;padding:0 4px}.menuButton{display:grid;width:24px;gap:4px;padding:4px;border:0;background:transparent}.menuButton span{display:block;height:2px;border-radius:999px;background:#d1d5db}.powerButton{display:grid;place-items:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:#0f172a2e;filter:drop-shadow(0 0 7px rgba(34,197,94,.44))}.powerButton img{width:30px;height:30px;object-fit:contain}.settingsPanel{display:flex;align-items:center;gap:12px;margin:6px 4px 10px;padding:10px;border:1px solid rgba(34,197,94,.26);border-radius:14px;background:linear-gradient(135deg,#03312cf0,#02161bf0);box-shadow:0 12px 28px #00000038}.settingsPanel h2{margin:0;color:#f8fafc;font-size:13px;line-height:1.1}.settingsPanel p{margin:4px 0 0;color:#a7f3d0;font-size:10px;font-weight:700;line-height:1.25}.installButton{flex:0 0 auto;padding:8px 10px;border:1px solid rgba(74,222,128,.32);border-radius:999px;background:#16a34a38;color:#86efac;font-size:10px;font-weight:900;text-transform:uppercase;white-space:nowrap}.installButton:disabled{opacity:.58}.header{display:grid;justify-items:center;min-height:128px;padding:0 4px 12px}h1{margin:0;color:#f8fafc;font-size:17px;line-height:1.05;letter-spacing:.08em;text-transform:uppercase;text-shadow:0 1px 10px rgba(34,197,94,.28)}.headerIcon{width:92px;height:88px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 0 10px rgba(74,222,128,.48)) drop-shadow(0 2px 5px rgba(0,0,0,.72))}.marketSubline{display:flex;align-items:center;gap:5px;margin-top:7px;color:#7ddc55;font-size:10px;font-weight:800;text-transform:uppercase}.statusDot{width:5px;height:5px;flex:0 0 auto;border-radius:999px;background:#22c55e;box-shadow:0 0 8px #22c55ebf}.statusDot.closed{background:#22c55e}.quoteTable{display:grid;gap:9px;margin-top:0}.quoteCard{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr) 62px;align-items:center;column-gap:10px;min-height:63px;padding:9px 10px 9px 12px;border:1px solid rgba(20,184,166,.2);border-radius:10px;background:linear-gradient(135deg,#011b21f5,#011419f5);box-shadow:inset 0 1px #ffffff08,0 8px 20px #00000029;overflow:hidden}.quoteCard:before{position:absolute;inset:0 auto 0 0;width:3px;content:"";background:#3b82f6;box-shadow:0 0 12px currentColor}.quoteCard.blue:before{background:#3b82f6}.quoteCard.purple:before{background:#8b5cf6}.quoteCard.indigo:before{background:#7c3aed}.quoteCard.amber:before{background:#f59e0b}.quoteCard.teal:before{background:#14b8a6}.quoteCard.up{color:#4ade80;border-color:#22c55e47}.quoteCard.down{color:#fb7185;border-color:#14b8a62e}.quoteCard.flat{color:#cbd5e1}.indexBadge{display:grid;place-items:center;width:29px;height:29px;border:1px solid rgba(96,165,250,.28);border-radius:6px;color:#fff;font-size:16px;font-weight:900;box-shadow:inset 0 1px #ffffff29,0 8px 18px #0000003d}.indexBadge.blue{background:linear-gradient(135deg,#0e7490e0,#1e40afa8)}.indexBadge.purple{background:linear-gradient(135deg,#2563ebb3,#1e40af85)}.indexBadge.indigo{background:linear-gradient(135deg,#7c3aedb3,#312e81b8)}.indexBadge.amber{background:linear-gradient(135deg,#f59e0bcc,#78350fb8)}.indexBadge.teal{background:linear-gradient(135deg,#14b8a6bd,#0f766ea3)}.quoteMain{min-width:0}.name{display:block;color:#f8fafc;overflow:hidden;font-size:12px;font-weight:800;line-height:1.1;text-overflow:ellipsis;white-space:nowrap}.price{display:block;margin-top:5px;font-size:19px;font-weight:900;line-height:1;font-variant-numeric:tabular-nums}.quoteMove{display:flex;min-width:0;flex-direction:column;align-items:center;gap:4px;font-size:12px;font-weight:900;font-variant-numeric:tabular-nums;line-height:1;text-align:right}.change,.percent{width:100%;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.percent{display:flex;align-items:center;justify-content:flex-end;gap:4px}.trendArrow{width:0;height:0;border-right:4px solid transparent;border-left:4px solid transparent}.up .trendArrow{border-bottom:9px solid currentColor}.down .trendArrow{border-top:9px solid currentColor}.flat .trendArrow{width:7px;height:7px;border:0;border-radius:50%;background:currentColor}.quoteError{color:#fb7185;font-size:12px;font-weight:800;line-height:1;text-align:right}.footer{display:flex;align-items:center;gap:9px;margin-top:28px;padding:10px 12px;border:1px solid rgba(34,197,94,.28);border-radius:12px;background:#03312cb8;color:#d1fae5;font-size:10px;font-weight:700}.updatedText{display:flex;min-width:0;flex:1 1 auto;flex-direction:column;gap:2px;color:#a7f3d0}.updatedText strong{color:#f8fafc;font-size:11px}.seconds{display:inline-block;min-width:2ch;color:#facc15;font-weight:900;text-shadow:0 0 10px rgba(250,204,21,.75)}.footerIcon{position:relative;width:18px;height:18px;flex:0 0 auto;border-radius:50%;border:2px solid #22c55e;box-shadow:0 0 10px #22c55e61}.footerIcon:before,.footerIcon:after{position:absolute;content:"";background:#22c55e;border-radius:999px}.footerIcon:before{width:2px;height:5px;top:4px;left:7px}.footerIcon:after{width:5px;height:2px;top:8px;left:7px}.footerStatus{flex:0 0 auto;padding:6px 9px;border-radius:999px;background:#16a34a33;color:#86efac;font-size:9px;font-weight:900;text-transform:uppercase;white-space:nowrap}.error{margin:8px 5px 0;color:#fb7185;font-size:12px;font-weight:800}.skeletonLine{height:12px;border-radius:999px;background:linear-gradient(90deg,#4ade801a,#4ade804d,#4ade801a)}.skeletonLine.short{width:46px}.skeletonLine.medium{width:92px;height:18px;margin-top:7px}@media (max-width: 380px){.panel{width:min(100%,310px);padding:12px 10px}.quoteCard{grid-template-columns:34px minmax(0,1fr) 58px;column-gap:8px;padding-inline:8px}.price{font-size:18px}.quoteMove{font-size:11px}.statusChip{padding-inline:12px}}