.med-lib{--navy:#1d2a52;--cream:#faf7f2;--line:#c9c1b8;--hair:#e2d9cc;--gold:#C5A880;--tint:#DBC9AE;--muted:#6d5a40;--serif:Cambria,Georgia,'Times New Roman',serif;container-type:inline-size;color:var(--navy);font:18px/1.5 system-ui,-apple-system,sans-serif;text-align:left}
.med-lib *{box-sizing:border-box}
.med-lib a{color:inherit}
.med-lib a:focus-visible,.med-lib button:focus-visible,.med-lib input:focus-visible{outline:3px solid #985115;outline-offset:3px}
.med-lib .layout{display:grid;grid-template-columns:1fr 1.25fr;gap:56px;align-items:start}
.med-lib .practices{display:grid;border-top:1px solid var(--hair)}
.med-lib .practice{position:relative;display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:15px 8px 15px 22px;border-bottom:1px solid var(--hair);text-decoration:none;min-height:48px;transition:background .2s}
.med-lib .practice:hover{background:rgba(219,201,174,.2)}
.med-lib .practice-time{font-size:14px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}
.med-lib .practice[aria-current=true]{font-weight:600}.med-lib .practice[aria-current=true] .practice-time{font-weight:400}
.med-lib .practice[aria-current=true]::before{content:"";position:absolute;left:6px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:var(--gold)}
.med-lib .player{background:#fff;border:1px solid var(--hair);border-radius:20px;padding:36px;position:sticky;top:20px;box-shadow:0 18px 50px -30px rgba(29,42,82,.35);scroll-margin-top:12px}
.med-lib h2{font-family:var(--serif);font-weight:400;letter-spacing:-.01em;font-size:34px;line-height:1.15;margin:0 0 22px;color:var(--navy)}
.med-lib .guidance{border:0;padding:0;margin:0 0 12px}.med-lib .guidance legend{padding:0;margin-bottom:10px;font-size:15px;font-weight:500}
.med-lib .guide-options{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}
.med-lib .guide{position:relative;display:flex;flex-direction:column;gap:6px;margin:0;padding:16px;border-left:1px solid var(--line);font-weight:400;cursor:pointer;color:var(--navy);transition:background .2s,color .2s}
.med-lib .guide:first-child{border-left:0}.med-lib .guide:hover{background:var(--cream)}.med-lib .guide input{position:absolute;opacity:0;width:1px;height:1px}
.med-lib .guide-name{font-size:14px;line-height:1.25;font-weight:500}.med-lib .guide-time{font-size:26px;line-height:1.1;font-weight:300;letter-spacing:-.01em;font-variant-numeric:tabular-nums}
.med-lib .guide.on,.med-lib .guide.on:hover{background:var(--navy);color:#fff}.med-lib .guide.on .guide-time{color:var(--tint)}
.med-lib .guide:has(input:focus-visible){outline:3px solid #985115;outline-offset:-3px}.med-lib .guide.on:has(input:focus-visible){outline-color:var(--tint)}
.med-lib .guide-hint{margin:12px 0 0;font-size:15px;line-height:1.4}
.med-lib .transport{margin:26px 0 6px}
.med-lib .breath{position:relative;width:172px;height:172px;margin:0 auto 8px;display:grid;place-items:center}
.med-lib .ring{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle,rgba(197,168,128,.42),rgba(197,168,128,.1) 68%,transparent 72%);transform:scale(.78)}
.med-lib .playing .ring{animation:medLibBreathe 10s ease-in-out infinite}
@keyframes medLibBreathe{0%,100%{transform:scale(.72)}40%{transform:scale(1)}}
.med-lib .play{position:relative;width:84px;height:84px;padding:0;display:grid;place-items:center;border:0;border-radius:50%;background:var(--navy);color:#fff;cursor:pointer;transition:transform .2s}
.med-lib .play:hover{transform:scale(1.04)}.med-lib .play svg{width:30px;height:30px;fill:currentColor}
.med-lib .seek{-webkit-appearance:none;appearance:none;display:block;width:100%;height:32px;margin:0;padding:0;border:0;background:transparent;cursor:pointer;--p:0%}
.med-lib .seek::-webkit-slider-runnable-track{height:3px;border-radius:3px;background:linear-gradient(90deg,var(--navy) var(--p),var(--hair) var(--p))}
.med-lib .seek::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-5.5px;border-radius:50%;background:var(--navy)}
.med-lib .seek::-moz-range-track{height:3px;border-radius:3px;background:var(--hair)}.med-lib .seek::-moz-range-progress{height:3px;border-radius:3px;background:var(--navy)}.med-lib .seek::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:var(--navy)}
.med-lib .times{display:flex;justify-content:space-between;font-size:14px;color:var(--muted);font-variant-numeric:tabular-nums}
.med-lib .foot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;min-height:44px}
.med-lib .quiet{font:inherit;font-size:15px;color:var(--navy);background:none;border:0;padding:10px 0;min-height:44px;cursor:pointer;text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:4px}
.med-lib .status{min-height:24px;font-size:15px;margin:0;text-align:right}
@container (max-width:760px){.med-lib .layout{grid-template-columns:minmax(0,1fr);gap:32px}.med-lib .player{position:static;grid-row:1;padding:24px 20px}}
@container (max-width:460px){.med-lib h2{font-size:30px}.med-lib .guide{padding:14px 10px}.med-lib .guide-name{font-size:13px}.med-lib .guide-time{font-size:22px}.med-lib .guide-hint{min-height:2.8em}}
@media(prefers-reduced-motion:reduce){.med-lib .guide,.med-lib .practice,.med-lib .play{transition:none}.med-lib .play:hover{transform:none}.med-lib .playing .ring{animation:none}}
