.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:repeat(3,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}

.jeu-sw{position:absolute;bottom:-26px;left:50%;transform:translateX(-50%);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:184px;border:1px solid #c9b8e7;border-radius:16px;overflow:hidden;background:#f8f5fcdd;z-index:6;white-space:nowrap}
.jeu-sw button{text-align:center;border:0;outline:0;box-shadow:none;background:transparent;color:#4a3392;font-family:inherit;font-size:11px;line-height:16px;font-weight:600;padding:3px 4px;min-width:0;cursor:pointer}
.jeu-sw button.jeu-actif{background:#7C5FCF;color:#fff;box-shadow:none;outline:0}
.hors-ligne p{margin:0;font-size:13px;color:#6b6288}.hl-badge{display:inline-flex;align-self:flex-start;border-radius:14px;padding:4px 10px;font-size:13px;font-weight:600}.hl-pret,.hl-pret2{background:#e3f4ea;color:#1f7a4d}.hl-prep{background:#fff1d6;color:#8a5a00}.hl-non{background:#ebe6f5;color:#6b6288}.hl-bar{height:8px;border-radius:5px;background:#ebe6f5;overflow:hidden}.hl-bar i{display:block;height:100%;background:#7C5FCF;transition:width .3s}.hl-row{display:flex;justify-content:space-between;gap:10px;font-size:14px;color:#2f2457}.hl-row span:last-child{color:#6b6288;font-size:13px}.settings-group .hl-btn{font:inherit!important;font-size:14px!important;font-weight:600!important;border:0!important;border-radius:12px!important;background:#4a3392!important;color:#fff!important;padding:10px 14px!important;cursor:pointer;width:100%}.settings-group .hl-btn:disabled{opacity:.6}

.cor-key-split{display:flex;align-items:stretch;padding:0;cursor:default;z-index:8}.cor-key-split>button{font:inherit;font-weight:600;border:0;background:transparent;color:#4a3392;padding:5px 8px;cursor:pointer;box-shadow:none;outline:0}.cor-key-split>.ck-acc{font-size:11px;padding:5px 9px 5px 8px}.cor-key-split>.ck-ton{border-right:1px solid #c9b8e7;border-radius:22px 0 0 22px}.cor-key-split>.ck-acc{border-radius:0 22px 22px 0}.cor-key-split>button:focus-visible,.ck-menu button:focus-visible{outline:2px solid #4a3392;outline-offset:-2px}.cor-key-split strong{font-size:16px;margin-left:2px;font-weight:800}.ck-menu{position:absolute;left:0;top:calc(100% + 6px);z-index:9;background:#fff;border:1px solid #c9b8e7;border-radius:14px;padding:5px;display:flex;flex-direction:column;gap:3px;box-shadow:0 6px 18px #4a339233;min-width:96px}.ck-menu button{font:inherit;font-size:15px;font-weight:700;text-align:left;border:0;border-radius:10px;background:transparent;color:#4a3392;padding:8px 18px;cursor:pointer;box-shadow:none;outline:0}.ck-menu button[aria-checked=true]{background:#7C5FCF;color:#fff}

.cor-key-split>.ck-ton{position:relative;display:flex;align-items:center;padding:5px 8px;border-right:1px solid #c9b8e7;border-radius:22px 0 0 22px;cursor:pointer;color:#4a3392;font-weight:600}.ck-ton select{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;opacity:0!important;margin:0!important;padding:0!important;border:0!important;font-size:16px!important;cursor:pointer;-webkit-appearance:none;appearance:none;background:transparent!important}.ck-ton:focus-within{outline:2px solid #4a3392;outline-offset:-2px}
.cor-key-split>.ck-ton{min-width:84px;justify-content:center;box-sizing:border-box}
/* Vue Partition du métronome (05.10) : la note choisie sur la roue, sur une portée. Pas de son propre. */
.metro-page .partition{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px;box-sizing:border-box;pointer-events:none}
.metro-page .partition-svg{width:100%;max-height:calc(100% - 22px)}
.metro-page .partition-cap{font-size:13px;font-weight:700;color:#6E6884;margin-top:2px}
.metro-page .metro-views button{font-size:13px}
/* Point 6 (05.10) : rien n'est sélectionnable dans le rond (web comme iPhone). Seules les 16 notes réagissent au toucher. */
.wheel-section,.wheel-section *{-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important;-webkit-tap-highlight-color:transparent}
.wheel-section img,.wheel-section svg{-webkit-user-drag:none;user-drag:none}
.wheel-section ::selection{background:transparent}
/* Retour de Fred 05.10 : « les boutons dépassent ». Les temps, le choix de la vue et les mesures formaient un seul cadre troué ;
   chacun est maintenant sa propre carte, bordure complète, même largeur, rien ne dépasse. */
.metro-page .beat-lights{border:1px solid #7C5FCF66!important;border-radius:12px!important;margin:8px 0 0!important;box-sizing:border-box;width:100%}
.metro-page .meter-presets{border:1px solid #7C5FCF66!important;border-radius:12px!important;margin:8px 0 0!important;box-sizing:border-box;width:100%}
.metro-page .metro-views{margin:8px 0 0!important;box-sizing:border-box;width:100%;max-width:100%}
.metro-page .metro-views button{white-space:normal;line-height:1.15;font-size:12.5px}

/* ===== MAQUETTE 18.10 : onglets Objectif / Justesse / Harmoniques dans la carte du bas ===== */
html.web-app .tuner.standalone.screen-accordeur.analyse-on .hold-card.analyse-card{min-height:0!important;height:142px!important;display:flex!important;flex-direction:column;overflow:hidden;padding:7px 10px!important;margin:0!important;grid-row:4;align-self:end;position:relative;z-index:3}
.analyse-onglets{display:flex;gap:3px;padding:3px;border-radius:10px;background:#e5dcf5;margin:0 0 6px;flex:none}
.analyse-onglets button{flex:1;min-width:0;border:0;border-radius:8px;padding:5px 2px;font-size:12px;background:transparent;color:#4a3392;cursor:pointer}
.analyse-onglets button[aria-pressed="true"]{background:#4a3392;color:#fff}
.analyse-corps{flex:1;min-height:0;display:flex;flex-direction:column}
.analyse-corps canvas{flex:1;min-height:0;width:100%;display:block;background:#fff;border:1px solid #cbbde6;border-radius:10px}
.analyse-stats{display:flex;gap:8px;align-items:center;font-size:11px;margin-top:5px;flex:none;color:#4a3392;white-space:nowrap}
.analyse-stats span{font-weight:700;font-variant-numeric:tabular-nums}
.analyse-stats .s-ok{color:#1f7a42}.analyse-stats .s-mid{color:#b86e00}.analyse-stats .s-bad{color:#b83030}
.analyse-stats em{margin-left:auto;font-style:normal;color:#6E6884}
.analyse-stats .couleur-son{font:700 14px Georgia,serif}
.harm-bars{flex:1;min-height:0;display:grid;grid-template-columns:repeat(8,1fr);gap:5px;align-items:end;padding:2px 2px 0}
.harm-col{height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:2px}
.harm-col i{display:block;width:100%;border-radius:4px 4px 0 0;background:#7c5fcf;transition:height .08s linear}
.harm-col i.f0{background:#4a3392}
.harm-col b{font-size:11px;color:#4a3392;flex:none}
.analyse-vide{margin:auto;text-align:center;font-size:12px;color:#6E6884}


/* 18.10 : la roue de l'Accordeur est exactement au même endroit que dans le Tuner : mêmes rangées, même hauteur (rien ne bouge d'un onglet à l'autre) */
html.web-app .tuner.standalone.screen-accordeur.scenic .composition{grid-template-rows:154px 34px minmax(0,1fr) 112px 100px!important;height:max(var(--available-height,100dvh),calc(430px + var(--web-wheel,300px) * 1.02))!important}
html.web-app .tuner.standalone.screen-accordeur.scenic .listen-toolbar{transform:translateY(30px)!important}

/* 18.10 : même design que les cartes du Tuner (cadre arrondi, fond, bordure, ombre, polices Inter) */
html.web-app .tuner.standalone.screen-accordeur.analyse-on .hold-card.analyse-card{background:rgba(243,238,251,.85)!important;border:1px solid #d3c6ed!important;border-radius:13px!important;box-shadow:0 3px 14px rgba(74,51,146,.047)!important;font-family:Inter,system-ui,-apple-system,sans-serif!important}
.analyse-onglets{border-radius:10px;background:rgba(124,95,207,.12)}
.analyse-onglets button{font-family:Inter,system-ui,sans-serif;font-weight:700;font-size:12px}
.analyse-corps canvas{background:rgba(255,255,255,.7);border:1px solid rgba(124,95,207,.333);border-radius:12px}
.analyse-stats{font-family:Inter,system-ui,sans-serif;font-size:10.75px}
.analyse-stats span{font-weight:800}
.analyse-stats em{color:#6e6884}
.analyse-stats .couleur-son{font:800 14px Inter,system-ui,sans-serif}
.harm-col b{font-family:Inter,system-ui,sans-serif;font-weight:800;font-size:11px}
.analyse-vide{font-family:Inter,system-ui,sans-serif;color:#6e6884}

/* 18.10 (tenue) : onglets = même sélecteur que « Jeu 1 · Sec / Jeu 2 · Salle » du Tuner ; textes = mêmes tailles/graisses/couleurs que les cartes du Tuner */
.analyse-onglets{display:flex;gap:0;padding:0;margin:0 0 6px;border-radius:16px;background:rgba(248,245,252,.867);border:1px solid #c9b8e7;overflow:hidden;height:24px;box-sizing:border-box}
.analyse-onglets button{flex:1;min-width:0;border:0;border-radius:0;padding:0;margin:0;height:22px;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:11px;font-weight:600;color:#4a3392;background:transparent;line-height:22px}
.analyse-onglets button[aria-pressed="true"]{background:#7c5fcf;color:#fff}
.analyse-stats{font-size:10.75px;font-weight:400;color:#6e6884;margin-top:4px}
.analyse-stats span{font-size:10.75px;font-weight:800}
.analyse-stats em{font-size:10.75px;color:#6e6884}
.analyse-stats .couleur-son{font:800 14.62px Inter,system-ui,sans-serif;color:#4a3392}
.harm-col b{font-size:10.75px;font-weight:400;color:#6e6884}

/* 18.10 (tenue) : l'onglet Objectif a la même carte (même cadre, même hauteur, même place) que Justesse et Harmoniques */
html.web-app .tuner.standalone.screen-accordeur .hold-card:has(.analyse-onglets){min-height:0!important;height:142px!important;align-self:end;position:relative;z-index:3;overflow:hidden;box-sizing:border-box;padding:7px 10px!important;margin:0!important;background:rgba(243,238,251,.85)!important;border:1px solid #d3c6ed!important;border-radius:13px!important;box-shadow:0 3px 14px rgba(74,51,146,.047)!important}

/* 18.10 (lisibilité) : écriture plus grande, comme les valeurs du Tuner */
.analyse-onglets{height:30px!important;border-radius:16px}
.analyse-onglets button{height:28px!important;line-height:28px!important;font-size:14px!important;font-weight:700!important}
.analyse-stats{font-size:12.5px!important;margin-top:4px!important;gap:10px!important}
.analyse-stats span{font-size:13.5px!important;font-weight:800!important}
.analyse-stats em{font-size:12px!important}
.analyse-stats .couleur-son{font:800 17.63px Inter,system-ui,sans-serif!important}
.harm-col b{font-size:13px!important;font-weight:700!important}
.analyse-vide{font-size:13px!important}
.analyse-onglets button{font-size:clamp(11.5px,3.25vw,14px)!important;letter-spacing:-.1px}
.analyse-stats span{font-size:clamp(12px,3.2vw,13.5px)!important}

/* 18.10 : onglet Justesse = grand graphe + petit rond en haut (comme l'écran Analyse de TE Tuner). Seul Justesse change de disposition. */
html.web-app .tuner.standalone.screen-accordeur.analyse-justesse{--zj:.6}
@media (max-width:419px){html.web-app .tuner.standalone.screen-accordeur.analyse-justesse{--zj:.62}}
@media (max-width:389px){html.web-app .tuner.standalone.screen-accordeur.analyse-justesse{--zj:.68}}
html.web-app .tuner.standalone.screen-accordeur.analyse-justesse .wheel-section{zoom:var(--zj);align-self:start!important;margin:calc(36px / var(--zj)) auto 0!important}
html.web-app .tuner.standalone.screen-accordeur.analyse-justesse .hold-card.analyse-card{grid-row:3 / 6!important;align-self:stretch!important;height:auto!important;margin:calc(42px + var(--web-wheel,300px) * var(--zj)) 0 85px!important}

/* Proposition A : gros chiffre au centre du rond, jauge cachée */
html.web-app .tuner.standalone.screen-accordeur.analyse-justesse .live-gauge{display:none!important}
html.web-app .tuner.standalone.screen-accordeur.analyse-justesse .cents strong{font-size:calc(46px / var(--zj))!important;line-height:1!important}
html.web-app .tuner.standalone.screen-accordeur.analyse-justesse .cents span{font-size:calc(12px / var(--zj))!important;font-weight:700!important;letter-spacing:.12em}
/* ===== Page Analyse (5e bouton) — 18.10 : pas de roue, lecture en direct + grand graphe ===== */
html.web-app .tuner.standalone.screen-accordeur.analyse-page .wheel-section{visibility:hidden!important;pointer-events:none!important}
html.web-app .tuner.standalone.screen-accordeur.analyse-page .analyse-lecture{grid-row:3!important;grid-column:1!important;align-self:start!important;margin:36px 0 0!important;height:84px;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;padding:6px 12px;background:rgba(243,238,251,.85);border:1px solid #d3c6ed;border-radius:13px;box-shadow:0 3px 14px rgba(74,51,146,.047);color:#4a3392;z-index:3}
.analyse-lecture .al-note{display:flex;flex-direction:column;align-items:center;min-width:64px}
.analyse-lecture .al-note strong{font:800 34px/1 Inter,system-ui,sans-serif}
.analyse-lecture .al-note small{font:700 12px Inter,system-ui,sans-serif;opacity:.7;margin-top:2px}
.analyse-lecture .al-cents b{display:block;font:800 26px/1 Inter,system-ui,sans-serif;color:#d6479a}
.analyse-lecture .al-cents b.just{color:#1b9a45}
.analyse-lecture .al-cents span{display:block;font:700 13px Inter,system-ui,sans-serif;opacity:.8;margin-top:4px}
.analyse-lecture .al-hz{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font:600 11px Inter,system-ui,sans-serif;color:#6e6884}
.analyse-lecture .al-hz meter{width:78px;height:8px}
html.web-app .tuner.standalone.screen-accordeur.analyse-page .hold-card.analyse-card{grid-row:3 / 6!important;align-self:stretch!important;height:auto!important;margin:128px 0 85px!important}
.analyse-reglages{display:flex;gap:4px;align-items:center;margin:0 0 5px;flex:none}
.analyse-reglages button{border:1px solid #c9b8e7;background:rgba(248,245,252,.9);color:#4a3392;border-radius:14px;padding:4px 8px;font:700 11.5px Inter,system-ui,sans-serif;cursor:pointer;white-space:nowrap}
.analyse-reglages button.on{background:#7c5fcf;color:#fff;border-color:#7c5fcf}
.analyse-legende{margin-left:auto;display:flex;align-items:center;gap:3px;font:800 10.5px Inter,system-ui,sans-serif;color:#4a3392;white-space:nowrap}
.analyse-legende i{display:inline-block;width:12px;height:4px;border-radius:2px;margin-left:4px}
.analyse-legende .l-haut{background:#d6479a}.analyse-legende .l-ok{background:#1b9a45}.analyse-legende .l-bas{background:#e0861a}
.analyse-bilan{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:5px;flex:none}
.analyse-bilan div{background:rgba(248,245,252,.9);border:1px solid #d3c6ed;border-radius:9px;text-align:center;padding:3px 0;color:#4a3392}
.analyse-bilan small{display:block;font:600 9.5px Inter,system-ui,sans-serif;opacity:.7}
.analyse-bilan b{font:800 14px Inter,system-ui,sans-serif}.analyse-bilan b.s-ok{color:#1b9a45}
.analyse-aide{font:500 10px Inter,system-ui,sans-serif;color:#6e6884;text-align:center;margin:3px 0 0;flex:none}
/* menu à 5 boutons : largeurs égales, icônes (le 5e = Réglages, l'Analyse garde l'icône vectorielle) */
.app-navigation button{flex:1 1 0!important;min-width:0!important;padding-left:0!important;padding-right:0!important}
.app-navigation{padding-left:2px!important;padding-right:2px!important}
@media (max-width:389px){.app-navigation button span{font-size:10.5px!important;letter-spacing:-.2px}}
html.web-app .tuner.standalone.screen-accordeur.analyse-page .analyse-lecture{width:90%!important;justify-self:center!important;box-sizing:border-box}
@media (max-width:389px){.analyse-reglages{gap:3px}.analyse-reglages button{padding:4px 6px;font-size:11px}.analyse-legende{font-size:9.5px;gap:2px}.analyse-legende i{width:9px;margin-left:2px}}
/* bilan du graphe : écriture plus grosse, lisible sur téléphone (même gabarit que la carte de lecture du Tuner) */
.analyse-bilan{gap:5px!important;margin-top:6px!important}
.analyse-bilan div{padding:5px 0 6px!important;border-radius:11px!important}
.analyse-bilan small{font-size:clamp(11px,3.1vw,12.5px)!important;font-weight:500!important;opacity:1!important;color:#6e6884!important}
.analyse-bilan b{font-size:clamp(17px,5.1vw,21px)!important;font-weight:800!important;line-height:1.15!important}
.analyse-aide{font-size:12px!important;margin-top:5px!important}
.analyse-reglages button.mode{margin-left:auto}
.analyse-aide b{font-weight:800}

/* Menu à 5 icônes (dossier « 12.- Menu Icones_AlphornTuner_GPT », 18.10) : la même image au repos et en actif, l'actif se reconnaît à son fond arrondi */
html.native-app.web-app nav.app-navigation button::before{width:44px;height:44px;margin:-9px 0 -8px}
html.native-app.web-app nav.app-navigation button:nth-of-type(1)::before{background-image:url('./icones/menu_tuner_GPT.png')}
html.native-app.web-app nav.app-navigation button:nth-of-type(1)[aria-current=page]::before{background-image:url('./icones/menu_tuner_GPT.png')}
html.native-app.web-app nav.app-navigation button:nth-of-type(2)::before{background-image:url('./icones/menu_metronome_GPT.png')}
html.native-app.web-app nav.app-navigation button:nth-of-type(2)[aria-current=page]::before{background-image:url('./icones/menu_metronome_GPT.png')}
html.native-app.web-app nav.app-navigation button:nth-of-type(3)::before{background-image:url('./icones/menu_accordeur_GPT.png')}
html.native-app.web-app nav.app-navigation button:nth-of-type(3)[aria-current=page]::before{background-image:url('./icones/menu_accordeur_GPT.png')}
html.native-app.web-app nav.app-navigation button:nth-of-type(4)::before{background-image:url('./icones/menu_analyse_GPT.png')}
html.native-app.web-app nav.app-navigation button:nth-of-type(4)[aria-current=page]::before{background-image:url('./icones/menu_analyse_GPT.png')}
html.native-app.web-app nav.app-navigation button:nth-of-type(5)::before{background-image:url('./icones/menu_reglages_GPT.png')}
html.native-app.web-app nav.app-navigation button:nth-of-type(5)[aria-current=page]::before{background-image:url('./icones/menu_reglages_GPT.png')}