.ak-listening-room{--ink:#253b34;--muted:#596b61;--ember:#477460;--gold:#a7833b;--glass:rgba(249,246,235,.97);color:var(--ink);display:grid;gap:1rem;max-width:1120px;margin:auto}.ak-collection-head{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin:1.4rem .3rem .4rem;padding-bottom:.7rem;border-bottom:1px solid #d6cfbb}.ak-collection-head h3{margin:0;color:#253b34!important;font-size:clamp(1.4rem,3vw,2.1rem)}.ak-collection-head span{color:var(--muted);font-size:.85rem}.ak-track{display:grid;grid-template-columns:auto minmax(12rem,1fr) minmax(8rem,1fr) auto auto;align-items:center;gap:1rem;padding:1.1rem 1.2rem;border:1px solid #d9d4c3;border-radius:18px;background:linear-gradient(110deg,#faf6e9,#eaf0e5)!important;box-shadow:0 5px 18px rgba(41,58,43,.07);transition:border-color .2s,box-shadow .2s}.ak-track:is(:hover,.is-playing){border-color:#6a8b71;box-shadow:0 7px 22px rgba(41,58,43,.13)}.ak-play,.ak-dock-play{width:3.25rem;height:3.25rem;border:1px solid #335f4c;border-radius:50%;color:#fffdf3;background:#406b55;font:800 1rem/1 system-ui;cursor:pointer}.ak-track-copy h3{margin:0;color:var(--ink)!important;font-size:1.12rem;line-height:1.4}.ak-track-copy p{margin:.3rem 0 0}.ak-variant,.ak-time{color:var(--muted);font-size:.8rem}.ak-seek{width:100%;accent-color:var(--ember)}.ak-mute{display:grid;place-items:center;border:1px solid #b4bca9;border-radius:50%;width:2.4rem;height:2.4rem;background:#f8f7ee;color:var(--ink);cursor:pointer}.ak-now-playing{position:sticky;z-index:20;bottom:1rem;grid-template-columns:auto minmax(9rem,auto) minmax(5rem,1fr) auto;align-items:center;gap:.8rem;padding:.7rem .9rem;border:1px solid #b8bd9e;border-radius:18px;background:var(--glass);box-shadow:0 10px 30px rgba(41,58,43,.16);backdrop-filter:blur(12px)}.ak-now-playing:not([hidden]){display:grid}.ak-now-playing small{display:block;color:#716024;font-size:.65rem;letter-spacing:.12em}.ak-dock-title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:30ch}.ak-dock-line{height:4px;background:#d4d9c8;overflow:hidden}.ak-dock-line span{display:block;width:0;height:100%;background:#49725b}.ak-dock-time{font-size:.8rem;color:var(--muted)}.ak-listening-room button:focus-visible,.ak-seek:focus-visible{outline:3px solid #97752f;outline-offset:4px}@media(max-width:850px){.ak-track{grid-template-columns:auto 1fr auto}.ak-seek-label{grid-column:1/-1}.ak-time{grid-column:2}.ak-mute{grid-column:3;grid-row:1}.ak-now-playing{grid-template-columns:auto 1fr auto}.ak-dock-line{grid-column:1/-1}.ak-dock-time{grid-column:3;grid-row:1}}@media(prefers-reduced-motion:reduce){.ak-track{transition:none}}

/* The Great Invocation experimental meditation note — local review, 2026-09-18. */
.ak-experiment-note {
  margin: -.35rem .3rem .45rem;
  border: 1px solid rgba(167, 131, 59, .34);
  border-left: 4px solid var(--gold);
  border-radius: 12px;
  background: rgba(250, 246, 233, .72);
  color: var(--ink);
}
.ak-experiment-note summary {
  padding: .8rem 1rem;
  color: #66501f;
  font-weight: 750;
  cursor: pointer;
}
.ak-experiment-note__body {
  padding: 0 1rem 1rem;
}
.ak-experiment-note__body p {
  margin: .65rem 0;
  line-height: 1.62;
}
.ak-experiment-note__pattern {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .45rem;
  margin: .9rem 0;
  padding: 0;
  list-style: none;
}
.ak-experiment-note__pattern li {
  padding: .55rem .65rem;
  border-radius: 9px;
  background: rgba(71, 116, 96, .09);
  text-align: center;
  font-weight: 700;
}
.ak-experiment-note__disclaimer {
  color: var(--muted);
  font-size: .88rem;
}
@media (max-width: 650px) {
  .ak-experiment-note__pattern { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* AnyKey Music Room phone-width fit repair — 2026-09-19. */
@media (max-width: 850px) {
  .ak-track {
    grid-template-columns: auto minmax(0, 1fr) auto;
    min-width: 0;
    max-width: 100%;
  }
  .ak-track-copy,
  .ak-seek-label {
    min-width: 0;
  }
  .ak-track-copy h3,
  .ak-track-copy p {
    overflow-wrap: anywhere;
  }
}