.rhythm-bars{display:flex;align-items:end;gap:6px;height:180px;margin:35px 0 20px;padding-top:12px;border-bottom:1px solid #c9a46833;background:repeating-linear-gradient(0deg,transparent 0,transparent 44px,#e5c7920a 45px)}.rhythm-bars button{height:100%;flex:1;min-width:0;min-height:44px;position:relative;background:transparent;border:0;border-radius:0;padding:0;display:flex;align-items:end;justify-content:center}.rhythm-bars i{position:absolute;bottom:0;height:var(--height);width:100%;border-radius:4px 4px 0 0;background:linear-gradient(0deg,#687664,#b2d5b8);opacity:.8;transition:height .65s,opacity .2s}.rhythm-bars .long-gap i{background:linear-gradient(0deg,#915925,#f2c178)}.rhythm-bars button:hover i,.rhythm-bars button[aria-pressed=true] i{opacity:1;box-shadow:0 0 24px #b9893e44}.rhythm-bars span{font-size:9px;position:relative;color:#0d110b;font-weight:600;margin-bottom:3px}.fee-constellation{display:grid;grid-template-columns:repeat(18,minmax(0,1fr));gap:6px;margin:22px 0}.fee-constellation button{aspect-ratio:1;min-height:0;min-width:0;border:1px solid #c5d6ae18;padding:0;border-radius:5px;background:color-mix(in srgb,#6f755f calc((1 - var(--heat))*100%),#ffc567);box-shadow:inset 0 0 12px #050c0422;transition:transform .2s,box-shadow .2s}.fee-constellation button:hover,.fee-constellation button[aria-pressed=true]{transform:scale(1.13);outline:2px solid #ffe4a4;outline-offset:1px;z-index:1;box-shadow:0 0 24px #f1b75c44}.constellation-legend{display:flex;align-items:center;gap:15px;font-size:10px;color:#c5baa3;max-width:380px}.constellation-legend i{height:6px;flex:1;border-radius:4px;background:linear-gradient(90deg,#6f755f,#ffc567)}.lens-readout{border:1px solid #cfb27f25;padding:15px;border-radius:10px;min-height:66px;font-size:14px!important;background:#17170d}.anatomy-control{max-width:650px;padding:15px 0}.anatomy-control output{float:right;font-size:23px;color:#f1ca91}.anatomy-control input{accent-color:#e7bc7d;min-height:40px;border:0;padding:0;background:none;cursor:ew-resize}.anatomy-bars{display:grid;gap:24px;margin:20px 0}.anatomy-bars>div{display:grid;grid-template-columns:1fr auto;gap:9px}.anatomy-bars b{font-weight:500;color:#ffdb97}.anatomy-bars i{grid-column:1/-1;width:var(--length);height:15px;border-radius:5px;background:linear-gradient(90deg,#5a6244,#dbc087);box-shadow:0 4px 30px #cca34510;transition:width .25s}.anatomy-bars small{grid-column:1/-1;font-size:11px;color:#aead97}.obs-header{position:sticky;top:0;z-index:50;background:#0b0e0bf5;backdrop-filter:blur(10px)}.instrument{scroll-margin-top:100px}.obs-header nav a[aria-current]{color:#ffdda5;border-bottom:1px solid #bb985b}.obs-overview{margin-top:30px}.article-reading{max-width:850px}.article-reading h3{font-size:22px;line-height:1.3;font-weight:500;margin:28px 0 10px;color:#e9d4b4}.article-reading p{font-size:15px;line-height:1.9}.article-reading .article-byline{font-size:11px;color:#999985;border-bottom:1px solid #c4a16c26;padding-bottom:18px}.article-reading ul{color:#b8b3a4;padding-left:22px;line-height:1.9}.article-reading strong{color:#dac8a7}.reading-nav{display:flex;gap:15px;flex-wrap:wrap;font-size:12px;border-block:1px solid #c4a16c22;padding:15px 0;margin:25px 0}
@media(max-width:650px){.fee-constellation{grid-template-columns:repeat(9,minmax(0,1fr));gap:5px}.fee-constellation button{min-height:24px}.rhythm-bars{gap:3px;height:145px}.rhythm-bars span{font-size:7px}.anatomy-bars span,.anatomy-bars b{font-size:13px}.obs-header nav{gap:8px}.article-reading p{font-size:14px}.instrument{scroll-margin-top:85px}}
@media(prefers-reduced-motion:reduce){.rhythm-bars *,.fee-constellation *,.anatomy-bars *{transition:none!important}}