:root{color-scheme:dark;font:15px/1.5 system-ui,sans-serif;background:#080e19;color:#e1edfc;--green:#66edb5;--red:#ff7898}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 30% 25%,#132f443b,transparent 60%)}button,input,select{font:inherit;color:inherit;background:#111f30;border:1px solid #36506a;border-radius:9px;padding:10px 14px}button,a,input,select{touch-action:manipulation}button{cursor:pointer}button:hover,a:hover{filter:brightness(1.2)}button[aria-pressed=true]{background:#1d4a43;border-color:var(--green);color:#bdffe5}a{color:#acd3f7;text-decoration:none}a:hover{text-decoration:underline}:focus-visible{outline:3px solid #b7e4ff;outline-offset:3px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 3vw;border-bottom:1px solid #223347}.brand{font-size:23px;font-weight:850;color:#f1f6ff}.brand span{font-size:11px;letter-spacing:2px;color:#72e5c0}nav{display:flex;gap:20px;font-size:13px}main{max-width:1700px;margin:auto;padding:25px 3vw}.intro{display:flex;justify-content:space-between;align-items:center;gap:12px}.eyebrow{font:11px monospace;letter-spacing:2px;color:#89abc7}h1{font-size:clamp(25px,3vw,40px);letter-spacing:-1px;margin:6px 0}p{color:#9fb7cc}.intro p{margin:6px 0 20px}.free{white-space:nowrap;color:#87d6bc;font-size:12px}.controls{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.modes,.windows{display:flex;gap:6px}.controls button{font-size:13px}.search{flex:1;min-width:170px}.search input{width:100%}.count{font-size:12px;white-space:nowrap}.count select{padding:10px}#feed-status{font-size:12px;min-height:18px;margin:16px 0 8px}.legend{display:flex;gap:18px;flex-wrap:wrap;font-size:11px;color:#90abc2}.legend span{display:flex;align-items:center;gap:5px}.legend i{display:inline-block;width:9px;height:9px;border-radius:50%;background:#566575}.legend .up{background:var(--green)}.legend .down{background:var(--red)}.legend .core{background:#c9ddff;box-shadow:0 0 5px #aacaff}#bubble-field{position:relative;min-height:600px;height:66vh;max-height:920px;margin-top:15px;overflow:hidden;border:1px solid #23374b;border-radius:22px;background:radial-gradient(ellipse at center,#12223699,#080e19 75%)}.bubble{position:absolute;padding:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1px;border-radius:50%;border:1.5px solid var(--tone,#71889f);background:radial-gradient(circle at 35% 25%,color-mix(in srgb,var(--tone,#71889f) 15%,#0c1723),#0c1723 75%);box-shadow:inset 0 0 18px color-mix(in srgb,var(--tone,#71889f) 12%,transparent),0 0 13px color-mix(in srgb,var(--tone,#71889f) 9%,transparent);color:#e4f1ff;transition:width .6s,height .6s,left .6s,top .6s;font-size:var(--font);line-height:1.25}.bubble b{font-weight:750;max-width:90%;overflow:hidden;text-overflow:ellipsis}.bubble small{font-size:.8em;color:var(--tone,#9baec0)}.bubble img{width:23%;height:23%;object-fit:contain;margin-bottom:2px}.bubble[data-core=true]{border-width:2px;outline:1px solid #cbdcff66;outline-offset:3px}.bubble:hover{z-index:4;filter:brightness(1.35);transform:scale(1.06)}.bubble:focus-visible{z-index:5}.bubble:not(:hover){animation:bubble-breathe 6s ease-in-out infinite;animation-delay:var(--delay)}#bubble-field.paused .bubble{animation:none}.empty{position:absolute;inset:40% 15% auto;text-align:center}.footnote{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:15px 0;color:#96acc1;font-size:12px}.footnote button{font-size:12px}.method{padding:16px 20px;border:1px solid #283d51;border-radius:12px;margin:18px 0}.method summary{cursor:pointer;color:#c9deef}.method p{font-size:13px;max-width:1100px}.table-section{padding-top:12px}.table-section h2{font-size:22px}.table-section p{font-size:13px}.table-scroll{overflow:auto;max-height:620px;border:1px solid #2b3d51;border-radius:12px}table{border-collapse:collapse;width:100%;font-size:13px}th,td{padding:12px 18px;text-align:left;border-bottom:1px solid #203247;white-space:nowrap}th{position:sticky;top:0;background:#142336;z-index:1}td button{background:none;border:0;padding:0;color:#d7e8f9}td.positive{color:var(--green)}td.negative{color:var(--red)}td small{color:#839cb3}dialog{width:min(520px,calc(100% - 24px));border:1px solid #46627b;border-radius:20px;background:#102031;color:#e7f1fb;padding:28px;max-height:88dvh;overflow:auto}dialog::backdrop{background:#030913cf;backdrop-filter:blur(5px)}.close{float:right;font-size:24px;padding:2px 12px}dialog h2{margin:15px 0 0}dialog .detail-value{font-size:35px;letter-spacing:-1px;font-weight:800;margin:15px 0}dialog .detail-change{font-size:23px}dialog dl{display:grid;grid-template-columns:1fr 1fr;gap:14px;font-size:13px}dialog dt{color:#95adc5}dialog dd{margin:0;overflow-wrap:anywhere}dialog .contract{font:11px/1.7 monospace;overflow-wrap:anywhere}dialog .links{display:flex;gap:10px;flex-wrap:wrap}dialog .links a{border:1px solid #3a546e;border-radius:8px;padding:10px}footer{padding:25px 3vw;font-size:12px;color:#809bb5;display:flex;gap:20px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@keyframes bubble-breathe{50%{filter:brightness(1.13)}}@media(max-width:650px){header{align-items:flex-start;flex-direction:column;gap:12px;padding:15px}nav{gap:16px;font-size:12px}main{padding:20px 12px}.free{display:none}.modes{width:100%}.modes button{flex:1;padding:10px 8px;font-size:12px}.search{order:5;flex-basis:100%}#bubble-field{min-height:600px;height:75vh}.legend{gap:8px 12px}.footnote{align-items:flex-start}.footnote button{flex:none}.intro p{font-size:13px}th,td{padding:10px}.bubble img{width:25%;height:25%}}@media(prefers-reduced-motion:reduce){.bubble{animation:none!important;transition:none!important}}
