.tuner{--ink:#4A3392!important;--paper:#F3EEFB!important;--accent:#7C5FCF!important;--line:#cbbde6!important;background:#F3EEFB!important;min-height:852px!important;}
.tuner:before{background:#F3EEFB url('./fond_clair_GPT.png') center 0 / 100% auto no-repeat!important;opacity:.35!important;}
.brand,.hero>.analysis,.landscape-copy{display:none!important;}
.mock-brand{position:absolute;top:0;left:7%;width:86%;height:32cqw;z-index:5;text-align:center;pointer-events:none;}
.mock-logo{width:100%;height:auto;filter:url(#purple-key);display:block;}
.mock-shield{position:absolute;top:19cqw;left:calc(50% - 3.8cqw);width:7.6cqw;height:8.5cqw;object-fit:contain;}
.mock-subtitle{position:absolute;top:29cqw;width:100%;font:500 2.3cqw Arial,sans-serif;letter-spacing:.6cqw;color:#6E6884;}
.app-navigation{top:auto!important;bottom:0!important;left:0!important;width:100%!important;border-radius:0!important;border:0!important;border-top:1px solid #cbbde6!important;box-shadow:0 -6px 22px #4a33921a!important;background:#f3eefb!important;height:76px!important;padding:8px 14px 20px!important;gap:6px;}
.app-navigation:before{content:'';position:absolute;bottom:100%;left:0;width:100%;height:32px;background:url('./mountain_GPT.png') center 42% / 45% auto repeat-x;opacity:.5;filter:sepia(1) saturate(3) hue-rotate(200deg);pointer-events:none;}
.app-navigation button{background:transparent!important;color:#6E6884!important;border-radius:12px!important;font-size:11px!important;}
.app-navigation button[aria-current=page]{color:#4A3392!important;background:#e6dcf6!important;box-shadow:none!important;}
.app-navigation svg{width:22px!important;height:22px!important;}
.composition{height:798px!important;min-height:798px!important;}
.screen-tuner .wheel-section{top:44cqw!important;}.screen-tuner .bottom-tools{top:144cqw!important;}
.lower-info{top:157cqw!important;}.metro-page{top:35cqw!important;transform:scale(.93);transform-origin:top center;}
.mock-subtitle{display:none;}

/* Palette fournie et navigation de la reference. */
.tuner{--ink:#1C1726!important;--line:#7C5FCF!important;--muted:#6E6884!important;}
.app-navigation{border:0!important;box-shadow:none!important;background:#F3EEFB!important;padding:4px 12px 22px!important;height:80px!important;gap:0!important;}
.app-navigation:before{height:42px!important;background:url('./cimes_menu_GPT.svg') center bottom /100% 100% no-repeat!important;opacity:1!important;filter:none!important;}
.app-navigation button,.app-navigation button[aria-current=page]{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;color:#6E6884!important;}
.app-navigation button[aria-current=page]{color:#4A3392!important;font-weight:700!important;}
.app-navigation svg{width:24px!important;height:24px!important;}

/* Cimes contenues dans la navigation, hors des commandes. */
.app-navigation:before{bottom:auto!important;top:-12px!important;height:27px!important;}
.app-navigation{padding-top:14px!important;}

/* Ajustement demande : logo plus bas et cimes bord a bord. */
.mock-brand{top:12px!important;}
.app-navigation:before{left:0!important;right:0!important;width:100%!important;background-size:100% 100%!important;}

/* Corrections des quatre captures. */
.mock-brand{top:24px!important;}
.bottom-tools .metronome{color:#7C5FCF!important;background:#F3EEFB!important;border-color:#7C5FCF!important;box-shadow:none!important;}
.bottom-tools .metronome.on{color:#F3EEFB!important;background:#4A3392!important;border-color:#7C5FCF!important;box-shadow:none!important;}
.screen-tuner .volume-line .sustain-info{display:none!important;}
.screen-tuner .volume-line>label:not(.sustain-info){flex:1!important;min-width:0;}
.screen-tuner .volume-line input{flex:1;min-width:0;}

.bottom-tools [role="group"]{display:none!important;}
.bottom-tools .metronome{overflow:visible!important;position:relative;}
.bpm-caption{position:absolute;top:calc(100% + 3px);left:50%;transform:translateX(-50%);white-space:nowrap;font:600 10px/1.2 Arial,sans-serif;color:#4A3392;}
.screen-tuner .readings{grid-template-columns:1fr 1fr!important;}
.screen-tuner .readings>div:nth-child(3){display:none!important;}

/* Typographie de la reference : system-ui, graisse 800. */
.tuner,.tuner button,.tuner input,.tuner select,.panel-content,.panel-content button,.panel-content select{font-family:Inter,system-ui,-apple-system,sans-serif!important;}
.sector strong{font-family:Inter,system-ui,-apple-system,sans-serif!important;font-size:4cqw!important;line-height:1.1!important;font-weight:800!important;letter-spacing:-.035em!important;}
.sector small{font-family:Inter,system-ui,-apple-system,sans-serif!important;font-size:2.65cqw!important;line-height:1.3!important;font-weight:800!important;}
.readings strong{font-family:Inter,system-ui,-apple-system,sans-serif!important;font-weight:800!important;font-size:4.1cqw!important;}
.app-navigation button{font-size:11px!important;font-weight:800!important;}
.bpm-caption{font-family:Inter,system-ui,-apple-system,sans-serif!important;font-weight:800!important;font-size:10px!important;}
.readings small,.volume-line{font-family:Inter,system-ui,-apple-system,sans-serif!important;font-size:2.5cqw!important;}
.tempo-value input,.metro-page h2{font-family:Inter,system-ui,-apple-system,sans-serif!important;font-weight:800!important;}

.screen-tuner .bottom-tools{visibility:hidden!important;}
.screen-tuner .readings{grid-template-columns:1fr 1fr .85fr!important;}
.metro-reading{display:flex;align-items:center;justify-content:center;border:0!important;}
.metro-reading-button{display:flex;align-items:center;gap:5px;border:0;background:transparent;color:#4A3392;font-weight:800;font-size:11px;min-height:40px;padding:3px;}
.metro-reading-button svg{width:22px;height:22px;}
.metro-reading-button[aria-pressed="true"]{background:#4A3392;color:#F3EEFB;border-radius:10px;}
.screen-tuner .volume-line{border:1px solid #7C5FCF55;border-radius:12px;padding:8px 7px;box-sizing:border-box;}
.tuner{--ink:#4A3392!important;}
.metro-page,.metro-page input,.metro-page select,.metro-page button,.panel-content,.panel-content input,.panel-content select,.panel-content button,.listen-toolbar{color:#4A3392!important;}
.metro-page .metro-start,.metro-page button[aria-pressed="true"],.panel-action,.listen-toolbar button{color:#F3EEFB!important;}
.sound-duration input{padding:8px;border:1px solid #7C5FCF;border-radius:8px;background:#F3EEFB;}
.screen-tuner .bottom-tools{display:none!important;}

/* Reserve permanente au-dessus des cimes du menu. */
.screen-tuner .lower-info{top:auto!important;bottom:120px!important;}
.metro-page .large-beats span{background:#7C5FCF33!important;color:#4A3392!important;border:1px solid #7C5FCF!important;}
.metro-page .large-beats span.lit,.metro-page .beat-lights span.lit,.metro-page .beat-lights span.first.lit{background:#4A3392!important;color:#F3EEFB!important;border-color:#4A3392!important;}
.metro-page .beat-lights span{color:#4A3392!important;border-color:#7C5FCF!important;}
.metro-page .beat-lights{border:1px solid #7C5FCF66;border-bottom:0;border-radius:12px 12px 0 0;margin-bottom:0!important;padding:6px;}
.metro-page .metro-views{border-left:1px solid #7C5FCF66;border-right:1px solid #7C5FCF66;margin:0!important;padding:4px;}
.metro-page .meter-presets{border:1px solid #7C5FCF66;border-top:0;border-radius:0 0 12px 12px;margin-top:0!important;padding:6px;}
.metro-page .tempo-controls,.metro-page .metro-bottom{border:1px solid #7C5FCF66;border-radius:12px;padding:7px;box-sizing:border-box;}
.metro-page{max-height:calc(100% - 35cqw - 110px);overflow-y:auto;scrollbar-width:thin;}
.metro-page h2,.metro-page label,.metro-page small,.metro-heading span,.pendulum-caption{color:#4A3392!important;}
.metro-page .metro-display{height:42cqw!important;min-height:0!important;}
.metro-page .pendulum{max-height:90%;}

/* V10: disposition en flux, sans superposition des panneaux. */
.app-screen,.mobile-scroll-content{background:#F3EEFB!important;}
.tuner.framed{min-height:var(--available-height,852px)!important;box-sizing:border-box;}
.composition{height:auto!important;min-height:calc(var(--available-height,852px) - 54px)!important;display:flex;flex-direction:column;align-items:center;gap:16px;padding-bottom:0;box-sizing:border-box;}
.hero{position:relative!important;inset:auto!important;width:100%;height:40cqw!important;flex:none;}
.screen-tuner .wheel-section,.screen-accordeur .wheel-section{position:relative!important;left:auto!important;top:auto!important;width:94cqw!important;height:95.8cqw!important;flex:none;}
.screen-tuner .lower-info{position:relative!important;top:auto!important;bottom:auto!important;left:auto!important;width:90%!important;margin:0!important;}
.screen-tuner .cents,.screen-tuner .scale-label{display:none!important;}
.app-navigation{position:relative!important;inset:auto!important;flex:none;margin-top:auto!important;padding-top:14px!important;}
.app-navigation:before{top:-27px!important;}
.lower-info{margin-bottom:28px!important;}
.screen-tuner .lower-info{margin-bottom:28px!important;}
.metro-page{position:relative!important;top:auto!important;left:auto!important;width:92%!important;max-height:none!important;overflow:visible!important;transform:none!important;margin:0 auto 35px!important;padding:10px!important;box-sizing:border-box;}
.persistent-metronome{width:100%;}
.persistent-metronome[hidden]{display:none!important;}
.metro-page .tempo-controls{height:auto!important;min-height:105px;align-items:stretch;gap:8px!important;padding:8px!important;}
.metro-page .tempo-value{min-width:0;}
.metro-page .tempo-value>div{height:34px!important;margin-top:4px!important;}
.metro-page .tempo-controls>button{min-height:90px;}
.metro-page .metro-bottom{min-height:55px;gap:8px!important;}
.metro-page .metro-views button[aria-pressed="true"]{color:#4A3392!important;background:#7C5FCF22!important;border-radius:7px;}
.metro-page .pendulum{height:calc(100% - 42px)!important;max-height:none!important;top:5px!important;}
.metro-page .pendulum-caption{bottom:8px!important;line-height:18px!important;}
.metro-page .metro-display{height:44cqw!important;}
button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid #4A3392;outline-offset:3px;}
.tuner.standalone{max-width:560px;margin:auto;min-height:100dvh!important;}
@media(max-width:600px){.tuner.standalone{max-width:100%;}}
.screen-tuner .wheel-section,.screen-accordeur .wheel-section{transform:none!important;margin:0 auto!important;}
.tuner.standalone .composition{min-height:var(--available-height,100dvh)!important;}
body:has(.tuner.standalone){background:#F3EEFB;}
.screen-metronome .hero{height:34cqw!important;}
.screen-accordeur .lower-info{position:relative!important;inset:auto!important;width:90%!important;margin:0!important;}
.screen-accordeur .listen-toolbar{position:relative!important;inset:auto!important;width:90%!important;margin:0 0 28px!important;box-sizing:border-box;}
.screen-accordeur .bottom-tools{display:none!important;}

/* Limite de largeur calculée aussi depuis la hauteur utile. */
.tuner.standalone{width:min(100%,560px,calc((100dvh - 280px)/1.4))!important;min-width:min(100%,320px);}
.tuner.standalone .composition{min-height:100dvh!important;gap:12px!important;}
.tuner.standalone .app-navigation{margin-top:0!important;}
.tuner.standalone.screen-tuner .wheel-section{margin-top:auto!important;margin-bottom:auto!important;}
.tuner.standalone.screen-metronome .hero{height:30cqw!important;}
.tuner.standalone.screen-metronome .app-navigation,.tuner.standalone.screen-accordeur .app-navigation{margin-top:auto!important;}
.tuner.standalone.screen-accordeur .wheel-section{width:80cqw!important;height:81.5cqw!important;}
@media(max-height:650px) and (min-width:650px){.tuner.standalone{width:420px!important;} .tuner.standalone .composition{min-height:100dvh!important;}}
/* Garder le groupe roue-commandes solidaire, comme la référence Galaxy S8. */
.tuner.standalone.screen-tuner .wheel-section{margin-bottom:0!important;}
.tuner.standalone .metro-page .metro-display{height:32cqw!important;}
/* Restaurer les valeurs centrales ; seules les graduations sont retirées. */
.screen-tuner .cents{display:flex!important;}
.screen-tuner .scale-label{display:block!important;}

/* V12 : centrer la roue dans l’espace libre, cadres ancrés en bas. */
.tuner.standalone.screen-tuner .wheel-section{margin-top:auto!important;margin-bottom:auto!important;}

/* V13 : contenu validé par utilisateur. */
.screen-tuner .cents,.screen-tuner .scale-label{display:none!important;}
.metro-reading-button{flex-direction:column;justify-content:center;gap:4px;width:100%;font-size:clamp(12px,3.4cqw,18px);line-height:1.15;}
.metro-reading-button svg{width:22px;height:22px;flex:none;}

/* Variante 5 choisie : paysage lilas sur toute la surface. */
.tuner:before{background:linear-gradient(#f3eefb66,#f3eefbcc),url(./paysage_lilas_filigrane_GPT.webp) center/cover!important;opacity:1!important;height:100%!important;inset:0!important}
.hero{background:transparent!important}
.readings,.volume-control{background:#f3eefbd9!important}
.app-navigation{background:transparent!important}
.selected-landscape-phrase{position:absolute;top:64%;left:27%;width:46%;text-align:center;font:500 clamp(10px,2.9cqw,15px)/1.5 system-ui;color:#6E6884;pointer-events:none;z-index:3}

/* Ajustements Accordeur et métronome. */
.screen-accordeur .selected-landscape-phrase{display:none!important}
.tuner.standalone.screen-accordeur .wheel-section{margin-top:auto!important;margin-bottom:auto!important}
.tuner.standalone.screen-accordeur .app-navigation{margin-top:0!important}
.tuner.standalone.screen-metronome .hero{height:36cqw!important}
.metro-page .pendulum-caption{display:none!important}
.metro-page .pendulum{height:calc(100% - 16px)!important;top:8px!important}
.metro-page .pendulum img{object-fit:contain!important;width:100%!important;height:100%!important;left:0!important}
.metro-page .metro-views{display:grid!important;grid-template-columns:1fr 1fr;gap:4px!important;border:1px solid #cbbbe9!important;border-radius:12px;background:#e5dcf5;padding:4px!important;margin:8px 0!important}
.metro-page .metro-views button{border:0!important;border-radius:8px!important;padding:9px 4px!important;background:transparent!important;color:#4A3392!important;min-width:0}
.metro-page .metro-views button[aria-pressed="true"]{background:#4A3392!important;color:#F3EEFB!important;box-shadow:0 2px 4px #4a33921a}
.tempo-value input[type=number]{appearance:textfield!important;-moz-appearance:textfield!important}
.tempo-value input::-webkit-inner-spin-button,.tempo-value input::-webkit-outer-spin-button{-webkit-appearance:none!important;margin:0}
.tuner.standalone.screen-metronome .composition{gap:8px!important}
.metro-page .metro-views{margin:4px 0!important}
.metro-page .metro-views button{padding:6px 4px!important}
.metro-page .tempo-controls{min-height:92px!important}
.metro-page .tempo-controls>button{min-height:76px!important}
.tuner.standalone .metro-page{margin-bottom:28px!important}
.tuner.standalone .metro-page .metro-display{height:28cqw!important}
/* Accordeur : objectif réel et félicitation alpine. */
.screen-accordeur .hero{height:30cqw!important}
.tuner.standalone.screen-accordeur .wheel-section{width:min(94cqw,calc(100svh - 440px))!important;height:auto!important;aspect-ratio:1/1.02;margin:auto!important}
.screen-accordeur .live-gauge{position:absolute;left:26%;top:54%;width:48%;height:4px;border-radius:3px;background:#c8b9e4;z-index:4}
.live-gauge .gauge-zone{position:absolute;left:40%;width:20%;height:10px;top:-3px;border-radius:5px;background:#7c5fcf35}.gauge-zero{position:absolute;left:50%;height:14px;top:-5px;border-left:1px solid #4a3392}.live-gauge b{position:absolute;width:10px;height:10px;border-radius:50%;background:#4a3392;top:-3px;transform:translateX(-50%);transition:left .1s linear}.gauge-mid{position:absolute;top:10px;left:50%;transform:translateX(-50%);font-size:10px;color:#4a3392}
.screen-accordeur .scale-label{top:57%!important;color:#4a3392!important;font-size:10px!important}.screen-accordeur .cents{top:64%!important;color:#4a3392!important;text-shadow:none!important}.screen-accordeur .cents strong,.screen-accordeur .cents span{color:#4a3392!important;text-shadow:none!important}.screen-accordeur .horn-fill{filter:brightness(1.35) drop-shadow(0 0 3px #b6a0ff)}
.screen-accordeur .listen-toolbar{margin:0!important;padding:8px!important;font-size:11px!important;gap:4px!important}.listen-toolbar button{min-height:32px!important;padding:5px!important}.listen-toolbar>span{font-size:11px!important}
.hold-card{width:90%;padding:12px;border:1px solid #c7b6e8;border-radius:15px;background:#f3eefbee;color:#4a3392;margin-bottom:28px;flex:none;box-sizing:border-box}.hold-head{display:flex;justify-content:space-between;gap:8px;font-size:12px;align-items:center}.hold-head span{white-space:nowrap;font-variant-numeric:tabular-nums;font-weight:800}.hold-card progress{width:100%;height:6px;display:block;margin:9px 0;accent-color:#7c5fcf}.hold-advice{font-size:14px;line-height:1.4}.hold-advice strong{display:block;font-size:18px}.hold-advice span{display:block}.hold-award{display:flex;align-items:center;justify-content:center;gap:14px;height:42px;margin-bottom:6px;animation:hold-bloom .7s ease-out}.hold-award svg{width:40px;height:40px}.hold-award img{width:30px;height:36px;object-fit:contain}.hold-card.achieved{border:2px solid #7c5fcf;background:linear-gradient(140deg,#fff,#e9dff8);box-shadow:0 0 24px #7c5fcf35}.achieved .hold-advice{text-align:center}@keyframes hold-bloom{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.hold-award{animation:none}.live-gauge b{transition:none}}

/* La roue utilise l'espace restant mesuré, y compris la récompense. */
.screen-accordeur .composition{gap:8px!important}
.tuner.standalone.screen-accordeur .wheel-section{width:min(94cqw,var(--accordeur-wheel,70cqw))!important}
.screen-accordeur .scale-label{text-shadow:none!important}
.screen-accordeur .hold-card{min-height:160px;margin-bottom:26px;padding:10px}
.screen-accordeur .listen-toolbar{line-height:1.2!important}
.screen-accordeur .listen-toolbar>div{margin:4px 0!important}
.screen-accordeur .app-navigation{height:70px!important}

/* Accordeur calé sur le Tuner ; les commandes restent dans le flux sous la roue. */
.tuner.standalone.screen-accordeur .hero{height:40cqw!important}
.tuner.standalone.screen-accordeur .composition{gap:12px!important}
.tuner.standalone.screen-accordeur .wheel-section{width:94cqw!important;height:95.8cqw!important;aspect-ratio:auto!important;margin-top:var(--tuner-wheel-gap,0px)!important;margin-bottom:0!important}
.tuner.standalone.screen-accordeur .app-navigation{height:80px!important}

/* Navigation Accordeur toujours visible, avec espace réservé dans le contenu. */
.tuner.standalone.screen-accordeur .composition{padding-bottom:calc(112px + env(safe-area-inset-bottom,0px))!important}
.tuner.standalone.screen-accordeur .app-navigation{position:fixed!important;top:auto!important;bottom:0!important;left:50%!important;transform:translateX(-50%);width:var(--accordeur-nav-width,100%)!important;height:calc(80px + env(safe-area-inset-bottom,0px))!important;padding-bottom:calc(22px + env(safe-area-inset-bottom,0px))!important;margin:0!important;z-index:30;background:#F3EEFB!important}
.tuner.standalone.screen-accordeur .app-navigation:before{background-color:#F3EEFB!important}

/* Design 3 validé : tonalité commune et commandes d'écoute discrètes. */
.tuner .hero,.tuner.standalone.screen-accordeur .hero,.tuner.standalone.screen-metronome .hero{height:clamp(132px,18svh,170px)!important}
.mock-brand{top:6px!important;height:calc(100% - 40px)!important}.mock-logo{height:100%!important;object-fit:contain!important}.mock-shield{top:65%!important;height:25px!important;width:25px!important;left:calc(50% - 12.5px)!important}
.cor-key{position:absolute;bottom:0;left:50%;transform:translateX(-50%);white-space:nowrap;border:1px solid #c9b8e7;border-radius:22px;padding:5px 12px;background:#f8f5fcdd;color:#4a3392;font-size:12px;line-height:20px;z-index:6}.cor-key strong{font-size:16px;margin-left:4px;font-weight:800}.panel-key{position:relative;left:auto;bottom:auto;transform:none;text-align:center;margin:0 28px 18px 0}
.tuner.standalone.screen-accordeur .composition{height:var(--available-height,100svh)!important;min-height:0!important;gap:8px!important;padding-bottom:0!important}
.screen-accordeur .hero{order:0}.screen-accordeur .compact-mic{order:1}.screen-accordeur .wheel-section{order:2}.screen-accordeur .hold-card{order:3}.screen-accordeur .app-navigation{order:4}
.tuner.standalone.screen-accordeur .wheel-section{width:min(94cqw,var(--accordeur-wheel,80cqw))!important;height:auto!important;aspect-ratio:1/1.02!important;margin:auto!important}
.screen-accordeur .compact-mic{display:flex!important;align-items:center!important;height:36px!important;width:86%!important;padding:2px 8px!important;border:0!important;border-radius:24px!important;background:#e5dbf499!important;flex:none;gap:8px!important}
.screen-accordeur .compact-mic button{display:flex;align-items:center;gap:5px;min-height:32px!important;background:transparent!important;color:#4a3392!important;font-size:12px!important;border:0!important;padding:3px!important;white-space:nowrap}.compact-mic button svg{width:18px;height:18px}.compact-mic span{margin-left:auto;font-size:10px!important}.compact-mic meter{width:38px;flex:none}
.screen-accordeur .hold-card{height:130px!important;min-height:130px!important;position:relative;padding:8px 12px!important;margin:0 0 26px!important;border:0;border-top:1px solid #cbbbe6;border-bottom:1px solid #cbbbe6;border-radius:0;background:#f7f2fbc9;text-align:center;overflow:hidden}
.hold-head{flex-direction:column;gap:2px;font-size:12px}.hold-head span{font-size:20px}.hold-card progress{height:5px;margin:6px 0}.hold-advice{font-size:12px;line-height:1.3}.hold-advice strong{font-size:16px}.hold-award{position:absolute;right:5px;bottom:7px;width:65px;height:30px;margin:0;gap:2px}.hold-award svg{width:22px;height:22px}.hold-award img{width:21px;height:26px}.achieved .hold-advice{padding-right:58px}.hold-card.achieved{border:1px solid #7c5fcf;border-radius:15px}
.tuner.standalone.screen-accordeur .app-navigation{position:relative!important;inset:auto!important;transform:none!important;width:100%!important;height:80px!important;flex:none!important;margin:0!important;padding-bottom:22px!important;background:transparent!important}.screen-accordeur .app-navigation:before{background-color:transparent!important}

/* Réglages : feuille lilas et sections thématiques. */
.desktop-panel,.bottom-sheet{background:#f3eefb!important;color:#4a3392!important;border:1px solid #c9b8e7!important;box-shadow:0 12px 50px #35225c33!important}
.desktop-panel{max-height:90dvh!important;overflow-y:auto!important;padding:22px!important;width:min(480px,calc(100% - 24px))!important;border-radius:24px!important}
.modal-backdrop{background:#30204766!important;backdrop-filter:blur(5px)}
.panel-content{gap:12px!important;color:#4a3392!important}.panel-content .panel-key{margin-bottom:4px!important}
.settings-group{padding:15px;border:1px solid #d5c7ec;border-radius:17px;background:#faf7fddd;display:grid;gap:12px}.settings-group h3{font-size:16px;margin:0;color:#4a3392}.settings-group label{font-size:13px;position:relative;font-weight:600;gap:6px}.settings-group output{float:right;font-weight:800}.settings-group p{font-size:12px!important;line-height:1.5!important;margin:0;color:#746687!important}.settings-group input[type=number],.settings-group select{min-height:40px;padding:8px 10px;border:1px solid #c9b8e7!important;border-radius:10px;background:#f3eefb!important;color:#4a3392!important;font:14px system-ui;min-width:0;box-sizing:border-box}.settings-group input{accent-color:#7c5fcf!important}.settings-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px}.settings-about a{display:inline-flex;align-items:center;min-height:40px;color:#4a3392;font-weight:700}.close-panel{color:#4a3392!important;background:#eee5f8!important;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;z-index:2}.sheet-content{background:#f3eefb!important}.sheet-handle{background:#b7a3d9!important}

/* Continuité du paysage sous les cimes du menu. */
.tuner.standalone.screen-accordeur .app-navigation:before{background-color:transparent!important}

/* En-tête indépendant du contenu défilant : fermeture toujours accessible. */
.desktop-panel{display:flex!important;flex-direction:column!important;overflow:hidden!important;padding:0!important;max-height:90dvh!important}
.settings-sheet-header{position:relative;flex:none;padding:20px 62px 16px 22px;background:#f3eefb;border-bottom:1px solid #d5c7ec}.settings-sheet-header h2{margin:0!important;font-size:22px}.settings-sheet-header .close-panel{top:14px!important;right:14px!important;width:40px!important;height:40px!important}
.desktop-panel>.panel-content{overflow-y:auto!important;min-height:0;padding:16px 20px 24px;overscroll-behavior:contain;scrollbar-width:thin}
.bottom-sheet .sheet-header{flex:none;padding-right:60px}.bottom-sheet .sheet-content{position:static!important;min-height:0}.bottom-sheet .panel-content{position:static!important}.bottom-sheet .close-panel{position:absolute!important;top:27px!important;right:14px!important;width:40px!important;height:40px!important;z-index:5}
html[data-motion="reduced"] .hold-award,html[data-motion="reduced"] .celebration,html[data-motion="reduced"] .spark{animation:none!important}html[data-motion="reduced"] .horn,html[data-motion="reduced"] .live-gauge b{transition:none!important}

html:not([lang=fr]) .app-navigation button span{font-size:clamp(9px,2.55vw,13px)}html:not([lang=fr]) .compact-mic button{font-size:clamp(11px,3vw,15px)}html:not([lang=fr]) .hold-head strong{font-size:clamp(12px,3.3vw,17px)}.settings-group select{max-width:100%}
@media(max-height:780px){.tuner.standalone .metro-page{margin-bottom:10px!important}.tuner.standalone .metro-page .metro-display{height:24cqw!important}}

/* accordage-25-09 — « Accorder l’app sur ton cor ». Classes neuves : rien d’existant n’est touché. */
.calib-voile{position:fixed;inset:0;z-index:60;background:#241845aa;display:flex;align-items:flex-end;justify-content:center;padding:0}
.calib-feuille{position:relative;width:min(100%,560px);max-height:92dvh;overflow-y:auto;box-sizing:border-box;
  background:#F3EEFB;color:#4a3392;border-radius:24px 24px 0 0;padding:18px 16px calc(18px + env(safe-area-inset-bottom,0px));
  font-family:Inter,system-ui,-apple-system,sans-serif;box-shadow:0 -10px 40px #24184555}
.calib-feuille h3{font:800 19px Inter,sans-serif;margin:0 30px 6px 0}
.calib-p{font-size:14px;line-height:1.45;color:#5c527a;margin:0 0 10px}
.calib-p b{color:#4a3392}
.calib-petit{font-size:11px;line-height:1.35;color:#6E6884;margin:10px 0 0}
.calib-liste{font-size:13px;line-height:1.5;margin:0 0 10px 18px;padding:0}
.calib-liste li{margin-bottom:3px}
.calib-fermer{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:50%;border:0;background:#e6dcf6;color:#4a3392;font-size:15px;line-height:1;cursor:pointer}
.calib-gros{width:100%;font:800 15px Inter,sans-serif;padding:13px;border-radius:14px;border:0;background:#4A3392;color:#fff;cursor:pointer;margin-top:8px}
.calib-gros.second{background:transparent;color:#4A3392;border:2px solid #4A3392}
.calib-gros.court{font-size:14px;white-space:nowrap;padding:12px 6px}
.calib-gros.apres-aide{margin-top:16px}
.calib-suite{display:flex;gap:6px;justify-content:center;margin:8px 0 12px;padding:0;list-style:none}
.calib-suite li{flex:1;border:1.5px solid #cbbde6;border-radius:11px;padding:7px 2px;text-align:center;background:#fff}
.calib-suite b{display:block;font:900 15px Inter,sans-serif;line-height:1.1}
.calib-suite small{font:700 10px Inter,sans-serif;color:#6E6884}
.calib-suite li.faite{background:#eefaf2;border-color:#14532D}
.calib-suite li.faite b,.calib-suite li.faite small{color:#14532D}
.calib-suite li.ratee{background:#fdf0f0;border-color:#B91C1C;opacity:.75}
.calib-suite li.encours{background:#fff6e6;border-color:#B45309;box-shadow:0 0 0 3px #b4530922}
.calib-suite li.encours b{color:#B45309}
.calib-rond{position:relative;width:130px;height:130px;margin:2px auto 6px}
.calib-rond svg{width:100%;height:100%;display:block}
.calib-centre{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.05}
.calib-centre b{font:900 30px Inter,sans-serif}
.calib-centre b.cpt{font-size:38px;color:#B45309}
.calib-centre small{font:800 11px Inter,sans-serif;color:#6E6884}
.calib-consigne{text-align:center;font:800 15px Inter,sans-serif;margin:0}
.calib-consigne.vert{color:#14532D}.calib-consigne.orange{color:#B45309}
.calib-sous{text-align:center;font-size:12.5px;color:#6E6884;margin:2px 0 6px}
.calib-res{background:#eefaf2;border:2px solid #14532D;border-radius:16px;padding:12px;text-align:center;margin-bottom:10px}
.calib-res strong{display:block;font:900 30px Inter,sans-serif;color:#14532D;line-height:1.1}
.calib-res span{font-size:12.5px;color:#3d6b4f}
.calib-avap{display:flex;gap:9px;margin-bottom:10px}
.calib-avap>div{flex:1;background:#fff;border:1px solid #cbbde6;border-radius:12px;padding:8px;text-align:center}
.calib-avap small{display:block;font:800 10px Inter,sans-serif;text-transform:uppercase;letter-spacing:.06em;color:#6E6884}
.calib-avap b{display:block;font:900 18px Inter,sans-serif;line-height:1.2}
.calib-avap b.rouge{color:#B91C1C}.calib-avap b.vert{color:#14532D}
.calib-avap span{font-size:11px;color:#6E6884;line-height:1.25;display:block}
.calib-avert{font-size:12px;line-height:1.35;color:#8a5a12;background:#fdf5ea;border-left:3px solid #B45309;padding:7px 9px;border-radius:0 8px 8px 0;margin:0 0 10px}
/* la pastille du haut devient un bouton */
button.cor-key{border:1px solid #c9b8e7;cursor:pointer;font-family:inherit;font-weight:600}
button.cor-key strong{font-weight:800}
@media(prefers-reduced-motion:reduce){.calib-rond circle{transition:none}}

/* accordage-bouton-28-09 — le bouton des Réglages héritait d’un fond brun foncé avec un texte violet
   (mesuré : #4A3392 sur rgb(62,57,43), illisible). On lui donne les couleurs de l’app. */
.panel-action.calib-appel{background:#4A3392!important;color:#F3EEFB!important;border:0!important;border-radius:14px!important;font-weight:800!important;box-shadow:none!important}