/* Céleste V4 — lecteur « En écoute » plein écran (celeste-v4-player.js). */
#celeste-v4-root .c4-pl{--pl1:58,28,82;--pl2:226,170,110;--amp:0;position:absolute;inset:0;z-index:80;display:none;overflow:hidden;color:#fbf1de;background:#0a0612;font-family:Inter,system-ui,sans-serif;-webkit-tap-highlight-color:transparent}
#celeste-v4-root .c4-pl.open{display:block;animation:c4pl-up .55s cubic-bezier(.16,.84,.24,1) both}
#celeste-v4-root .c4-pl.closing{animation:c4pl-down .36s cubic-bezier(.5,0,.75,0) both}
@keyframes c4pl-up{from{transform:translateY(100%);opacity:.6}to{transform:none;opacity:1}}
@keyframes c4pl-down{from{transform:none}to{transform:translateY(100%)}}

/* fond : pochette floutée + teinte dominante + aurores + poussière d’étoiles */
#celeste-v4-root .c4-pl-bg{position:absolute;inset:-25%;background-size:cover;background-position:center;filter:blur(64px) saturate(1.6) brightness(.6);transform:scale(1.15);animation:c4pl-drift 38s ease-in-out infinite alternate;opacity:.9}
@keyframes c4pl-drift{0%{transform:scale(1.15) translate(0,0) rotate(0)}50%{transform:scale(1.3) translate(-3%,2%) rotate(4deg)}100%{transform:scale(1.2) translate(3%,-2%) rotate(-3deg)}}
#celeste-v4-root .c4-pl-tint{position:absolute;inset:0;background:linear-gradient(180deg,rgba(var(--pl1),.55) 0%,rgba(var(--pl1),.35) 35%,rgba(10,6,18,.88) 72%,#0a0612 100%);transition:background 1.2s ease}
#celeste-v4-root .c4-pl-aura{position:absolute;inset:0;overflow:hidden;pointer-events:none;mix-blend-mode:screen}
#celeste-v4-root .c4-pl-aura i{position:absolute;width:70vmax;height:70vmax;border-radius:50%;filter:blur(60px);opacity:.28;animation:c4pl-aura 26s ease-in-out infinite alternate}
#celeste-v4-root .c4-pl-aura i:nth-child(1){left:-25vmax;top:-30vmax;background:radial-gradient(circle,rgba(var(--pl2),.9),transparent 62%)}
#celeste-v4-root .c4-pl-aura i:nth-child(2){right:-30vmax;top:10vmax;background:radial-gradient(circle,rgba(150,110,230,.85),transparent 60%);animation-duration:32s;animation-delay:-8s}
#celeste-v4-root .c4-pl-aura i:nth-child(3){left:10vmax;bottom:-45vmax;background:radial-gradient(circle,rgba(230,140,120,.6),transparent 60%);animation-duration:40s;animation-delay:-16s}
@keyframes c4pl-aura{0%{transform:translate(0,0) scale(1)}50%{transform:translate(6vmax,4vmax) scale(1.15)}100%{transform:translate(-4vmax,-3vmax) scale(.92)}}
#celeste-v4-root .c4-pl.is-playing .c4-pl-aura i{opacity:calc(.26 + var(--amp) * .22)}
#celeste-v4-root .c4-pl-stars{position:absolute;inset:-50% 0 0;pointer-events:none;opacity:.55;background-image:radial-gradient(1px 1px at 12% 18%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 72% 8%,#ffe9c2 50%,transparent 51%),radial-gradient(1.5px 1.5px at 38% 42%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 88% 36%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 22% 66%,#e9dcff 50%,transparent 51%),radial-gradient(1.5px 1.5px at 62% 74%,#ffe9c2 50%,transparent 51%),radial-gradient(1px 1px at 92% 88%,#fff 50%,transparent 51%),radial-gradient(1px 1px at 6% 92%,#fff 50%,transparent 51%);background-size:340px 340px;animation:c4pl-stars 90s linear infinite}
@keyframes c4pl-stars{to{transform:translateY(340px)}}

/* mise en page */
#celeste-v4-root .c4-pl-scroll{position:relative;height:100%;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:none}
#celeste-v4-root .c4-pl-scroll::-webkit-scrollbar{display:none}
#celeste-v4-root .c4-pl-main{position:relative;max-width:480px;margin:0 auto;padding:0 24px calc(28px + env(safe-area-inset-bottom));min-height:100%}
#celeste-v4-root .c4-pl-top{display:grid;grid-template-columns:44px 1fr 44px;align-items:center;height:60px;padding-top:env(safe-area-inset-top);box-sizing:content-box}
#celeste-v4-root .c4-pl-top-t{text-align:center;line-height:1.25;min-width:0}
#celeste-v4-root .c4-pl-top-t small{display:block;font:600 10px/1.2 Inter,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:rgba(251,241,222,.7)}
#celeste-v4-root .c4-pl-top-t strong{display:block;font:600 13px/1.3 Inter,sans-serif;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#celeste-v4-root .c4-pl-ibtn{width:44px;height:44px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:none;color:#fbf1de;cursor:pointer;transition:transform .15s ease,background .2s ease,opacity .2s ease}
#celeste-v4-root .c4-pl-ibtn svg{width:26px;height:26px}
#celeste-v4-root .c4-pl-ibtn:hover{background:rgba(255,255,255,.08)}
#celeste-v4-root .c4-pl-ibtn:active{transform:scale(.88)}
#celeste-v4-root .c4-pl-sm svg{width:24px;height:24px}

/* pochette */
#celeste-v4-root .c4-pl-art{position:relative;width:min(100%,calc(100vh - 430px),400px);min-width:200px;aspect-ratio:1;margin:clamp(8px,3vh,30px) auto 0}
#celeste-v4-root .c4-pl-art img{position:relative;z-index:2;display:block;width:100%;height:100%;object-fit:cover;border-radius:18px;box-shadow:0 34px 90px rgba(0,0,0,.65),0 8px 24px rgba(0,0,0,.35),0 0 0 1px rgba(255,236,200,.08);transform:scale(.88);transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .6s ease;filter:saturate(.9) brightness(.92)}
#celeste-v4-root .c4-pl.is-playing .c4-pl-art img{transform:scale(1);filter:none}
#celeste-v4-root .c4-pl-halo{position:absolute;z-index:1;inset:-14%;border-radius:50%;background:radial-gradient(circle,rgba(var(--pl2),.75),rgba(var(--pl2),.18) 45%,transparent 68%);filter:blur(28px);opacity:.35;transform:scale(.9);transition:opacity .6s ease}
#celeste-v4-root .c4-pl.is-playing .c4-pl-halo{opacity:calc(.45 + var(--amp) * .55);transform:scale(calc(.95 + var(--amp) * .12))}
#celeste-v4-root .c4-pl-orbit{position:absolute;z-index:1;inset:-9%;border-radius:50%;border:1px solid rgba(246,223,174,.16);opacity:0;transition:opacity 1s ease;animation:c4pl-spin 40s linear infinite}
#celeste-v4-root .c4-pl-orbit i{position:absolute;left:50%;top:-4px;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:#fff6dd;box-shadow:0 0 12px 4px rgba(246,223,174,.75),0 0 30px 8px rgba(var(--pl2),.45)}
#celeste-v4-root .c4-pl.is-playing .c4-pl-orbit,#celeste-v4-root .c4-pl.is-loading .c4-pl-orbit{opacity:1}
@keyframes c4pl-spin{to{transform:rotate(360deg)}}

/* préparation de la voix */
#celeste-v4-root .c4-pl-prep{position:absolute;z-index:3;inset:0;display:grid;place-items:center;border-radius:18px;background:radial-gradient(circle,rgba(10,6,18,.35),rgba(10,6,18,.72));backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
#celeste-v4-root .c4-pl-prep[hidden]{display:none}
#celeste-v4-root .c4-pl-prep svg{position:absolute;width:58%;height:58%;transform:rotate(-90deg);overflow:visible}
#celeste-v4-root .c4-pl-prep circle{fill:none;stroke-width:3}
#celeste-v4-root .c4-pl-prep .t{stroke:rgba(255,255,255,.14)}
#celeste-v4-root .c4-pl-prep .f{stroke:#f6dfae;stroke-linecap:round;stroke-dasharray:326.7;stroke-dashoffset:326.7;transition:stroke-dashoffset .5s ease;filter:drop-shadow(0 0 6px rgba(246,223,174,.8))}
#celeste-v4-root .c4-pl-prep.is-spin svg{animation:c4pl-ring 1.4s linear infinite}
@keyframes c4pl-ring{from{transform:rotate(-90deg)}to{transform:rotate(270deg)}}
#celeste-v4-root .c4-pl-prep-n{position:relative;display:flex;align-items:baseline;gap:2px;color:#fff6dd;text-shadow:0 0 20px rgba(246,223,174,.6)}
#celeste-v4-root .c4-pl-prep-n b{font:500 clamp(34px,9vw,48px)/1 'Cormorant Garamond',serif}
#celeste-v4-root .c4-pl-prep-n span{font:600 13px Inter,sans-serif;opacity:.75}
#celeste-v4-root .c4-pl-prep.is-spin .c4-pl-prep-n b{font-size:28px;animation:c4pl-twinkle 1.6s ease-in-out infinite}
@keyframes c4pl-twinkle{50%{opacity:.4;transform:scale(.85)}}

/* titre, état, visualiseur */
#celeste-v4-root .c4-pl-meta{margin-top:clamp(18px,3.5vh,32px)}
#celeste-v4-root .c4-pl-meta h2{margin:0;font:600 clamp(28px,7.4vw,36px)/1.08 'Cormorant Garamond',serif;letter-spacing:.005em;color:#fff8ea;text-shadow:0 2px 24px rgba(0,0,0,.35)}
#celeste-v4-root .c4-pl-meta p{margin:6px 0 0;font:500 14px/1.3 Inter,sans-serif;color:rgba(251,241,222,.68)}
#celeste-v4-root .c4-pl-status{margin:10px 0 0;font:italic 500 16px/1.35 'Cormorant Garamond',serif;color:#f6dfae;animation:c4pl-fade .5s ease both}
#celeste-v4-root .c4-pl-status[hidden]{display:none}
#celeste-v4-root .c4-pl-status[data-hint]:after{content:attr(data-hint);display:block;margin-top:3px;font:400 12px/1.4 Inter,sans-serif;font-style:normal;color:rgba(251,241,222,.55)}
@keyframes c4pl-fade{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
#celeste-v4-root .c4-pl-viz{display:block;width:100%;height:38px;margin:16px 0 4px;opacity:.95}

/* barre de lecture */
#celeste-v4-root .c4-pl-seek{position:relative;margin-top:4px}
#celeste-v4-root .c4-pl-marks{position:absolute;left:0;right:0;top:9px;height:4px;pointer-events:none}
#celeste-v4-root .c4-pl-marks i{position:absolute;top:0;width:2px;height:4px;margin-left:-1px;background:rgba(14,6,22,.55)}
#celeste-v4-root .c4-pl-seek input{--p:0%;-webkit-appearance:none;appearance:none;display:block;width:100%;height:22px;margin:0;background:transparent;cursor:pointer;touch-action:none}
#celeste-v4-root .c4-pl-seek input:disabled{cursor:default;opacity:.55}
#celeste-v4-root .c4-pl-seek input::-webkit-slider-runnable-track{height:4px;border-radius:4px;background:linear-gradient(90deg,#f6dfae 0,#fff3d6 var(--p),rgba(255,255,255,.2) var(--p))}
#celeste-v4-root .c4-pl-seek input::-moz-range-track{height:4px;border-radius:4px;background:rgba(255,255,255,.2)}
#celeste-v4-root .c4-pl-seek input::-moz-range-progress{height:4px;border-radius:4px;background:#f6dfae}
#celeste-v4-root .c4-pl-seek input::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;margin-top:-5px;border:0;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(246,223,174,.18),0 2px 8px rgba(0,0,0,.4);transition:transform .15s ease}
#celeste-v4-root .c4-pl-seek input::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(246,223,174,.18)}
#celeste-v4-root .c4-pl-seek input:active::-webkit-slider-thumb{transform:scale(1.35)}
#celeste-v4-root .c4-pl-times{display:flex;justify-content:space-between;margin-top:2px;font:500 11px/1 Inter,sans-serif;font-variant-numeric:tabular-nums;color:rgba(251,241,222,.62)}

/* commandes */
#celeste-v4-root .c4-pl-ctrl{display:flex;align-items:center;justify-content:space-between;margin:clamp(10px,2.4vh,20px) -6px 0}
#celeste-v4-root .c4-pl-play{width:74px;height:74px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;cursor:pointer;color:#1d0f26;background:radial-gradient(circle at 32% 26%,#fffaf0,#f6dfae 42%,#e2ab68 100%);box-shadow:0 14px 40px rgba(226,171,104,.42),0 0 0 1px rgba(255,255,255,.35) inset,0 0 calc(20px + var(--amp) * 30px) rgba(246,223,174,calc(.15 + var(--amp) * .35));transition:transform .18s cubic-bezier(.3,1.6,.5,1),box-shadow .3s ease,opacity .2s ease}
#celeste-v4-root .c4-pl-play svg{width:32px;height:32px}
#celeste-v4-root .c4-pl.is-idle .c4-pl-play svg,#celeste-v4-root .c4-pl:not(.is-playing) .c4-pl-play svg{margin-left:3px}
#celeste-v4-root .c4-pl.is-playing .c4-pl-play svg{margin-left:0}
#celeste-v4-root .c4-pl-play:hover{transform:scale(1.04)}
#celeste-v4-root .c4-pl-play:active{transform:scale(.92)}
#celeste-v4-root .c4-pl-play:disabled{opacity:.55;cursor:default;transform:none}
#celeste-v4-root .c4-pl.is-loading .c4-pl-ctrl .c4-pl-ibtn,#celeste-v4-root .c4-pl.is-idle .c4-pl-ctrl .c4-pl-ibtn{opacity:.4;pointer-events:none}
#celeste-v4-root .c4-pl-sub{display:flex;align-items:center;gap:10px;margin-top:clamp(12px,2.4vh,20px)}
#celeste-v4-root .c4-pl-speed{flex:0 0 auto;min-width:54px;height:34px;padding:0 12px;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:rgba(255,255,255,.06);color:#fbf1de;font:700 13px/1 Inter,sans-serif;font-variant-numeric:tabular-nums;cursor:pointer;transition:background .2s ease,transform .15s ease}
#celeste-v4-root .c4-pl-speed:active{transform:scale(.94)}
#celeste-v4-root .c4-pl-chap{flex:1 1 auto;min-width:0;height:34px;display:flex;align-items:center;gap:9px;padding:0 14px;border:0;border-radius:999px;background:rgba(255,255,255,.08);color:#fbf1de;font:500 13px/1 Inter,sans-serif;text-align:left;cursor:pointer;transition:background .2s ease}
#celeste-v4-root .c4-pl-chap:hover,#celeste-v4-root .c4-pl-speed:hover{background:rgba(255,255,255,.14)}
#celeste-v4-root .c4-pl-chap span[data-pl-chap]{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* égaliseur animé (chapitre en cours) */
#celeste-v4-root .c4-pl-eq{flex:0 0 auto;display:inline-flex;align-items:flex-end;gap:2px;width:13px;height:12px}
#celeste-v4-root .c4-pl-eq i{flex:1;height:30%;border-radius:1px;background:#f6dfae}
#celeste-v4-root .c4-pl.is-playing .c4-pl-eq i{animation:c4pl-eq .9s ease-in-out infinite}
#celeste-v4-root .c4-pl-eq i:nth-child(2){animation-delay:-.3s!important}
#celeste-v4-root .c4-pl-eq i:nth-child(3){animation-delay:-.6s!important}
@keyframes c4pl-eq{0%,100%{height:25%}50%{height:100%}}

/* texte synchronisé */
#celeste-v4-root .c4-pl-lyrics{margin-top:30px;padding:18px 20px 8px;border-radius:20px;background:linear-gradient(180deg,rgba(var(--pl1),.85),rgba(var(--pl1),.55));box-shadow:0 20px 60px rgba(0,0,0,.35),0 0 0 1px rgba(255,236,200,.07) inset;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
#celeste-v4-root .c4-pl-lyrics-h{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
#celeste-v4-root .c4-pl-lyrics-h small{font:700 11px/1 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:rgba(251,241,222,.85)}
#celeste-v4-root .c4-pl-follow{height:28px;padding:0 12px;border:0;border-radius:999px;background:#fbf1de;color:#1d0f26;font:600 12px/1 Inter,sans-serif;cursor:pointer;animation:c4pl-fade .3s ease both}
#celeste-v4-root .c4-pl-follow[hidden]{display:none}
#celeste-v4-root .c4-pl-lines{position:relative;max-height:min(52vh,460px);overflow-y:auto;padding:12px 0 40%;scroll-behavior:auto;overscroll-behavior:contain;scrollbar-width:none;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 9%,#000 82%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 9%,#000 82%,transparent 100%)}
#celeste-v4-root .c4-pl-lines::-webkit-scrollbar{display:none}
#celeste-v4-root .c4-pl-line{margin:0 0 16px;font:600 20px/1.42 'Cormorant Garamond',serif;color:rgba(251,241,222,.56);cursor:pointer;transition:color .5s ease,text-shadow .5s ease}
#celeste-v4-root .c4-pl-line:hover{color:rgba(251,241,222,.78)}
#celeste-v4-root .c4-pl-line.is-read{color:rgba(251,241,222,.28)}
#celeste-v4-root .c4-pl-line.is-read:hover{color:rgba(251,241,222,.5)}
#celeste-v4-root .c4-pl-line.is-h{margin:26px 0 10px;font:700 12px/1.4 Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:rgba(246,223,174,.62)}
#celeste-v4-root .c4-pl-line.is-h.is-read{color:rgba(246,223,174,.32)}
#celeste-v4-root .c4-pl-line.is-cur,#celeste-v4-root .c4-pl-line.is-cur:hover{color:rgba(251,241,222,.56)}
#celeste-v4-root .c4-pl-line.is-h.is-cur{color:#f6dfae}
#celeste-v4-root .c4-pl-s{padding:1px 4px;margin:0 -4px;border-radius:7px;-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:color .35s ease,background-color .35s ease}
#celeste-v4-root .c4-pl-s.is-read{color:rgba(251,241,222,.38)}
#celeste-v4-root .c4-pl-s.is-cur{color:rgba(255,248,232,.62);background:rgba(255,236,200,.09)}
#celeste-v4-root .c4-pl-s.is-cur .c4-pl-w.is-read{color:#fffaf0;text-shadow:0 0 16px rgba(246,223,174,.42)}
#celeste-v4-root .c4-pl-s.is-cur .c4-pl-w.is-on{--k:0;color:transparent;text-shadow:none;background:linear-gradient(90deg,#fffaf0 0,#f6dfae calc(var(--k)*100%),rgba(255,248,232,.62) calc(var(--k)*100%));-webkit-background-clip:text;background-clip:text}
#celeste-v4-root .c4-pl-line.is-h .c4-pl-s.is-cur{color:rgba(246,223,174,.62);background:none}
#celeste-v4-root .c4-pl-line.is-h .c4-pl-s.is-cur .c4-pl-w.is-read{color:#f6dfae}
#celeste-v4-root .c4-pl-empty{margin:6px 0 18px;font:italic 17px/1.4 'Cormorant Garamond',serif;color:rgba(251,241,222,.6)}

/* feuille des chapitres */
#celeste-v4-root .c4-pl-dim{position:absolute;inset:0;z-index:4;background:rgba(3,1,8,.55);opacity:0;pointer-events:none;transition:opacity .3s ease}
#celeste-v4-root .c4-pl.sheet-open .c4-pl-dim{opacity:1;pointer-events:auto}
#celeste-v4-root .c4-pl-sheet{position:absolute;z-index:5;left:50%;bottom:0;width:min(560px,100%);max-height:72%;display:flex;flex-direction:column;padding:10px 0 calc(10px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0;background:linear-gradient(180deg,rgba(32,18,46,.98),rgba(14,8,22,.99));box-shadow:0 -20px 60px rgba(0,0,0,.5),0 0 0 1px rgba(255,236,200,.08) inset;transform:translate(-50%,105%);transition:transform .42s cubic-bezier(.16,.84,.24,1)}
#celeste-v4-root .c4-pl.sheet-open .c4-pl-sheet{transform:translate(-50%,0)}
#celeste-v4-root .c4-pl-grab{display:block;width:40px;height:4px;margin:0 auto 10px;border-radius:4px;background:rgba(255,255,255,.25)}
#celeste-v4-root .c4-pl-sheet h3{margin:0 22px 8px;font:600 24px/1.2 'Cormorant Garamond',serif;color:#fff8ea}
#celeste-v4-root .c4-pl-chlist{position:relative;overflow-y:auto;padding:0 10px 6px;overscroll-behavior:contain}
#celeste-v4-root .c4-pl-chrow{width:100%;display:flex;align-items:center;gap:14px;padding:12px;border:0;border-radius:14px;background:none;color:#fbf1de;text-align:left;cursor:pointer;transition:background .2s ease}
#celeste-v4-root .c4-pl-chrow:hover{background:rgba(255,255,255,.06)}
#celeste-v4-root .c4-pl-chrow .n{flex:0 0 22px;text-align:center;font:600 13px/1 Inter,sans-serif;font-variant-numeric:tabular-nums;color:rgba(251,241,222,.5)}
#celeste-v4-root .c4-pl-chrow .ti{flex:1;min-width:0;font:500 15px/1.35 Inter,sans-serif}
#celeste-v4-root .c4-pl-chrow .tm{flex:0 0 auto;font:500 12px/1 Inter,sans-serif;font-variant-numeric:tabular-nums;color:rgba(251,241,222,.5)}
#celeste-v4-root .c4-pl-chrow .c4-pl-eq{display:none}
#celeste-v4-root .c4-pl-chrow.is-cur{background:rgba(246,223,174,.1)}
#celeste-v4-root .c4-pl-chrow.is-cur .ti{color:#f6dfae;font-weight:600}
#celeste-v4-root .c4-pl-chrow.is-cur .n{display:none}
#celeste-v4-root .c4-pl-chrow.is-cur .c4-pl-eq{display:inline-flex;flex-basis:22px;width:22px;padding:0 4px;box-sizing:border-box}

/* bouton « ouvrir le lecteur » dans la barre audio du manuscrit */
#celeste-v4-root .c4-tts-open{width:36px;height:36px;display:grid;place-items:center;padding:0;border-radius:50%;border:1px solid rgba(239,204,137,.35);background:rgba(239,204,137,.08);color:#efd39a;cursor:pointer}
#celeste-v4-root .c4-tts-open[hidden]{display:none}
#celeste-v4-root.c4-light .c4-tts-open{border-color:var(--c4l-line-2);color:var(--c4l-gold)}

/* grand écran : pochette à gauche, texte à droite */
@media (min-width:980px) and (min-height:560px){
  #celeste-v4-root .c4-pl-main{max-width:1180px;display:grid;grid-template-columns:minmax(360px,440px) minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:clamp(40px,6vw,90px);padding:0 48px 32px;height:100%;min-height:0;box-sizing:border-box}
  #celeste-v4-root .c4-pl-top{grid-column:1 / -1}
  #celeste-v4-root .c4-pl-player{align-self:center}
  #celeste-v4-root .c4-pl-art{width:min(100%,calc(100vh - 470px),440px)}
  #celeste-v4-root .c4-pl-lyrics{align-self:stretch;margin:8px 0 0;display:flex;flex-direction:column;min-height:0;max-height:calc(100vh - 120px)}
  #celeste-v4-root .c4-pl-lines{flex:1;max-height:none;min-height:0}
  #celeste-v4-root .c4-pl-line{font-size:24px}
  #celeste-v4-root .c4-pl-scroll{overflow:hidden}
}
@media (max-height:640px) and (max-width:979px){#celeste-v4-root .c4-pl-art{width:min(100%,calc(100vh - 380px),400px);min-width:160px}}
@media (prefers-reduced-motion:reduce){
  #celeste-v4-root .c4-pl.open,#celeste-v4-root .c4-pl.closing,#celeste-v4-root .c4-pl-bg,#celeste-v4-root .c4-pl-aura i,#celeste-v4-root .c4-pl-stars,#celeste-v4-root .c4-pl-orbit,#celeste-v4-root .c4-pl-eq i{animation:none!important}
  #celeste-v4-root .c4-pl-s,#celeste-v4-root .c4-pl-line{transition:none}
}