@media screen{.pde-resource-ui{color-scheme: light;--pde-ui-ink: #17324d;--pde-ui-muted: #71839b;--pde-ui-line: #e4edf5;--pde-ui-accent: #0798b3;--pde-ui-pale: #edf8fb;--pde-ui-background: #fff;color: var(--pde-ui-ink);font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;line-height: 1.65;background: var(--pde-ui-background);}.pde-resource-ui.pde-resource-white, .pde-resource-ui.is-embed{background: #fff;}.pde-resource-ui :where(input, textarea, select, button){font-family: inherit;}.pde-resource-ui :where(h1, h2, h3){line-height: 1.4;}.pde-resource-ui :where(h1){font-weight: 650;letter-spacing: -.025em;}.pde-resource-ui :where(h2, h3){font-weight: 650;}.pde-resource-ui :where(a){color: var(--pde-ui-accent);text-underline-offset: 3px;}.pde-resource-ui :is(.card, .panel, .box, .section-card, .tool-card, .form-card, .result-card, .modal-content, .dialog-card){background: #fff;border-color: var(--pde-ui-line);border-radius: 20px;box-shadow: 0 6px 24px #17324d05;}.pde-resource-ui :is(.hint, .help, .description, .subtitle, .muted){color: var(--pde-ui-muted);}.pde-resource-ui :is(input:not([type]), input[type="text"], input[type="email"], input[type="url"], input[type="search"], input[type="number"], input[type="password"], input[type="date"], input[type="time"], textarea, select){color: var(--pde-ui-ink);background-color: #fcfdff;border-color: #cddfe8;border-radius: 9px;}.pde-resource-ui :is(input, textarea, select):focus-visible{outline: none !important;outline-offset: 0 !important;border-color: var(--pde-ui-accent);}.pde-resource-ui :is(.btn-primary, .button-primary, .primary-button, .button.primary, .btn.primary, button.primary, input[type="submit"]):not(.danger):not(.error):not(.warning){color: #fff;background: #0798b3;border-color: var(--pde-ui-accent);border-radius: 9px;box-shadow: none;font-weight: 650;}.pde-resource-ui :is(.btn-primary, .button-primary, .primary-button, .button.primary, .btn.primary, button.primary, input[type="submit"]):not(:disabled):hover{background: #078ca6;}.pde-resource-ui :is(.btn-secondary, .button-secondary, .secondary-button, .button.secondary, .btn.secondary){color: var(--pde-ui-accent);background: #fff;border-color: var(--pde-ui-line);border-radius: 9px;box-shadow: none;}.pde-resource-ui :is(.btn-secondary, .button-secondary, .secondary-button, .button.secondary, .btn.secondary):not(:disabled):hover{background: var(--pde-ui-pale);}.pde-resource-ui :is(button, a, summary):focus-visible{outline: 3px solid #10a4bd;outline-offset: 4px;}.pde-resource-ui :where(button:disabled, input:disabled, select:disabled){cursor: default;}.pde-resource-ui :where(table){border-color: var(--pde-ui-line);}.pde-resource-ui :where(th){color: var(--pde-ui-ink);background-color: var(--pde-ui-pale);}.pde-resource-ui :where(hr){border-color: var(--pde-ui-line);}.pde-resource-ui :is(.pde-bulletins-app, .pde-dictees-app, .pde-voyage, .pde-ex, .pde-aesh, .pde-fiche, .pde-mot-familles, .pde-pm, .pde-read, .peda){font-family: inherit;}.pde-resource-ui :is(.rd-secondary, .pm-secondary, .peda-secondary, .ex-secondary, .aesh-secondary){background: var(--pde-ui-pale);color: var(--pde-ui-accent);}#pde-quiz-page.pde-resource-ui .pde-santa-card{color: var(--pde-ui-ink);background: #fff;border: 1px solid var(--pde-ui-line);border-radius: 20px;box-shadow: 0 6px 24px #17324d05;}#pde-quiz-page.pde-resource-ui :is(.pde-santa-title, .pde-santa-subtitle){color: var(--pde-ui-ink);}#pde-quiz-page.pde-resource-ui .pde-santa-text{color: var(--pde-ui-muted);}#pde-quiz-page.pde-resource-ui .pde-santa-btn{background: #0798b3;color: #fff;border-radius: 9px;box-shadow: none;}.pde-resource-ui :is(.rd-primary, .pm-primary, .peda-primary, .ex-primary, .aesh-primary, .pde-bulletins-primary, .pde-dictees-primary):not(:disabled):hover{background: #078ca6 !important;}@media (max-width: 600px){.pde-resource-ui :is(.card, .panel, .box, .section-card, .tool-card, .form-card, .result-card, .modal-content, .dialog-card){border-radius: 15px;}.pde-resource-ui :is(.btn-primary, .button-primary, .primary-button, .btn-secondary, .button-secondary, .secondary-button){min-height: 44px;}}@media (prefers-reduced-motion: reduce){.pde-resource-ui :is(button, input, select, textarea){transition: none;}}}
@media screen{html:has(> body.pde-resource-ui), html body.pde-resource-ui, .pde-resource-ui:not(body){background: #fff !important;}}
html:has(> body > #pde-sonometre-root), body:has(> #pde-sonometre-root){min-height: 100%;margin: 0;background: #f5fafc;}
#pde-sonometre-root{--teal: #0798b3;--navy: #17324d;--yellow: #ffbe20;--red: #f32638;font-family: system-ui, -apple-system, "Segoe UI", sans-serif;color: var(--navy);}
#pde-sonometre-root *{box-sizing: border-box;}
#pde-sonometre-root, #pde-sonometre-root{min-height: 100%;margin: 0;background: #f5fafc;}
#pde-sonometre-root button, #pde-sonometre-root input{font: inherit;}
#pde-sonometre-root .meter{width: min(1050px, 100%);min-height: 100vh;margin: auto;padding: 0 clamp(12px, 2vw, 24px) 20px;display: flex;flex-direction: column;justify-content: flex-start;}
#pde-sonometre-root .meter:fullscreen, #pde-sonometre-root .meter:-webkit-full-screen{width: 100%;max-width: none;min-height: 100vh;background: #fff;}
#pde-sonometre-root .meter::backdrop{background: #fff;}
#pde-sonometre-root .top{display: flex;flex-direction: column;align-items: stretch;gap: 10px;}
#pde-sonometre-root .meter-actions{display:flex;gap:9px;width:100%;}
#pde-sonometre-root .icon-btn{display:inline-flex;flex:1 1 0;align-items:center;justify-content:center;gap:9px;min-width:0;min-height:44px;padding:9px 14px;border:1px solid #d6e7ed;border-radius:12px;background:#fff;color:#176078;font-size:14px;font-weight:700;box-shadow:0 2px 5px rgba(23,50,77,.05);cursor:pointer;transition:background .15s,border-color .15s;}
#pde-sonometre-root .icon-btn:hover{border-color:var(--teal);background:#f1fafc;}
#pde-sonometre-root .icon-btn:focus-visible{outline:3px solid #b6e4ee;outline-offset:2px;}
#pde-sonometre-root .icon-btn svg{width:19px;height:19px;flex:0 0 19px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
#pde-sonometre-root .gauge-wrap{width: min(790px, 100%);margin: 0 auto;}
#pde-sonometre-root .gauge{display: block;width: 100%;height: auto;overflow: visible;touch-action: none;}
#pde-sonometre-root .gauge-track{fill: none;stroke: #edf2f4;stroke-width: 72;}
#pde-sonometre-root .arc-segment{fill: none;stroke-width: 72;stroke-linecap: butt;}
#pde-sonometre-root .tick{stroke: #d2dce0;stroke-width: 4;}
#pde-sonometre-root .tick.major{stroke: #fff;stroke-width: 5;}
#pde-sonometre-root .zone-limit{stroke: #fff;stroke-width: 8;filter: drop-shadow(0 0 1px #082e49);pointer-events: none;}
#pde-sonometre-root .limit-hit{stroke: transparent;stroke-width: 52;stroke-linecap: round;pointer-events: stroke;touch-action: none;cursor: grab;}
#pde-sonometre-root .zone-limit:nth-child(1){stroke: #A3AF50;}
#pde-sonometre-root .zone-limit:nth-child(2){stroke: #F75E2F;}
#pde-sonometre-root .zone-limit, #pde-sonometre-root .alert-limit{filter: drop-shadow(0 0 1px #fff);}
#pde-sonometre-root .alert-limit{stroke: #000;stroke-width: 8;pointer-events: none;}
#pde-sonometre-root .limit-hit:active{cursor: grabbing;}
#pde-sonometre-root .gauge-label{fill: var(--navy);font-size: 36px;font-weight: 800;text-anchor: middle;paint-order: stroke;stroke: #fff;stroke-width: 7px;stroke-linejoin: round;}
#pde-sonometre-root .needle-line, #pde-sonometre-root .needle-hub{fill: var(--navy);}
#pde-sonometre-root .needle-group{transition: transform .55s ease;transform-origin: 400px 400px;}
#pde-sonometre-root .reading{display: block;width: min(275px, 62%);margin: -31px auto 18px;padding: 9px 16px;border: 0;border-radius: 28px;background: #eef4f6;color: var(--navy);text-align: center;box-shadow: 0 5px 16px #082e4909;transition: background .35s ease, color .35s ease;cursor: pointer;}
#pde-sonometre-root .reading:hover{filter: brightness(.98);}
#pde-sonometre-root .reading:focus-visible{outline: 4px solid #0796a045;outline-offset: 3px;}
#pde-sonometre-root .reading.is-stopped{background: var(--teal);color: #fff;}
#pde-sonometre-root .reading.is-stopped .measurement{display: none;}
#pde-sonometre-root .reading.zone-calm{background: #dff5f4;color: #075e66;}
#pde-sonometre-root .reading.zone-medium{background: #fff0b9;color: #775000;}
#pde-sonometre-root .reading.zone-noisy, #pde-sonometre-root .reading.zone-alert{background: #ffe0e3;color: #a20f1d;}
#pde-sonometre-root .measurement{display: inline-flex;align-items: baseline;vertical-align: middle;}
#pde-sonometre-root .db{font-size: clamp(1.8rem, 4vw, 2.4rem);font-weight: 900;line-height: .95;font-variant-numeric: tabular-nums;}
#pde-sonometre-root .unit{margin-left: 4px;font-size: clamp(1rem, 2vw, 1.35rem);}
#pde-sonometre-root .status{display: inline-block;min-height: 1.3em;margin-left: 7px;font-weight: 900;}
#pde-sonometre-root .status.alert{animation: pulse .8s infinite alternate;}
#pde-sonometre-root .countdown{min-height: 1.35em;margin-top: 5px;text-align: center;color: var(--red);font-weight: 700;}
#pde-sonometre-root .legend{display: grid;grid-template-columns: repeat(4, 1fr);gap: 18px;margin-top: 20px;}
#pde-sonometre-root .legend-item{display: grid;grid-template-columns: 42px 1fr;gap: 11px;align-items: center;}
#pde-sonometre-root .legend-dot{width: 38px;height: 38px;border-radius: 50%;}
#pde-sonometre-root .legend-bell{width: 38px;text-align: center;font-size: 2rem;}
#pde-sonometre-root .legend-label{font-size: 1.05rem;font-weight: 900;}
#pde-sonometre-root .legend-range{display: block;margin-top: 3px;color: #40556a;font-weight: 600;}
#pde-sonometre-root .modal{display: none;position: fixed;z-index: 30;inset: 0;padding: 20px;align-items: flex-start;justify-content: center;background: #082e4960;}
#pde-sonometre-root .modal.open{display: flex;}
#pde-sonometre-root .modal-card{width: min(590px, 100%);max-height: 94vh;overflow: auto;padding: 17px;border-radius: 20px;background: #fff;box-shadow: 0 16px 40px rgba(23,50,77,.18);}
#pde-sonometre-root .modal-close{float: right;padding: 4px 10px;border: 0;border-radius: 10px;background: #eef4f6;font-size: 1.3rem;cursor: pointer;}
#pde-sonometre-root .modal h2{margin: 0 0 12px;font-size: 1.35rem;}
#pde-sonometre-root .config-grid{display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 8px;}
#pde-sonometre-root .control{padding: 9px 11px;border-radius: 11px;background: #f4f8f9;}
#pde-sonometre-root .control label{display: flex;justify-content: space-between;gap: 10px;margin-bottom: 5px;font-size: .92rem;font-weight: 800;}
#pde-sonometre-root .control output{white-space: nowrap;font-variant-numeric: tabular-nums;}
#pde-sonometre-root .control input[type="range"]{width: 100%;height: 16px;margin: 0;appearance: none;-webkit-appearance: none;background: transparent;cursor: pointer;}
#pde-sonometre-root .control input[type="range"]::-webkit-slider-runnable-track{height: 6px;border: 0;border-radius: 999px;background: var(--control-color, var(--teal));}
#pde-sonometre-root .control input[type="range"]::-webkit-slider-thumb{width: 17px;height: 17px;margin-top: -5.5px;appearance: none;-webkit-appearance: none;border: 3px solid #fff;border-radius: 50%;background: var(--control-color, var(--teal));box-shadow: 0 1px 5px #082e4950;}
#pde-sonometre-root .control input[type="range"]::-moz-range-track{height: 6px;border: 0;border-radius: 999px;background: var(--control-color, var(--teal));}
#pde-sonometre-root .control input[type="range"]::-moz-range-thumb{width: 13px;height: 13px;border: 3px solid #fff;border-radius: 50%;background: var(--control-color, var(--teal));box-shadow: 0 1px 5px #082e4950;}
#pde-sonometre-root .checks{display: flex;flex-wrap: nowrap;justify-content: space-between;gap: 12px;margin-top: 8px;padding: 9px 11px;border-radius: 13px;background: #f4f8f9;font-weight: 700;}
#pde-sonometre-root .alerting{animation: bgflash .8s infinite alternate;}
@keyframes pulse{to{transform: scale(1.025);}}
@keyframes bgflash{to{background: #ffe2e2;}}
@media (max-width: 700px){#pde-sonometre-root .meter{justify-content: flex-start;}#pde-sonometre-root .meter-actions{gap:8px;}#pde-sonometre-root .icon-btn{min-height:44px;padding:8px 7px;gap:6px;font-size:13px;}#pde-sonometre-root .gauge-label{font-size: 32px;}#pde-sonometre-root .reading{margin-top: -15px;}#pde-sonometre-root .legend{grid-template-columns: repeat(2, 1fr);gap: 14px;}#pde-sonometre-root .legend-item{grid-template-columns: 34px 1fr;}#pde-sonometre-root .legend-dot{width: 30px;height: 30px;}#pde-sonometre-root .legend-bell{width: 30px;font-size: 1.55rem;}#pde-sonometre-root .modal{padding: 10px;}#pde-sonometre-root .modal-card{padding: 14px;}#pde-sonometre-root .config-grid{grid-template-columns: repeat(2, minmax(0, 1fr));}#pde-sonometre-root .control label{display: block;font-size: .82rem;}#pde-sonometre-root .control output{display: block;margin-top: 2px;}#pde-sonometre-root .checks{gap: 8px;font-size: .84rem;}}