/* VERSION « midi-e-2 » du 06/11/2026 (retours de Stéphane sur le téléphone) = midi-e.css du 05/11 + le bloc « TÉLÉPHONE » en fin de fichier ; l'ordinateur et la tablette sont inchangés.
   Pianovera · pages des morceaux MIDI, direction E (05/11/2026) : à gauche le panneau piano et les commandes, à droite la partition en pages de papier dans un cadre
   de hauteur fixe qui défile à l'intérieur ; mode lecture plein écran. S'appuie sur le moteur /midi/lecteur/lecteur-partition.css (classes lp-*) et sur site-2.css.
   Un SEUL bouton Lecture / Pause par vue : celui des commandes (colonne de gauche) ; en mode lecture, la colonne de gauche disparaît et la barre du bas (.e-dock) a les siens. */
.e-wrap.wrap{max-width:1400px}
.e-page .byline{margin:2px 0 6px}
.e-page h1{margin:6px 0 2px}
.e-intro{font-size:18px;font-weight:600;line-height:1.55;color:var(--txt);max-width:920px;margin:6px 0 12px}
.e-page .chips{margin:6px 0 4px}
html{scroll-padding-top:90px}

/* ---------- bloc lecteur ---------- */
.e-bloc{--h:clamp(540px,calc(100dvh - 92px),800px);display:grid;grid-template-columns:372px minmax(0,1fr);gap:16px;height:var(--h);margin:14px 0 8px}
.e-lat{display:flex;flex-direction:column;gap:10px;min-height:0;overflow-y:auto;scrollbar-width:thin;padding:2px}
.e-pan{flex:none;height:clamp(210px,30vh,320px);border-radius:16px;overflow:hidden}
.e-bar{flex:none;background:#fff;border:1.5px solid var(--line2);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}
.e-prog{position:relative;height:10px;background:#c9d6ee;cursor:pointer;touch-action:none;overflow:hidden}
.e-prog::before{content:"";position:absolute;inset:-14px 0}
.e-prog:focus-visible{outline:3px solid #0ea5e9;outline-offset:-3px}
.e-fill{position:absolute;inset:0;background:linear-gradient(90deg,#2563eb,#0ea5e9);transform:scaleX(var(--lp-p,0));transform-origin:left}
.e-rang{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px}
.e-btn,.e-grp button,.e-sw{font:800 15px/1.1 var(--font);color:var(--txt);background:#fff;border:1.5px solid var(--line2);border-radius:12px;padding:10px 14px;cursor:pointer;min-height:44px;display:inline-flex;align-items:center;gap:7px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.e-btn:hover,.e-grp button:hover,.e-sw:hover{border-color:var(--blue);color:var(--blue);background:#eef4ff}
.e-btn:focus-visible,.e-grp button:focus-visible,.e-sw:focus-visible{outline:3px solid #0ea5e9;outline-offset:2px}
.e-play{background:var(--grad);color:#fff;border-color:transparent;box-shadow:0 8px 20px rgba(37,99,235,.28);min-width:0;flex:1 1 140px;justify-content:center;font-size:16px}
.e-play:hover{color:#fff;background:var(--grad);filter:brightness(1.07)}
.e-play .e-t-pause,.e-play .e-t-load{display:none}
.lp-joue .e-play .e-t-play{display:none}.lp-joue .e-play .e-t-pause{display:inline}
.lp-charge .e-play .e-t-play,.lp-charge .e-play .e-t-pause{display:none}.lp-charge .e-play .e-t-load{display:inline}
.e-grp{display:inline-flex;border:1.5px solid var(--line2);border-radius:13px;background:#fff;padding:2px;align-items:center}
.e-grp button{border:0;border-radius:10px;padding:8px 11px;min-height:40px}
.e-grp button[aria-pressed="true"]{background:#1d4ed8;color:#fff}
.e-grp button[aria-pressed="true"]:hover{background:var(--blue2);color:#fff}
.e-dot{width:11px;height:11px;border-radius:50%;display:inline-block;border:2px solid #fff;box-shadow:0 0 0 1.5px #475569;flex:none}
.e-dot.d{background:#10b981}.e-dot.g{background:#2563eb}
.e-sw{gap:9px}
.e-sw::before{content:"";flex:none;width:38px;height:22px;border-radius:99px;background:#cbd5e6 radial-gradient(circle at 11px 11px,#fff 8px,transparent 9px) no-repeat;box-shadow:inset 0 0 0 1px #94a3b8;transition:background-color .15s}
.e-sw[aria-pressed="true"]{border-color:var(--blue);background:#eef4ff;color:#1e3a8a}
.e-sw[aria-pressed="true"]::before{background:#1d4ed8 radial-gradient(circle at 27px 11px,#fff 8px,transparent 9px) no-repeat}
.e-sw small{font:inherit}
.e-sw[hidden]{display:none!important}
.e-temps{font:800 14.5px/1 var(--font);color:var(--mut);font-variant-numeric:tabular-nums;white-space:nowrap}
.e-mes{font:800 14px/1 var(--font);color:var(--mut);white-space:nowrap;margin-left:auto}
.e-mes b{color:var(--txt);font-variant-numeric:tabular-nums}
.e-dl{display:grid;grid-template-columns:1fr 1fr;gap:8px;flex:none}
.e-dl .btn{padding:9px 8px;font-size:13.5px;justify-content:center;text-align:center;white-space:normal;line-height:1.2;min-height:46px;flex-direction:column;gap:1px}
.e-dl .btn small{display:block;font-size:11.5px;font-weight:700;opacity:.9}
/* carte bleue : le composeur (à la place de l'encart « notes qui tombent », qui doublait le bouton Jouer du menu) */
.e-compo{flex:none;display:grid;gap:3px;background:linear-gradient(135deg,#0a1430,#14307a);color:#fff;border-radius:16px;padding:14px 16px;text-decoration:none;box-shadow:var(--shadow);border:1.5px solid #1e3a8a}
.e-compo b{font-size:17px;line-height:1.25;color:#fff}
.e-compo i{justify-self:start;margin-top:8px;background:#fff;color:#0a1430;font:800 15px/1.1 var(--font);padding:10px 16px;border-radius:12px}
.e-compo i::before,.e-compo small::before{content:attr(data-t)}
.e-compo small{font-size:12.5px;font-weight:700;color:#b8c7e6;margin-top:2px}
.e-compo:hover{border-color:#60a5fa;filter:brightness(1.08)}
.e-compo:hover i{background:#eaf2ff}
.e-compo:focus-visible{outline:3px solid #7dd3fc;outline-offset:2px}

.e-fin{flex:none;background:#fff;border:1.5px solid var(--line2);border-radius:16px;padding:12px 14px;box-shadow:var(--shadow)}
.e-fin[hidden]{display:none}
.e-fin::before{content:attr(data-titre);display:block;font-weight:800;font-size:15px;margin-bottom:8px}
.e-fin .dl-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}

/* ---------- partition ---------- */
.e-score{display:flex;flex-direction:column;min-height:0;background:#fff;border:1.5px solid var(--line2);border-radius:18px;box-shadow:var(--shadow);overflow:hidden}
.e-score-top,.e-dockbox{display:none}
.e-score-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:10px 16px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fff,#f6f8fd)}
.e-score-head>div:first-child{margin-right:auto}
.e-score-head h2{font-size:19px;margin:0}
.e-score-head p{margin:2px 0 0;font-size:13.5px;font-weight:700;color:var(--mut)}
.e-astuce,.e-solo-phone,.e-mode{display:none}
.e-zone{position:relative;flex:1 1 0;min-height:0}
.e-score .lp-vue{position:absolute;inset:0}
.e-score .lp-zone{height:100%;background:#dfe7f6;padding:14px 16px 90px;scrollbar-gutter:stable}
.e-score .lp-lignes{max-width:1000px;margin:0 auto}
/* pages de papier (pages A4 ou pages du PDF) */
.e-score .lp-unite{background:#fff;border-radius:6px;box-shadow:0 10px 30px rgba(20,33,61,.16),0 1px 3px rgba(20,33,61,.2);margin:0 0 18px}
.e-score .lp-unite+.lp-unite{border-top:0}
/* lignes (téléphone, ou système par système) : une seule feuille continue */
.e-score[data-mise="etroite"] .lp-lignes,.e-score[data-feuille="lignes"] .lp-lignes{background:#fff;border-radius:6px;box-shadow:0 10px 30px rgba(20,33,61,.16),0 1px 3px rgba(20,33,61,.2);padding:6px 8px;overflow:hidden}
.e-score[data-mise="etroite"] .lp-unite,.e-score[data-feuille="lignes"] .lp-unite{box-shadow:none;margin:0;border-radius:0}
.e-score[data-mise="etroite"] .lp-unite+.lp-unite,.e-score[data-feuille="lignes"] .lp-unite+.lp-unite{border-top:1px solid #e3e9f5}
.e-score[data-mise="etroite"] .lp-lignes{max-width:620px}
.e-score .lp-retour{top:auto;bottom:18px}
.e-score-foot{display:flex;flex-wrap:wrap;gap:4px 18px;align-items:center;padding:8px 16px;border-top:1px solid var(--line);background:#f6f8fd;font-size:13.5px}
.e-score-foot span{font-weight:700;color:var(--mut)}
.e-score-foot b{color:var(--txt)}
.e-leg{font-style:normal}.e-leg::before{content:attr(data-t)}
.e-score-foot a{color:var(--blue);font-weight:800;text-decoration:underline;margin-left:auto}
.e-plein{white-space:nowrap}

/* ---------- mode lecture (plein écran) : la partition seule, la ligne jouée est nette, grosses commandes en bas ---------- */
.e-score.lp-lecture{display:flex;flex-direction:column;height:100%;flex:none;border-radius:0;border:0;box-shadow:none;background:#dfe7f6}
.lp-lecture .e-score-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 18px;background:#0a1430;color:#fff;flex:none}
.lp-lecture .e-titre{font-size:17px}.lp-lecture .e-titre span{color:#bfdbfe;font-weight:700}
.lp-lecture .e-quit{min-height:48px;font-size:16px;background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}
.lp-lecture .e-quit:hover{background:rgba(255,255,255,.14);color:#fff;border-color:#fff}
.lp-lecture .e-score-head,.lp-lecture .e-score-foot,.lp-lecture .e-astuce{display:none}
.lp-lecture .lp-zone{padding:0;background:transparent}
.lp-lecture .lp-lignes{padding:16px 16px 42vh;max-width:1060px;background:transparent;box-shadow:none}
.lp-lecture .lp-unite{box-shadow:none;margin:0 0 14px}
.lp-lecture .lp-unite.is-cur{box-shadow:0 14px 34px rgba(20,33,61,.2)}
.lp-lecture .lp-retour{bottom:12px}
.lp-lecture .e-dockbox{display:block;flex:none;padding:10px 12px calc(12px + env(safe-area-inset-bottom));background:#dfe7f6;border-top:1px solid #c3d0ea}
.lp-lecture .e-dock{max-width:1040px;margin:0 auto;box-shadow:0 14px 34px rgba(20,33,61,.28)}
.lp-lecture .e-dock .e-btn,.lp-lecture .e-dock .e-grp button,.lp-lecture .e-dock .e-sw{min-height:52px;font-size:17px}
.lp-lecture .e-dock .e-play{min-width:170px;flex:0 1 190px}
.lp-lecture .e-dock .e-rang{padding:10px 14px}

/* ---------- texte du bas ---------- */
.e-texte,.e-bas{max-width:920px}
.e-bas{margin-top:26px}
.e-bas h2{margin-top:34px}
.passages-reels li{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center}
.passages-reels .go{font:900 14px/1 var(--font);color:#fff;background:var(--blue);border:0;border-radius:10px;padding:10px 13px;cursor:pointer;min-height:42px;white-space:nowrap}
.passages-reels .go:hover{background:var(--blue2)}
.e-wrap .midi-grid{max-width:none}
.midi-grid.three{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.e-wrap .pv-app{max-width:920px}
.pages-a4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:12px 0;max-width:920px}
.pages-a4 a{display:block;background:#fff;border:1.5px solid var(--line2);border-radius:12px;overflow:hidden;box-shadow:var(--shadow)}
.pages-a4 img{width:100%;height:auto;display:block;aspect-ratio:1600/2263;object-fit:cover}
.pages-a4 figcaption{padding:8px 12px;font-size:13px;font-weight:800;color:var(--mut)}
.pages-a4 figure{margin:0}
.e-bas .license-note,.e-bas .lic{font-size:15px;font-weight:600}
@media (max-width:900px){.midi-grid.three{grid-template-columns:1fr 1fr}.pages-a4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px){.midi-grid.three{grid-template-columns:1fr}.pages-a4{gap:8px}.pages-a4 figcaption{padding:6px 7px;font-size:11.5px}}

/* ---------- écrans moyens ---------- */
@media (max-width:1180px){
  .e-bloc{grid-template-columns:320px minmax(0,1fr);gap:12px}
  .e-dl .btn{font-size:12.5px;padding:8px 6px}
  .e-pan{height:clamp(190px,24vh,250px)}
  .e-compo{padding:10px 14px}.e-compo i{margin-top:4px}
}
/* ---------- tablette étroite et téléphone : une colonne ---------- */
@media (max-width:860px){
  .e-wrap.wrap{padding:0 12px}
  .e-bloc{--hm:clamp(400px,calc(100dvh - 270px),680px);display:flex;flex-direction:column;height:auto;gap:10px}
  .e-lat{display:contents}
  .e-pan{order:1;height:clamp(230px,26vh,300px)}
  .e-bar{order:2}
  .e-score{order:3;height:var(--hm);flex:none}
  .e-dl{order:4}.e-compo{order:5}.e-fin{order:6}
  .e-bar .e-rang{gap:6px;padding:8px 10px}
  .e-bar .e-temps{display:none}
  .e-bar .e-play{flex:1 1 120px;min-height:44px}
  .e-bar .e-mes{display:none}
  .e-bar .e-grp button{padding:8px 9px;min-height:42px;font-size:14px}
  .e-bar .e-sw{display:none}
  .e-bar .e-grp.e-mains{flex:1 1 100%}
  .e-bar .e-grp.e-mains button{flex:1 1 auto;justify-content:center}
  .e-score-head{padding:8px 10px;gap:6px 8px}
  .e-score-head p{display:none}
  .e-score-head .e-plein{margin-left:auto;min-height:42px;padding:8px 12px;font-size:14px}
  .e-solo-phone{display:inline-flex;min-height:42px;padding:6px 10px;font-size:14px;gap:7px}
  .e-solo-phone::before{width:30px;height:18px;background-image:radial-gradient(circle at 9px 9px,#fff 6.5px,transparent 7.5px)}
  .e-solo-phone[aria-pressed="true"]::before{background-image:radial-gradient(circle at 21px 9px,#fff 6.5px,transparent 7.5px)}
  .e-score-foot{display:none}
  .e-score .lp-zone{padding:8px 6px 80px}
  .e-intro{font-size:16.5px}
  .lp-lecture .lp-lignes{padding:10px 8px 42vh}
  .lp-lecture .e-dock .e-rang{gap:6px;padding:8px 10px}
  .lp-lecture .e-dock .e-temps,.lp-lecture .e-dock .e-mes{display:none}
  .lp-lecture .e-dock .e-play{min-width:0;flex:1 1 130px}
  .lp-lecture .e-dock .e-grp button{padding:8px 9px;min-height:48px;font-size:15px}
  .lp-lecture .e-dock .e-sw{display:inline-flex;min-height:48px;font-size:14px;padding:6px 9px}
  .lp-lecture .e-score-top{padding:8px 12px}.lp-lecture .e-titre span{display:none}
}
/* téléphone en paysage : une seule colonne pleine largeur (pages du PDF lisibles), commandes en une rangée au-dessus, le reste sous le bloc */
@media (max-width:900px) and (max-height:520px) and (orientation:landscape){
  .e-bloc{display:flex;flex-direction:column;height:auto;gap:8px;margin-top:8px}
  .e-lat{display:contents}
  .e-bar{order:1}.e-bar .e-rang{gap:6px;padding:6px 8px;flex-wrap:wrap}.e-bar .e-play{flex:0 0 auto;min-width:120px}
  .e-bar .e-sw{display:inline-flex}.e-bar .e-temps{display:inline}.e-bar .e-mes{display:inline;margin-left:auto}
  .e-bar .e-grp.e-mains{flex:0 0 auto}
  .e-score{order:2;height:calc(100dvh - 132px);min-height:230px;flex:none}
  .e-dl,.e-compo{order:3}
  .e-solo-phone,.e-mode,.e-astuce{display:none}
}
@media (max-height:520px) and (orientation:landscape){
  .lp-lecture .e-score-top{padding:4px 10px}.lp-lecture .e-quit{min-height:38px;font-size:14px;padding:4px 12px}.lp-lecture .e-titre{font-size:14px}
  .lp-lecture .e-dockbox{padding:4px 8px}
  .lp-lecture .e-dock .e-rang{padding:4px 8px;gap:6px;flex-wrap:nowrap}
  .lp-lecture .e-dock .e-btn,.lp-lecture .e-dock .e-grp button,.lp-lecture .e-dock .e-sw{min-height:40px;font-size:14px;padding:6px 10px}
  .lp-lecture .e-dock .e-play{min-width:0;flex:0 0 auto;padding:6px 14px}
  .lp-lecture .e-dock .e-sw small{display:none}
  .lp-lecture .e-dock .e-prog{height:6px}
  .lp-lecture .lp-lignes{padding:8px 10px 20px}.lp-lecture .lp-unite{margin-bottom:8px}
}
@media (prefers-reduced-motion:reduce){.e-sw::before{transition:none}}
/* contraste (essai du 05/11/2026) : le gris clair --mut2 du site (3,2 à 3,5 contre 1 sur le fond) passe sous 4,5 pour ces textes de la page de morceau ; on prend le gris foncé --mut (6,9 contre 1) */
.e-page .crumbs{color:var(--mut)}
.e-page .dl-fine{color:var(--mut)}
.foot-credit{color:var(--mut)}
/* H1 = nom du morceau + « MIDI & partition » (06/11/2026) : sur plusieurs lignes, jamais de césure dans un mot, lignes équilibrées */
.e-page h1{hyphens:none;-webkit-hyphens:none;overflow-wrap:normal;word-break:normal;text-wrap:balance}
/* bouton « Agrandir » : partitions sans suivi, téléphone seulement */
.e-zoom{display:none;white-space:nowrap}
.e-zoom .e-zoom-r{display:none}.e-zoom[aria-pressed="true"] .e-zoom-a{display:none}.e-zoom[aria-pressed="true"] .e-zoom-r{display:inline}
@media (max-width:620px){.e-score-head .e-zoom{display:inline-flex;flex:none;margin-left:auto;min-height:42px;padding:8px 12px;font-size:14px;gap:6px;align-items:center}.e-score-head .e-zoom+.e-plein{margin-left:0}.e-zoom .e-tx{display:inline}.e-zoom .e-zoom-r{display:none}.e-zoom[aria-pressed="true"] .e-zoom-a{display:none}.e-zoom[aria-pressed="true"] .e-zoom-r{display:inline}.lp-lecture .e-zoom{display:none}}

/* ======================================================================================================================================
   TÉLÉPHONE (moins de 768 px, portrait) : retours de Stéphane du 06/11/2026.
   Ordre à l'écran : fil d'Ariane, titre, compositeur, PARTITION (dans le premier écran), puis les actions (téléchargements, panneau « Notes qui tombent » replié,
   carte du composeur, boutons de l'appli), puis l'introduction EN ENTIER, les étiquettes et le reste du texte. Le HTML ne change pas : seul l'ordre d'affichage change
   (display:contents + order). Les commandes de lecture sont dans une petite barre fixée en bas (.e-mini) ; plus de « Lire la suite », plus de choix « Lisibles / Comme le PDF ».
   ====================================================================================================================================== */
.e-mini{display:none}
@media (max-width:767px) and (min-height:521px){
  .e-wrap.wrap{padding:0 12px;display:flex;flex-direction:column}
  .e-page.page{padding-top:10px}
  .e-bloc,.e-lat{display:contents}
  .e-bloc{--hm:clamp(360px,calc(100svh - 312px),640px);margin:0}
  .e-page .crumbs{order:10;margin:0 0 2px;font-size:13px}
  .e-page .kicker{display:none}
  .e-page h1{order:20;font-size:25px;line-height:1.15;margin:4px 0 0}
  .e-page h1 .h1-sub{display:block;font-size:13px;font-weight:700;margin-top:2px}
  .e-page .byline{order:30;font-size:14px;margin:2px 0 8px}
  .e-wrap>#apercu,.e-wrap>#preview{order:35;height:0;display:block}
  .e-score{order:40;height:auto;flex:none;margin:0}
  .e-zone{flex:none;height:var(--hm)}
  .e-dl{order:50;margin-top:12px}
  .e-pan{order:60;margin-top:10px}
  .e-compo{order:70;margin-top:10px}
  .e-fin{order:80;margin-top:10px}
  .e-intro{order:90;font-size:16.5px;line-height:1.55;margin:22px 0 10px;max-width:none}
  .e-page .chips{order:100;margin:4px 0 0;flex-wrap:wrap;gap:6px}
  .e-page .chip{font-size:13px;padding:5px 11px}
  .e-bas{order:110;margin-top:18px}
  .e-lat>.e-bar{display:none}
  .pp-hote{--pp-hauteur:124px}
  /* en-tête de la partition : gardé pour les lecteurs d'écran (titre et nombre de pages), invisible ; ses boutons sont dans le panneau « Réglages » de la barre du bas */
  .e-score-head{position:absolute;width:1px;height:1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .e-score-head .e-btn,.e-score-head .e-sw,.e-score-head .e-zoom{display:none}
  .e-score{position:relative}
  /* le pied de la partition (légendes, lien vers le PDF) reste visible, sous le cadre */
  .e-score-foot{display:flex;padding:8px 10px;gap:2px 12px;font-size:12.5px}
  .e-score-foot a{margin-left:0}
  .lp-lecture .e-score-foot{display:none}
  .e-score.lp-lecture{height:100%;position:fixed}
  .lp-lecture .e-zone{flex:1 1 0;height:auto}
  /* la fin de la page n'est pas cachée par la barre du bas */
  .e-page ~ .foot{padding-bottom:calc(84px + env(safe-area-inset-bottom))}
  /* ---------- petite barre du bas ---------- */
  .e-mini{display:block;position:fixed;left:0;right:0;bottom:0;z-index:60;background:#fff;border-top:1.5px solid var(--line2);box-shadow:0 -8px 24px rgba(20,33,61,.16);padding:0 0 env(safe-area-inset-bottom);transform:translateY(112%);visibility:hidden;transition:transform .22s ease,visibility 0s .22s}
  .e-mini.on{transform:none;visibility:visible;transition:transform .22s ease}
  html.lp-verrou .e-mini{display:none}
  .e-mini-rang{display:flex;align-items:center;gap:10px;height:62px;padding:0 10px}
  .e-mini-play{flex:none;width:48px;height:48px;border-radius:50%;border:0;padding:0;background:var(--grad);color:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 16px rgba(37,99,235,.3);-webkit-tap-highlight-color:transparent;touch-action:manipulation}
  .e-mini-play svg{width:22px;height:22px;fill:currentColor}
  .e-mini-play .ic-pause,.e-mini-play .ic-charge{display:none}
  .e-mini.joue .e-mini-play .ic-play{display:none}.e-mini.joue .e-mini-play .ic-pause{display:block}
  .e-mini.charge .e-mini-play .ic-play,.e-mini.charge .e-mini-play .ic-pause{display:none}.e-mini.charge .e-mini-play .ic-charge{display:block}
  .e-mini-play:focus-visible,.e-mini-reg:focus-visible{outline:3px solid #0ea5e9;outline-offset:2px}
  .e-mini-mid{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:1px}
  .e-mini-temps{font:800 13px/1.2 var(--font);color:var(--mut);font-variant-numeric:tabular-nums;white-space:nowrap}
  .e-mini-prog{position:relative;height:26px;display:flex;align-items:center;cursor:pointer;touch-action:none}
  .e-mini-prog:focus-visible{outline:3px solid #0ea5e9;outline-offset:1px;border-radius:8px}
  .e-mini-trk{position:relative;display:block;width:100%;height:8px;border-radius:99px;background:#c9d6ee;overflow:hidden}
  .e-mini-trk .e-fill{border-radius:99px}
  .e-mini-reg{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:46px;padding:0 12px;border:1.5px solid var(--line2);border-radius:12px;background:#fff;color:var(--txt);font:800 14.5px/1 var(--font);cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
  .e-mini-reg svg{width:18px;height:18px;fill:currentColor;flex:none}
  .e-mini-reg[aria-expanded="true"]{background:#1d4ed8;border-color:#1d4ed8;color:#fff}
  .e-mini-pan{position:absolute;left:8px;right:8px;bottom:calc(100% + 8px);background:#fff;border:1.5px solid var(--line2);border-radius:16px;box-shadow:0 16px 40px rgba(20,33,61,.28);padding:12px;display:grid;gap:10px}
  .e-mini-pan[hidden]{display:none}
  .e-mini-l{display:grid;grid-template-columns:78px minmax(0,1fr);align-items:center;gap:8px}
  .e-mini-l>b{font:800 14px/1.2 var(--font);color:var(--txt)}
  .e-mini-pan .e-grp{display:flex}
  .e-mini-pan .e-grp button{flex:1 1 auto;justify-content:center;padding:8px 6px;min-height:44px;font-size:14.5px}
  .e-mini-pan .e-sw,.e-mini-pan .e-btn{justify-content:center}
  .e-mini-pan .e-zoom{display:inline-flex}
  .e-mini-pan .e-zoom .e-zoom-r{display:none}.e-mini-pan .e-zoom[aria-pressed="true"] .e-zoom-a{display:none}.e-mini-pan .e-zoom[aria-pressed="true"] .e-zoom-r{display:inline}
}
@media (max-width:767px) and (min-height:521px) and (prefers-reduced-motion:reduce){.e-mini,.e-mini.on{transition:none}}