.clsky{font:13px/1.5 system-ui,-apple-system,"Hiragino Sans","Noto Sans JP",sans-serif;color:inherit;border:1px solid color-mix(in srgb,currentColor 25%,transparent);padding:12px 14px}
.clsky-h{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid color-mix(in srgb,currentColor 20%,transparent);padding-bottom:6px;margin-bottom:8px}.clsky-h b{letter-spacing:.12em;color:currentColor}.clsky-h span{font-size:11px;opacity:.6}
.clsky-moon{display:flex;gap:10px;align-items:center}.clsky-moonimg{width:44px;height:44px;flex:none}.clsky-moon b{display:block}.clsky-moon span{display:block;font-size:11px;opacity:.7}
.clsky-sec{font-size:10.5px;letter-spacing:.14em;opacity:.55;margin:12px 0 4px;text-transform:uppercase}
.clsky-bars{display:grid;grid-template-columns:repeat(12,1fr);gap:3px;height:60px;align-items:end}.clsky-bars div{display:flex;flex-direction:column;justify-content:flex-end;height:100%}.clsky-bars i{display:block;background:currentColor;border-radius:1px}.clsky-bars span{font-size:9px;opacity:.5;text-align:center}
.clsky-note{font-size:11px;opacity:.8;margin-top:4px}.clsky-note b{color:currentColor}
.clsky-t{width:100%;border-collapse:collapse;font-size:12px}.clsky-t td{padding:3px 0;border-bottom:1px solid color-mix(in srgb,currentColor 10%,transparent)}.clsky-t td:nth-child(2),.clsky-t td:nth-child(3){text-align:right}.clsky-t tr.down{opacity:.4}
.clsky-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.clsky-grid div{background:color-mix(in srgb,currentColor 6%,transparent);padding:4px 6px}.clsky-grid span{display:block;font-size:10px;opacity:.6}.clsky-grid b{font-weight:500;color:currentColor}.clsky-grid small{font-size:9px;opacity:.6;margin-left:2px}
.clsky-src{font-size:9.5px;opacity:.4;margin-top:8px}