:root{color-scheme:dark;--muted:#a5aaa5;--green:#a7c594}*{box-sizing:border-box}body{margin:0;background:#101210;color:#f2f3ee;font:14px Inter,system-ui,sans-serif}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--green);outline-offset:4px}aside{position:fixed;inset:0 auto 114px 0;width:230px;padding:32px 22px;background:#080a08;border-right:1px solid #222722}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-size:17px;font-weight:600}.arrow{font-size:33px;color:var(--green)}.navlabel{color:var(--muted);font-size:12px;margin:50px 0 20px}.production{display:flex;gap:12px;align-items:center}.production img{width:46px;border-radius:3px}small{display:block;color:var(--muted);font-size:12px;margin-top:6px}.sidebar-note{color:#7f897f;line-height:1.8;margin-top:56px;font-family:Georgia,serif;font-size:21px}.footnote{position:absolute;bottom:26px;color:#7f897f;font-size:12px}main{margin-left:230px;padding-bottom:150px}header{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 42px;color:var(--muted);font-size:12px;border-bottom:1px solid #222722}.cast{color:#b8c6b1}.intro{display:flex;gap:32px;align-items:center;padding:38px 42px 32px;background:#181e18}.cover{width:180px;height:180px}.eyebrow{font-size:12px;color:#b8c6b1}h1{font-family:Georgia,serif;font-size:54px;font-weight:400;letter-spacing:-2px;margin:12px 0}p{color:var(--muted);line-height:1.6}.intro p{margin:0 0 20px}.intro #summary{font-size:12px;color:#c0c6bc}.library{padding:28px 42px}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:20px}.primary{border:0;border-radius:28px;padding:14px 22px;background:#e5ebdf;color:#142015;display:flex;gap:12px;font-weight:600}.search{display:flex;align-items:center;gap:8px;color:var(--muted);padding:0 14px;background:#1c211c;border-radius:6px}.search span{font-size:26px}.search input{width:180px;border:0;background:none;padding:12px 0;outline:none;color:inherit}.listhead,.track{display:grid;grid-template-columns:36px 1fr 65px;align-items:center;gap:10px}.listhead{color:var(--muted);font-size:12px;padding:0 16px 14px;border-bottom:1px solid #2b312b}.listhead span:last-child{text-align:right}.track{width:100%;text-align:left;background:none;border:0;border-bottom:1px solid #202620;color:#ebeee8;padding:15px 16px;min-height:62px;border-radius:3px}.track:hover{background:#202720}.track.active{background:#242d23}.track.active .title,.track.active .number{color:#b6d5a2}.number,.time{color:var(--muted);font-size:13px;font-variant-numeric:tabular-nums}.time{text-align:right}.title{font-size:14px}.hint{font-size:12px;margin-top:24px;color:#899489}.player{position:fixed;bottom:0;left:0;right:0;min-height:114px;background:#151915;border-top:1px solid #2b322b;display:grid;grid-template-columns:1fr 1.5fr 1fr;align-items:center;gap:28px;padding:18px 26px}.now{display:flex;align-items:center;gap:14px;min-width:0}.now img{width:56px;border-radius:3px}.now strong{font-size:13px;font-weight:500}.buttons{display:flex;justify-content:center;gap:20px;align-items:center}.buttons button{border:0;background:none;color:#b7bfb3;min-width:28px;height:34px;font-size:16px;padding:0}.buttons .play{width:40px;height:40px;background:#e5ebdf;color:#142015;border-radius:50%;font-size:18px}.buttons #repeat{font-size:27px}.buttons #repeat[aria-pressed=true]{color:#b6d5a2;border-bottom:2px solid #b6d5a2}.buttons #back{position:relative;font-size:25px}.buttons #back small{position:absolute;inset:11px 0 auto;font-size:8px;color:inherit}.timeline{display:flex;align-items:center;gap:10px;margin-top:10px;font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}.timeline input{flex:1;min-width:0}input[type=range]{height:4px;accent-color:#b6d5a2;cursor:pointer}.extras{display:flex;gap:22px;justify-content:flex-end;align-items:center}select{border:1px solid #394239;background:#151915;border-radius:5px;padding:9px;color:#c8cfc4;font-size:12px}.volume{display:flex;align-items:center;gap:10px}.volume input{width:65px}.sr{position:absolute;clip:rect(0,0,0,0)}#notice{position:fixed;bottom:130px;left:50%;transform:translateX(-50%);padding:14px 20px;background:#eee;color:#222;border-radius:6px;z-index:2}
@media(min-width:1500px){.library,.intro,header{padding-left:64px;padding-right:64px}}@media(max-width:1050px){aside{width:195px;padding:26px 16px}.brand{font-size:15px}main{margin-left:195px}header{padding:0 26px}.intro{padding:30px 26px;gap:24px}.library{padding:25px 26px}.cover{width:150px;height:150px}h1{font-size:44px}.volume{display:none}.player{grid-template-columns:1fr 1.5fr auto;gap:18px;padding:16px}.buttons{gap:15px}}@media(max-width:700px){aside{display:none}main{margin-left:0;padding-bottom:220px}header{height:55px;padding:0 20px}.cast{font-size:11px}.intro{padding:26px 20px;gap:18px}.cover{width:110px;height:110px}h1{font-size:34px;letter-spacing:-1px;margin:10px 0}.intro p{font-size:12px;margin-bottom:12px}.eyebrow,#summary{font-size:11px!important}.library{padding:24px 16px}.toolbar{gap:12px;margin-bottom:25px}.search input{width:115px}.primary{padding:13px 17px;white-space:nowrap}.track{padding:15px 8px;grid-template-columns:26px 1fr 44px;gap:6px}.title{font-size:13px}.player{min-height:186px;grid-template-columns:1fr auto;gap:12px;padding:14px 18px 20px}.now img{width:42px}.now strong{font-size:12px}.transport{grid-row:2;grid-column:1/-1}.buttons{gap:24px}.extras{grid-row:1;grid-column:2}.timeline{margin-top:14px}.now small{font-size:10px}.hint{margin-bottom:0}#notice{bottom:200px;width:90%}}@media(prefers-reduced-motion:no-preference){button{transition:background .15s}}

.brand-logo{width:100%;height:auto;display:block}.production{margin-top:36px}