.jam{max-width:420px}.jam-head{align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.jam-hint{letter-spacing:.08em;color:var(--dim);font-size:11px}.jam-row{align-items:center;gap:10px;margin-bottom:6px;display:flex}.jam-row:last-child{margin-bottom:0}.jam-label{letter-spacing:.1em;width:44px;color:var(--dim);flex:none;font-size:10px}.jam-steps{flex:1;grid-template-columns:repeat(8,1fr);gap:6px;display:grid}.jam-step{background:var(--line);cursor:pointer;border:0;border-radius:0;height:32px;padding:0;display:block;position:relative;overflow:hidden}.jam-step:hover{outline:1px solid var(--accent);outline-offset:-1px}.jam-step:focus-visible{outline:2px solid var(--fg);outline-offset:1px}.jam-step.on{background:var(--accent)}.jam-step.bleep.on{background:var(--line)}.jam-step i{background:var(--accent);display:block;position:absolute;bottom:0;left:0;right:0}.jam-step.now:after{content:"";border:2px solid var(--fg);pointer-events:none;position:absolute;inset:0}.jam-step.now.on{background:#ffd27a}.jam-step.now.bleep.on{background:var(--line)}.jam-step.now i{background:#ffd27a}.jam-ctrl{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.jam-btn{font:inherit;letter-spacing:.08em;color:var(--muted);border:1px solid var(--line);cursor:pointer;background:0 0;padding:12px 18px;font-size:12px}.jam-btn:hover{border-color:var(--accent);color:var(--accent)}.jam-btn:focus-visible{outline:2px solid var(--fg);outline-offset:2px}.jam-btn.play{min-width:108px;color:var(--accent);border-color:var(--accent);font-weight:700}.jam-btn.play.idle{background:var(--accent);color:var(--bg);animation:2.2s ease-in-out infinite jampulse}.jam-note{letter-spacing:.06em;color:var(--accent);margin:12px 0 0;font-size:11px}@keyframes jampulse{0%{box-shadow:0 0 #ffa31a8c}70%,to{box-shadow:0 0 0 12px #ffa31a00}}@media (prefers-reduced-motion:reduce){.jam-btn.play.idle{animation:none}}@media (max-width:700px){.jam{max-width:none}.jam-step{height:34px}}@media (min-width:900px){.hero{grid-template-columns:1fr 1fr;align-items:start;gap:0 48px;display:grid}.hero>*{flex:none}.hero>div:first-child,.jam{display:contents}.hero .name,.hero .sub,.jam-head,.jam-rows,.jam-ctrl,.jam-note{grid-column:1;max-width:420px}.hero>.card{flex-direction:column;grid-area:1/2/5;align-self:stretch;display:flex}.hero>.card .more{align-self:flex-start;margin-top:auto;padding-top:12px}}.tracks-fit .tracks li{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (max-width:899px){.tracks-fit .tracks li:nth-child(n+7){display:none!important}}@media (min-width:900px){.tracks-fit{flex:1;min-height:0;position:relative}.tracks-fit .tracks{position:absolute;inset:0;overflow:hidden}}.hero>*{min-width:0}.tracks-fit{min-width:0;max-width:100%;overflow:hidden}
.home-rel{border:1px solid var(--line);align-items:center;gap:24px;margin-top:56px;padding:20px;display:flex}.home-rel:hover{border-color:var(--accent)}.home-rel img{object-fit:cover;border:1px solid var(--line);flex:none;width:96px;height:96px;display:block}.home-rel .hr-body{flex:1;min-width:0}.home-rel .hr-t{margin:8px 0 4px;font-size:18px;font-weight:700;display:block}.home-rel .hr-m{color:var(--muted);font-size:12px;display:block}.home-rel .hr-go{color:var(--accent);white-space:nowrap;font-size:12px}@media (max-width:700px){.home-rel{gap:16px;padding:14px}.home-rel img{width:72px;height:72px}.home-rel .hr-t{font-size:15px}.home-rel .hr-go{display:none}}