.app-shell{width:100%;margin:0 auto;padding:0;min-height:100vh;color:var(--theme-fg, #eaeaea);position:relative}.mobile-splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:grid;place-items:center;padding:1.5rem;background:radial-gradient(circle at 50% 22%,color-mix(in srgb,var(--theme-accent) 28%,transparent),transparent 32%),linear-gradient(180deg,var(--theme-bg),color-mix(in srgb,var(--theme-panel) 78%,#000000))}.mobile-splash__card{display:grid;justify-items:center;gap:.9rem;width:min(88vw,24rem);padding:1.9rem 1.6rem 1.7rem;border-radius:2rem;background:linear-gradient(180deg,color-mix(in srgb,var(--theme-panel) 86%,white 6%),color-mix(in srgb,var(--theme-bg) 92%,black 8%));box-shadow:inset 0 1px color-mix(in srgb,white 8%,transparent),0 1.4rem 3rem color-mix(in srgb,black 34%,transparent)}.mobile-splash__logo{width:min(42vw,9rem);aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 .85rem 1.4rem color-mix(in srgb,black 26%,transparent))}.mobile-splash__brand,.mobile-splash__version{margin:0}.mobile-splash__brand{font-size:clamp(1.7rem,6vw,2.4rem);font-weight:800;letter-spacing:.08em;text-transform:uppercase}.mobile-splash__version{color:color-mix(in srgb,var(--theme-fg) 80%,transparent);font-size:.95rem;letter-spacing:.12em;text-transform:uppercase}.app-kicker,.eyebrow,.card-tag{margin:0;text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;color:#f6c177}.clock-layout{display:block;min-height:100vh;min-height:100dvh;padding:0;background:radial-gradient(circle at top,color-mix(in srgb,var(--theme-accent) 24%,transparent),transparent 26%),linear-gradient(180deg,var(--theme-bg),color-mix(in srgb,var(--theme-bg) 72%,#000000))}.clock-layout--no-color-mix{background:var(--theme-bg)}.display-stage-card{display:grid;min-height:0;min-height:100dvh;padding:0;border-radius:0;border:none;background:transparent;box-shadow:none;position:relative}.display-stage-card--vu-only{place-items:stretch}.display-stage-card--vu-only .vu-meter--integrated{top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:1.35rem;border-radius:0;transform:none;display:grid;align-content:center}.display-stage-card--vu-only .vu-meter--needle-duo.vu-meter--integrated,.display-stage-card--vu-only .vu-meter--led-mono.vu-meter--integrated,.display-stage-card--vu-only .vu-meter--led-stereo.vu-meter--integrated{width:100%}.display-stage-card--vu-only .vu-meter--led-mono.vu-meter--integrated,.display-stage-card--vu-only .vu-meter--led-stereo.vu-meter--integrated{align-content:center;justify-items:center}.display-stage-card--vu-only .vu-meter--led-mono.vu-meter--integrated .vu-meter-led-rack{width:min(calc((100dvh - 3rem)*.96),calc(100dvw - 3rem));max-width:100%;aspect-ratio:8.4 / 8.72;margin:0;align-self:center}.display-stage-card--vu-only .vu-meter--led-mono.vu-meter--integrated .vu-meter-led-rack__scale{align-items:center;min-width:clamp(3.2rem,6.8vmin,5rem);font-size:clamp(.95rem,2.1vmin,1.45rem);text-align:center}.display-stage-card--vu-only .vu-meter--led-mono.vu-meter--integrated .vu-meter-led{border-radius:999px}.display-stage-card--vu-only .vu-meter--led-stereo.vu-meter--integrated .vu-meter-led-rack{width:min(calc((100dvh - 3rem)*1.28),calc(100dvw - 3rem));max-width:100%;aspect-ratio:11.2 / 8.72;margin:0;align-self:center}.display-stage-card--vu-only .vu-meter--led-stereo.vu-meter--integrated .vu-meter-led-rack__scale{align-items:center;min-width:clamp(3.2rem,6.8vmin,5rem);font-size:clamp(.95rem,2.1vmin,1.45rem);text-align:center}.display-stage-card--vu-only .vu-meter--led-stereo.vu-meter--integrated .vu-meter-led--column{border-radius:999px}.display-stage-card--vu-only .vu-meter--led-horizontal-mono.vu-meter--integrated,.display-stage-card--vu-only .vu-meter--led-horizontal-stereo.vu-meter--integrated{top:50%;right:auto;bottom:auto;left:50%;height:auto;padding:1rem 1.1rem 1.1rem;border-radius:18px;transform:translate(-50%,-50%);align-content:center;justify-items:center}.display-stage-card--vu-only .vu-meter--led-horizontal-mono.vu-meter--integrated .vu-meter-h-led-rack,.display-stage-card--vu-only .vu-meter--led-horizontal-stereo.vu-meter--integrated .vu-meter-h-led-rack{transform:none}.display-stage-card--vu-only .vu-meter--needle-duo.vu-meter--integrated{align-content:stretch}.display-stage-card--vu-only .vu-meter--needle-duo.vu-meter--integrated .vu-meter-needle-duo{height:80%;align-items:stretch;align-self:center}.display-stage-card--vu-only .vu-meter--needle-duo.vu-meter--integrated .vu-meter-needle-panel{height:100%;grid-template-rows:auto 1fr auto;align-content:space-between}.display-stage-card--vu-only .vu-meter--needle-duo.vu-meter--integrated .vu-meter-needle-dial{min-height:0;height:auto}.display-stage-card--vu-only .vu-meter--needle-duo.vu-meter--integrated .vu-meter-needle{height:88%;z-index:1}.display-stage-card--vu-only .vu-meter--needle-duo.vu-meter--integrated .vu-meter-needle-scale{min-height:2.4rem}.display-stage-card--vu-only .vu-meter--needle-duo.vu-meter--integrated .vu-meter-scale-mark{width:2.4rem}.display-stage-card--vu-only .vu-meter--needle-duo.vu-meter--integrated .vu-meter-scale-tick{height:1rem;margin-bottom:.18rem}.display-stage-card--vu-only .vu-meter--needle-duo.vu-meter--integrated .vu-meter-scale-label{font-size:.8rem}.display-stage-card--vu-only .vu-meter--needle-duo.vu-meter--integrated .vu-meter-needle-brand{font-size:1rem}.display-stage-card--vu-only .vu-meter--wave-scope.vu-meter--integrated .vu-meter-wave{min-height:0;height:100%}.display-stage-card--vu-only .vu-meter--wave-scope.vu-meter--integrated{align-content:stretch}.display-stage-card--vu-only .vu-meter--wave-scope.vu-meter--integrated .vu-meter-wave path{vector-effect:non-scaling-stroke}.display-stage-card--vu-only .vu-meter--led-horizontal-mono.vu-meter--integrated .vu-meter-h-led-rack__scale,.display-stage-card--vu-only .vu-meter--led-horizontal-stereo.vu-meter--integrated .vu-meter-h-led-rack__scale{font-size:.9rem}.display-stage-card--vu-only .vu-meter--led-horizontal-mono.vu-meter--integrated .vu-meter-h-led-row,.display-stage-card--vu-only .vu-meter--led-horizontal-stereo.vu-meter--integrated .vu-meter-h-led-row{grid-template-columns:2.4rem minmax(0,1fr);gap:.6rem}.display-stage-card--vu-only .vu-meter--led-horizontal-mono.vu-meter--integrated .vu-meter-h-led-row__label,.display-stage-card--vu-only .vu-meter--led-horizontal-stereo.vu-meter--integrated .vu-meter-h-led-row__label{font-size:1.15rem}.display-stage-card--vu-only .vu-meter--led-horizontal-mono.vu-meter--integrated .vu-meter-h-led-row__segments,.display-stage-card--vu-only .vu-meter--led-horizontal-stereo.vu-meter--integrated .vu-meter-h-led-row__segments{gap:.3rem}.display-stage-card--vu-only .vu-meter--led-horizontal-mono.vu-meter--integrated .vu-meter-h-led,.display-stage-card--vu-only .vu-meter--led-horizontal-stereo.vu-meter--integrated .vu-meter-h-led{min-height:1.25rem}.display-stage-card--alarm:after{content:"";position:absolute;pointer-events:none;z-index:12;animation:alarm-visual-blink 1s steps(2,end) infinite}.display-stage-card--alarm[data-display-id=analog]:after{top:50%;left:50%;width:min(88vw,88dvh);height:min(88vw,88dvh);border:.38rem solid var(--alarm-visual-color, #ff2a2a);border-radius:50%;box-shadow:0 0 18px color-mix(in srgb,var(--alarm-visual-color, #ff2a2a) 45%,transparent),0 0 44px color-mix(in srgb,var(--alarm-visual-color, #ff2a2a) 25%,transparent);transform:translate(-50%,-50%)}.display-stage-card--alarm[data-display-id=seven-segment]:after,.display-stage-card--alarm[data-display-id=flip]:after{top:1rem;right:1rem;bottom:1rem;left:1rem;border:.4rem solid var(--alarm-visual-color, #ff2a2a);border-radius:0;box-shadow:inset 0 0 0 1px #ffffff14,0 0 18px color-mix(in srgb,var(--alarm-visual-color, #ff2a2a) 45%,transparent),0 0 44px color-mix(in srgb,var(--alarm-visual-color, #ff2a2a) 22%,transparent)}.display-stage-card .card-copy{display:none}.alarm-overlay-label{position:absolute;top:0;right:0;bottom:0;left:0;z-index:22;display:grid;place-items:center;max-width:min(80vw,34rem);margin:auto;padding:.4rem .9rem;color:var(--theme-fg);font-size:clamp(1.8rem,4.8vw,4rem);font-weight:800;line-height:1.05;text-align:center;text-transform:uppercase;letter-spacing:.06em;text-shadow:0 0 18px color-mix(in srgb,var(--alarm-visual-color, #ff2a2a) 55%,transparent),0 10px 28px rgba(0,0,0,.35);pointer-events:none}.top-controls{position:absolute;top:.9rem;right:.9rem;z-index:30;display:flex;align-items:center}.live-radio-controls{position:absolute;top:.9rem;left:.9rem;z-index:30;max-width:min(24rem,calc(100vw - 8rem))}.live-player-button{display:inline-flex;align-items:center;gap:.55rem;min-height:42px;padding:0;border:none;border-radius:0;color:var(--theme-field-fg);background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;list-style:none;cursor:pointer}.live-player-button::-webkit-details-marker{display:none}.live-player-button:after{content:"▾";margin-left:.15rem;font-size:.75rem;opacity:.35}.live-radio-controls[open] .live-player-button:after{transform:rotate(180deg)}.live-player-button-icon{display:inline-flex;align-items:center;justify-content:center;width:2.15rem;min-width:2.15rem;height:2.15rem;border:1px solid color-mix(in srgb,var(--theme-fg) 10%,transparent);border-radius:10px;background:color-mix(in srgb,var(--theme-panel) 62%,transparent);box-shadow:inset 0 1px color-mix(in srgb,white 14%,transparent);font-size:1rem;line-height:1}.live-player-collapsed-summary{display:grid;min-width:0;gap:.1rem}.live-player-collapsed-summary span:first-child{font-size:.84rem;color:color-mix(in srgb,var(--theme-fg) 66%,transparent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-player-collapsed-summary span:last-child{font-size:.72rem;color:color-mix(in srgb,var(--theme-fg) 42%,transparent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.live-player-panel{display:grid;gap:.45rem;margin-top:.45rem}.live-radio-select{min-width:min(18rem,calc(100vw - 12rem))}.live-radio-select{display:grid}.live-audio-summary{display:grid;min-width:min(18rem,calc(100vw - 12rem));gap:.12rem;padding:.65rem .85rem;border:1px solid color-mix(in srgb,var(--theme-fg) 7%,transparent);border-radius:14px;color:var(--theme-field-fg);background:color-mix(in srgb,var(--theme-field) 58%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.live-audio-summary span:last-child{font-size:.74rem;color:color-mix(in srgb,var(--theme-fg) 68%,transparent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transport-controls{display:flex;align-items:center;justify-content:center;gap:.45rem;padding:.35rem .45rem;border:1px solid color-mix(in srgb,var(--theme-accent) 18%,transparent);border-radius:999px;background:color-mix(in srgb,var(--theme-panel) 56%,transparent);box-shadow:inset 0 1px color-mix(in srgb,white 10%,transparent),0 8px 20px #0000002e;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.station-combobox{position:relative}.station-combobox-trigger,.station-combobox-search{width:100%;min-height:42px;padding:.58rem .8rem;border:1px solid color-mix(in srgb,var(--theme-fg) 7%,transparent);border-radius:14px;color:var(--theme-field-fg);background:color-mix(in srgb,var(--theme-field) 58%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.station-combobox-trigger{display:grid;gap:.08rem;list-style:none;cursor:pointer;font-size:.92rem}.station-combobox-trigger-summary{display:block;padding-right:1.2rem}.station-combobox-trigger-style,.station-combobox-trigger-meta{font-size:.66rem;color:color-mix(in srgb,var(--theme-fg) 68%,transparent)}.station-combobox-trigger-meta{display:block;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.station-combobox-trigger::-webkit-details-marker{display:none}.station-combobox-trigger:after{content:"▾";position:absolute;top:.9rem;right:.85rem;font-size:.75rem;opacity:.55}.station-combobox--open .station-combobox-trigger:after{transform:rotate(180deg)}.station-combobox-trigger--disabled{opacity:.55;cursor:not-allowed}.station-combobox-panel{position:absolute;top:calc(100% + .4rem);left:0;right:0;z-index:35;display:grid;gap:.38rem;padding:.4rem;border:1px solid color-mix(in srgb,var(--theme-fg) 12%,transparent);border-radius:16px;background:color-mix(in srgb,var(--theme-panel) 92%,black);box-shadow:0 18px 40px #00000059;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.station-suggestions-label{margin:0;padding:0 .2rem;font-size:.64rem;letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb,var(--theme-accent) 72%,var(--theme-fg))}.station-suggestions{display:grid;gap:.26rem;max-height:15.5rem;overflow-y:auto}.station-suggestion{display:grid;gap:.08rem;width:100%;padding:.46rem .62rem;border:1px solid transparent;border-radius:12px;color:var(--theme-field-fg);background:color-mix(in srgb,var(--theme-field) 46%,transparent);text-align:left;font-size:.88rem}.station-suggestion span:last-child{font-size:.66rem;color:color-mix(in srgb,var(--theme-fg) 68%,transparent)}.station-suggestion:hover,.station-suggestion--active{border-color:color-mix(in srgb,var(--theme-accent) 34%,transparent);background:color-mix(in srgb,var(--theme-accent) 14%,var(--theme-field))}.station-suggestions-empty{margin:0;padding:.55rem .65rem;font-size:.78rem;color:color-mix(in srgb,var(--theme-fg) 68%,transparent)}.transport-button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:30px;padding:.26rem .78rem;border:1px solid color-mix(in srgb,var(--theme-accent) 18%,transparent);border-radius:999px;color:color-mix(in srgb,var(--theme-field-fg) 92%,white 8%);background:linear-gradient(180deg,color-mix(in srgb,var(--theme-accent) 14%,color-mix(in srgb,var(--theme-field) 76%,transparent)),color-mix(in srgb,var(--theme-panel) 72%,transparent));box-shadow:inset 0 1px color-mix(in srgb,white 20%,transparent),0 10px 24px #00000038;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);font-size:.86rem;line-height:1;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease,background .14s ease,color .14s ease}.transport-button:hover:not(:disabled){transform:translateY(-1px);border-color:color-mix(in srgb,var(--theme-accent) 42%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--theme-accent) 22%,color-mix(in srgb,var(--theme-field) 82%,transparent)),color-mix(in srgb,var(--theme-panel) 80%,transparent));box-shadow:inset 0 1px color-mix(in srgb,white 24%,transparent),0 14px 28px #00000047}.transport-button:active:not(:disabled){transform:translateY(0);box-shadow:inset 0 1px color-mix(in srgb,white 10%,transparent),0 6px 16px #0003}.transport-button--toggle{gap:.42rem;min-width:70px}.transport-button-icon{display:inline-flex;align-items:center;justify-content:center;min-width:.95rem;opacity:.32;transform:scale(.9);transition:opacity .12s ease,transform .12s ease,color .12s ease}.transport-button-icon--active{opacity:1;color:var(--theme-fg);transform:scale(1);text-shadow:0 0 12px color-mix(in srgb,var(--theme-accent) 26%,transparent)}.transport-button-browse-icon{display:grid;justify-items:center;gap:.08rem;transform:translateY(-.01rem)}.transport-button-browse-triangle{width:0;height:0;border-left:.34rem solid transparent;border-right:.34rem solid transparent;border-top:.5rem solid currentColor}.transport-button-browse-bar{width:.78rem;height:.12rem;border-radius:999px;background:currentColor}.transport-button--stop{color:color-mix(in srgb,var(--theme-field-fg) 86%,white 14%)}.transport-button:disabled{opacity:.42;cursor:not-allowed;box-shadow:none}.options-menu{position:relative}.app-shell--no-color-mix .app-signature,.app-shell--no-color-mix .options-button,.app-shell--no-color-mix .select-field--compact select,.app-shell--no-color-mix .text-field-input,.app-shell--no-color-mix .transport-button,.app-shell--no-color-mix .options-tab,.app-shell--no-color-mix .live-player-button-icon,.app-shell--no-color-mix .live-audio-summary,.app-shell--no-color-mix .station-combobox-button,.app-shell--no-color-mix .station-combobox-panel,.app-shell--no-color-mix .station-search-input,.app-shell--no-color-mix .station-suggestion{color:var(--theme-field-fg);background:var(--theme-field);border-color:var(--theme-panel);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.app-shell--no-color-mix .options-panel,.app-shell--no-color-mix .live-player-panel{background:var(--theme-panel);border-color:var(--theme-field);-webkit-backdrop-filter:none;backdrop-filter:none}.app-shell--no-color-mix .options-header-version,.app-shell--no-color-mix .field-label,.app-shell--no-color-mix .field-hint,.app-shell--no-color-mix .live-player-collapsed-summary span:first-child,.app-shell--no-color-mix .live-player-collapsed-summary span:last-child{color:var(--theme-fg)}.app-shell--no-color-mix .options-tab--active,.app-shell--no-color-mix .transport-button-icon--active{color:var(--theme-accent)}.options-button,.select-field--compact select{min-height:42px;padding:.65rem .85rem;border:1px solid color-mix(in srgb,var(--theme-fg) 7%,transparent);border-radius:14px;color:var(--theme-field-fg);background:color-mix(in srgb,var(--theme-field) 58%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.options-button{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;list-style:none;color:color-mix(in srgb,var(--theme-field-fg) 82%,transparent);box-shadow:none}.options-button:hover,.select-field--compact select:hover{border-color:color-mix(in srgb,var(--theme-fg) 14%,transparent)}.options-button::-webkit-details-marker{display:none}.options-button:after{content:"▾";margin-left:.5rem;font-size:.75rem;opacity:.55}.options-menu[open] .options-button:after{transform:rotate(180deg)}.options-panel{position:absolute;top:calc(100% + .5rem);right:0;z-index:20;display:grid;gap:.65rem;min-width:min(360px,calc(100vw - 1.6rem));max-height:min(78vh,42rem);padding:.72rem;border-radius:16px;border:1px solid color-mix(in srgb,var(--theme-fg) 12%,transparent);background:color-mix(in srgb,var(--theme-panel) 92%,black);box-shadow:0 18px 40px #00000059;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overflow-y:auto;overscroll-behavior:contain}.options-header{display:grid;justify-items:center;gap:0;padding-bottom:.2rem}.options-header-icon{grid-area:1 / 1;width:50%;max-width:50%;height:auto;max-height:9rem;margin-inline:auto;opacity:.3;object-fit:contain;box-shadow:inset 0 1px color-mix(in srgb,white 18%,transparent),0 10px 24px #00000038}.options-header-version{grid-area:1 / 1;margin:0;align-self:end;justify-self:center;z-index:1;text-align:center;padding-bottom:.45rem;text-shadow:0 1px 0 rgba(0,0,0,.35),0 0 14px color-mix(in srgb,var(--theme-panel) 55%,transparent)}.options-header-version{font-size:.76rem;letter-spacing:.04em;color:color-mix(in srgb,var(--theme-fg) 68%,transparent)}.options-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}.options-tab{min-height:40px;padding:.55rem .7rem;border:1px solid color-mix(in srgb,var(--theme-fg) 8%,transparent);border-radius:12px;color:color-mix(in srgb,var(--theme-fg) 72%,transparent);background:color-mix(in srgb,var(--theme-field) 42%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;transition:border-color .14s ease,background .14s ease,color .14s ease,transform .14s ease}.options-tab:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--theme-accent) 26%,transparent)}.options-tab--active{border-color:color-mix(in srgb,var(--theme-accent) 42%,transparent);color:var(--theme-fg);background:linear-gradient(180deg,color-mix(in srgb,var(--theme-accent) 18%,color-mix(in srgb,var(--theme-field) 82%,transparent)),color-mix(in srgb,var(--theme-panel) 76%,transparent));box-shadow:inset 0 1px color-mix(in srgb,white 16%,transparent),0 10px 24px #0003}.options-section{display:grid;gap:.65rem;padding-top:.15rem;border-top:1px solid color-mix(in srgb,var(--theme-fg) 10%,transparent)}.field-label{display:block;margin-bottom:.25rem;font-size:.76rem;letter-spacing:.04em;color:color-mix(in srgb,var(--theme-fg) 78%,transparent)}.field-label--inline{margin-bottom:0}.field-label--checkbox-row{display:flex;align-items:center;gap:.6rem}.field-label--checkbox-row input[type=checkbox]{inline-size:1.05rem;block-size:1.05rem;margin:0;accent-color:var(--theme-accent)}.field-hint{display:block;margin-top:.18rem;font-size:.74rem;line-height:1.4;color:color-mix(in srgb,var(--theme-fg) 62%,transparent)}.vu-meter{--vu-meter-panel: color-mix(in srgb, var(--theme-panel) 82%, rgba(0, 0, 0, .28));--vu-meter-border: color-mix(in srgb, var(--theme-fg) 12%, transparent);--vu-meter-glow: color-mix(in srgb, var(--theme-accent) 34%, transparent);--vu-meter-wave-stroke: color-mix(in srgb, var(--theme-accent) 62%, var(--theme-field-fg));--vu-meter-wave-glow: color-mix(in srgb, var(--theme-accent) 42%, transparent);--vu-meter-analog-face-top: color-mix(in srgb, var(--theme-field) 72%, white);--vu-meter-analog-face-bottom: color-mix(in srgb, var(--theme-panel) 68%, var(--theme-field));--vu-meter-analog-ink: color-mix(in srgb, var(--theme-field-fg) 82%, #1c140c);--vu-meter-analog-border: color-mix(in srgb, var(--theme-accent) 24%, rgba(58, 38, 15, .45));--vu-meter-analog-hot: color-mix(in srgb, #d92d20 72%, var(--theme-accent));--vu-meter-analog-shadow: color-mix(in srgb, var(--theme-accent) 20%, rgba(124, 88, 31, .14));--vu-meter-analog-pivot: color-mix(in srgb, var(--theme-accent) 22%, #3c2b17);position:absolute;z-index:18;display:grid;gap:.38rem;padding:.5rem .58rem;border:1px solid var(--vu-meter-border);border-radius:15px;background:var(--vu-meter-panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:inset 0 1px color-mix(in srgb,white 10%,transparent),0 16px 30px #0003;pointer-events:none}.vu-meter--idle{opacity:.74}.vu-meter--floating{left:50%;bottom:.9rem;width:min(16rem,calc(100vw - 2.4rem));transform:translate(-50%)}.vu-meter--integrated{left:50%;bottom:.9rem;width:min(20rem,calc(100vw - 2.4rem));transform:translate(-50%)}.vu-meter--needle-duo.vu-meter--floating{width:min(32rem,calc(100vw - 2.4rem))}.vu-meter--led-mono.vu-meter--floating,.vu-meter--led-stereo.vu-meter--floating{gap:.08rem;padding:.08rem;border-width:0;border-radius:.18rem;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;transform:translate(-50%) scale(1.33);transform-origin:bottom center}.vu-meter--wave-scope.vu-meter--floating{width:min(16rem,calc(100vw - 2.4rem));height:6.4rem;min-height:6.4rem;padding:.08rem .18rem;gap:0;background:color-mix(in srgb,var(--theme-panel) 28%,transparent);border-color:color-mix(in srgb,var(--theme-fg) 8%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 22px #00000024}.vu-meter--needle-duo.vu-meter--integrated{width:min(40rem,calc(100vw - 2.4rem))}.vu-meter--led-horizontal-mono.vu-meter--floating{width:min(30rem,calc(100vw - 2.4rem))}.vu-meter--led-horizontal-stereo.vu-meter--floating{width:min(34rem,calc(100vw - 2.4rem))}.vu-meter--led-horizontal-mono.vu-meter--integrated{width:min(36rem,calc(100vw - 2.4rem))}.vu-meter--led-horizontal-stereo.vu-meter--integrated{width:min(40rem,calc(100vw - 2.4rem))}.display-stage-card--vu-only .vu-meter--led-horizontal-mono.vu-meter--integrated{width:min(76rem,calc(100vw - 3rem))}.display-stage-card--vu-only .vu-meter--led-horizontal-stereo.vu-meter--integrated{width:min(84rem,calc(100vw - 3rem))}.vu-meter-needles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.vu-meter-needle-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem}.vu-meter-needle-panel{position:relative;display:grid;gap:.38rem;min-width:0;padding:.38rem .45rem .42rem;border:2px solid var(--vu-meter-analog-border);border-radius:.9rem;background:linear-gradient(180deg,var(--vu-meter-analog-face-top),var(--vu-meter-analog-face-bottom));box-shadow:inset 0 1px #ffffffb3,inset 0 -10px 18px var(--vu-meter-analog-shadow),0 14px 28px #00000038}.vu-meter-needle-scale{position:relative;display:block;min-height:1.55rem}.vu-meter-scale-mark{--mark-ratio: calc(var(--mark-index) / 6);position:absolute;left:calc(.22rem + (100% - .44rem) * var(--mark-ratio));top:0;width:1.65rem;transform:translate(-50%);color:var(--vu-meter-analog-ink);text-align:center}.vu-meter-scale-mark--hot{color:var(--vu-meter-analog-hot)}.vu-meter-scale-tick{display:block;width:2px;height:.68rem;margin:0 auto .12rem;background:currentColor}.vu-meter-scale-label{display:block;font-size:.48rem;font-weight:700;letter-spacing:.03em}.vu-meter-needle-dial{position:relative;min-height:3.55rem}.vu-meter-needle{position:absolute;left:50%;bottom:.38rem;width:2px;height:3.35rem;transform-origin:bottom center;background:linear-gradient(180deg,var(--vu-meter-analog-ink) 0%,color-mix(in srgb,var(--vu-meter-analog-ink) 56%,black) 100%);box-shadow:0 0 1px #ffffff4d}.vu-meter-needle-pivot{position:absolute;left:50%;bottom:.12rem;width:.68rem;height:.68rem;border-radius:50%;transform:translate(-50%);border:2px solid color-mix(in srgb,var(--vu-meter-analog-ink) 78%,black);background:radial-gradient(circle at 35% 35%,color-mix(in srgb,white 72%,var(--vu-meter-analog-face-top)),var(--vu-meter-analog-pivot) 72%)}.vu-meter-needle-brand{display:flex;align-items:center;justify-content:center;gap:.45rem;color:var(--vu-meter-analog-ink);font-size:.64rem;font-weight:700;letter-spacing:.08em}.vu-meter-needle-brand-led{width:.52rem;height:.52rem;border-radius:50%;background:radial-gradient(circle at 35% 35%,color-mix(in srgb,white 38%,var(--vu-meter-analog-hot)),var(--vu-meter-analog-hot) 68%);box-shadow:0 0 10px color-mix(in srgb,var(--vu-meter-analog-hot) 38%,transparent)}.app-shell--apple-webkit .vu-meter-needle-panel,.app-shell--no-color-mix .vu-meter-needle-panel{border-color:#7f633db8;background:linear-gradient(180deg,#f8efd8,#d7c2a0);box-shadow:inset 0 1px #ffffffb8,inset 0 -10px 18px #7c581f2e,0 14px 28px #00000038}.app-shell--apple-webkit .vu-meter-needle,.app-shell--no-color-mix .vu-meter-needle,.app-shell--apple-webkit .vu-meter-needle-brand,.app-shell--no-color-mix .vu-meter-needle-brand,.app-shell--apple-webkit .vu-meter-scale-mark,.app-shell--no-color-mix .vu-meter-scale-mark{color:#3d2b18}.app-shell--apple-webkit .vu-meter-scale-mark--hot,.app-shell--no-color-mix .vu-meter-scale-mark--hot{color:#bf2f22}.app-shell--apple-webkit .vu-meter-needle-pivot,.app-shell--no-color-mix .vu-meter-needle-pivot{border-color:#3d2b18;background:radial-gradient(circle at 35% 35%,#f8efd8,#5d4630 72%)}.app-shell--apple-webkit .vu-meter-needle-brand-led,.app-shell--no-color-mix .vu-meter-needle-brand-led{background:radial-gradient(circle at 35% 35%,#ff9a87,#d92d20 68%);box-shadow:0 0 10px #d92d2061}.vu-meter-led-rack{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.28rem;align-items:stretch;width:min(5.2rem,100%);margin-inline:auto;padding:.42rem .35rem;border:1px solid rgba(194,207,255,.12);border-radius:.95rem;background:linear-gradient(180deg,#070b14f2,#141a26fa);box-shadow:inset 0 1px #ffffff0d,inset 0 -8px 16px #00000059}.vu-meter-led-rack__scale{display:flex;flex-direction:column;justify-content:space-between;min-width:.95rem;color:#c5d1eab3;font-size:.48rem;font-weight:700;line-height:1;text-align:right}.vu-meter-led-rack__scale--right{text-align:left}.vu-meter-led-rack--stereo{width:min(7.2rem,100%)}.vu-meter--led-mono.vu-meter--floating .vu-meter-led-rack,.vu-meter--led-stereo.vu-meter--floating .vu-meter-led-rack{padding:.02rem;border-width:0;border-radius:0;background:transparent;box-shadow:none}.vu-meter--led-mono.vu-meter--floating .vu-meter-led-rack__scale,.vu-meter--led-stereo.vu-meter--floating .vu-meter-led-rack__scale{min-width:.58rem;font-size:.34rem}.vu-meter--led-mono.vu-meter--floating .vu-meter-led-rack__stereo-columns,.vu-meter--led-stereo.vu-meter--floating .vu-meter-led-rack__stereo-columns{gap:.12rem}.vu-meter-led-rack__stereo-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.22rem}.vu-meter-led-stack{display:grid;gap:.12rem}.vu-meter-led-stack--stereo{min-width:0}.vu-meter-led,.vu-meter-led--column{display:block;width:100%;min-height:.28rem;border-radius:.18rem;background:#4a566e3d;box-shadow:inset 0 0 0 1px #acbfe50d}.vu-meter-led.is-active,.vu-meter-led--column.is-active{background:linear-gradient(90deg,#3cff8d,#d9ff58);box-shadow:0 0 7px #73ff9a57,inset 0 0 0 1px #fff3}.vu-meter-led--warm.is-active{background:linear-gradient(90deg,#e9ff58,#ffd24a);box-shadow:0 0 7px #ffd86757,inset 0 0 0 1px #ffffff2e}.vu-meter-led--danger.is-active{background:linear-gradient(90deg,#ffb357,#ff5757);box-shadow:0 0 8px #ff717161,inset 0 0 0 1px #ffffff2e}.vu-meter-led-stack--stereo:first-child .vu-meter-led--column.is-active{background:linear-gradient(270deg,#3cff8d,#d9ff58)}.vu-meter-led-stack--stereo:first-child .vu-meter-led--warm.is-active{background:linear-gradient(270deg,#e9ff58,#ffd24a)}.vu-meter-led-stack--stereo:first-child .vu-meter-led--danger.is-active{background:linear-gradient(270deg,#ffb357,#ff5757)}.vu-meter-h-led-rack{display:grid;gap:.42rem;width:100%;margin-inline:auto;padding:.65rem .8rem .7rem;border:1px solid rgba(255,214,130,.14);border-radius:.95rem;background:linear-gradient(180deg,#080a10fc,#0c0f18fc);box-shadow:inset 0 1px #ffffff08,inset 0 -12px 22px #00000070}.vu-meter-h-led-rack--studio{gap:.55rem;padding:.8rem 1rem .9rem;border-color:#ffd68233;background:linear-gradient(180deg,#05080efe,#0a0d14fe)}.vu-meter-h-led-rack--broadcast{gap:.5rem;padding:.85rem 1rem .95rem;border-color:#ffce703d;background:linear-gradient(180deg,#04070cfe,#080b12fe)}.vu-meter-h-led-rack--mono-continuous{gap:.72rem;padding:1rem 1.15rem 1.08rem;border-color:#c7ff6942;background:linear-gradient(180deg,#04060afe,#0b100cfe);box-shadow:inset 0 1px #ffffff0a,inset 0 -18px 26px #0000007a,0 10px 28px #0000002e}.vu-meter-h-led-rack--mono-comb,.vu-meter-h-led-rack--stereo-comb{gap:.32rem;padding:.44rem .5rem .5rem;border:1px solid #868686;border-top-color:#f4f4f4;border-left-color:#f4f4f4;border-right-color:#4a4a4a;border-bottom-color:#4a4a4a;border-radius:0;background:linear-gradient(180deg,#c7c7c7,#a9a9a9);box-shadow:inset 1px 1px #fff,inset -1px -1px #6b6b6b}.vu-meter-h-led-rack__scale{display:grid;grid-template-columns:1.2rem minmax(0,1fr) auto;align-items:center;color:#ffe9ade0;font-size:.52rem;font-weight:700;line-height:1}.vu-meter-h-led-rack__scale-spacer{display:block}.vu-meter-h-led-rack__scale-main{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;min-height:1rem;column-gap:.22rem}.vu-meter-h-led-rack__scale-post-zero{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;min-width:2.2rem;min-height:1rem;padding-left:.7rem}.vu-meter-h-led-rack__scale-mark{position:relative;justify-self:center;padding-bottom:.34rem;white-space:nowrap}.vu-meter-h-led-rack__scale-main .vu-meter-h-led-rack__scale-mark{grid-column:var(--scale-column, auto)}.vu-meter-h-led-rack__scale-mark:before,.vu-meter-h-led-rack__scale-mark:after{content:"";position:absolute;left:50%;width:1px;transform:translate(-50%);background:#ffe8adb3}.vu-meter-h-led-rack__scale-mark:before{bottom:calc(100% - .06rem);height:.22rem}.vu-meter-h-led-rack__scale-mark:after{top:calc(100% + .46rem);height:.22rem}.vu-meter-h-led-rack__scale-mark--start{justify-self:start;transform:translate(-18%)}.vu-meter-h-led-rack__scale-mark--post-zero{grid-column:2;justify-self:end;transform:translate(18%);color:#ff9797f0}.vu-meter-h-led-rack--mono-continuous .vu-meter-h-led-rack__scale{color:#e7f5a6eb;font-size:.6rem}.vu-meter-h-led-rack--mono-comb .vu-meter-h-led-rack__scale,.vu-meter-h-led-rack--stereo-comb .vu-meter-h-led-rack__scale{display:none}.vu-meter-h-led-rack--mono-continuous .vu-meter-h-led-rack__scale-main{column-gap:.34rem}.vu-meter-h-led-rack--mono-comb .vu-meter-h-led-rack__scale-main{grid-template-columns:repeat(10,minmax(0,1fr));column-gap:.46rem}.vu-meter-h-led-rack--mono-continuous .vu-meter-h-led-rack__scale-post-zero{min-width:2.8rem;padding-left:.9rem}.vu-meter-h-led-rack--mono-continuous .vu-meter-h-led-rack__scale-mark:before,.vu-meter-h-led-rack--mono-continuous .vu-meter-h-led-rack__scale-mark:after{height:.3rem;background:#d0eb84c7}.vu-meter-h-led-rack--mono-comb .vu-meter-h-led-rack__scale-mark:before,.vu-meter-h-led-rack--mono-comb .vu-meter-h-led-rack__scale-mark:after{height:.2rem;background:#c2e288a8}.vu-meter-h-led-row{display:grid;grid-template-columns:1.2rem minmax(0,1fr);gap:.45rem;align-items:center}.vu-meter-h-led-row__label{color:#ffe9adeb;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-align:center}.vu-meter-h-led-row__segments{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem;align-items:center;padding-block:.22rem}.vu-meter-h-led-row__guides{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:.22rem;align-items:center;grid-column:1 / -1;justify-items:center}.vu-meter-h-led-rack--studio .vu-meter-h-led-row__guides{grid-template-columns:repeat(14,minmax(0,1fr));gap:.18rem}.vu-meter-h-led-guide{display:block;width:.16rem;min-height:.72rem;border-radius:999px;background:linear-gradient(180deg,#d5ff49,#9ce11d);box-shadow:0 0 6px #bcff4e33}.vu-meter-h-led-rack--studio .vu-meter-h-led-guide{width:.08rem;min-height:.92rem;background:linear-gradient(180deg,#d7ff68,#8ad419)}.vu-meter-h-led-rack--broadcast .vu-meter-h-led-row__segments{gap:.65rem}.vu-meter-h-led-rack--mono-continuous .vu-meter-h-led-row__segments{gap:.82rem;padding-block:.3rem}.vu-meter-h-led-rack--mono-continuous .vu-meter-h-led-row__guides--mono{grid-template-columns:repeat(8,minmax(0,1fr));gap:.42rem}.vu-meter-h-led-rack--mono-comb .vu-meter-h-led-row__segments,.vu-meter-h-led-rack--stereo-comb .vu-meter-h-led-row__segments{grid-template-columns:minmax(0,1fr);gap:.14rem;padding:.2rem .28rem;border:1px solid #4d4d4d;border-top-color:#575757;border-left-color:#575757;border-right-color:#d6d6d6;border-bottom-color:#d6d6d6;background:#0c0c0c;box-shadow:inset 1px 1px #00000073,inset -1px -1px #ffffff0f}.vu-meter-h-led-rack--mono-comb .vu-meter-h-led-row__guides--mono-comb,.vu-meter-h-led-rack--stereo-comb .vu-meter-h-led-row__guides--mono-comb{grid-template-columns:repeat(10,minmax(0,1fr));gap:.46rem}.vu-meter-h-led-row__segments-main{display:grid;grid-template-columns:repeat(20,minmax(0,1fr));gap:.16rem;align-items:center}.vu-meter-h-led-rack--studio .vu-meter-h-led-row__segments-main{grid-template-columns:repeat(14,minmax(0,1fr));gap:.22rem}.vu-meter-h-led-rack--broadcast .vu-meter-h-led-row__segments-main{grid-template-columns:repeat(12,minmax(0,1fr));gap:.22rem}.vu-meter-h-led-rack--mono-continuous .vu-meter-h-led-row__segments-main{gap:.3rem}.vu-meter-h-led-rack--mono-comb .vu-meter-h-led-row__segments-main,.vu-meter-h-led-rack--stereo-comb .vu-meter-h-led-row__segments-main{grid-template-columns:repeat(10,minmax(0,1fr));gap:.46rem}.vu-meter-h-led-row__segments-post-zero{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.16rem;align-items:center;padding-left:.55rem;border-left:2px solid rgba(255,168,112,.7)}.vu-meter-h-led-rack--broadcast .vu-meter-h-led-row__segments-post-zero{gap:.22rem;padding-left:.7rem;border-left:2px solid rgba(255,120,76,.92)}.vu-meter-h-led-rack--mono-continuous .vu-meter-h-led-row__segments-post-zero{gap:.28rem;padding-left:.9rem;border-left:3px solid rgba(255,86,56,.96)}.vu-meter-h-led{display:block;position:relative;min-height:.72rem;border-radius:.12rem;background:#5c4d2652;box-shadow:inset 0 0 0 1px #ffdf910d,inset 0 -1px 2px #00000047}.vu-meter-h-led-rack--studio .vu-meter-h-led{min-height:.95rem;border-radius:.08rem}.vu-meter-h-led-rack--broadcast .vu-meter-h-led{min-height:1.2rem;border-radius:.08rem;background:#4856162e;box-shadow:inset 0 0 0 1px #dcee7e0a,inset 0 -1px 2px #00000047}.vu-meter-h-led-rack--mono-continuous .vu-meter-h-led{min-height:1.45rem;border-radius:.14rem;background:#445a1424;box-shadow:inset 0 0 0 1px #cde57a0f,inset 0 -2px 3px #00000052}.vu-meter-h-led-guide--mono{width:.12rem;min-height:1.45rem;border-radius:999px;background:#8fb63a38;box-shadow:none}.vu-meter-h-led-guide--mono.is-active{background:linear-gradient(180deg,#cfff65,#7be11a);box-shadow:0 0 10px #b2ff6942}.vu-meter-h-led-rack--mono-comb .vu-meter-h-led,.vu-meter-h-led-rack--stereo-comb .vu-meter-h-led{min-height:1rem;border-radius:0;background:#203010;box-shadow:inset 1px 1px #ffffff0d,inset -1px -1px #00000073}.vu-meter-h-led-guide--mono-comb{width:.08rem;min-height:.72rem;border-radius:0;background:#1d2a12;box-shadow:inset 1px 0 #ffffff0a,inset -1px 0 #0000006b}.vu-meter-h-led-guide--mono-comb.is-active{background:linear-gradient(180deg,#b4ff65,#62d61c);box-shadow:0 0 6px #9aff5938}.vu-meter-h-led.is-active{background:linear-gradient(180deg,#8eff63,#47c61b);box-shadow:0 0 9px #7aff6457,inset 0 0 0 1px #fff3}.vu-meter-h-led-rack--broadcast .vu-meter-h-led.is-active{background:linear-gradient(180deg,#b3ff60,#69dc1a);box-shadow:0 0 10px #a6ff5e4d,inset 0 0 0 1px #ffffff29}.vu-meter-h-led-rack--mono-continuous .vu-meter-h-led.is-active{background:linear-gradient(180deg,#cf6,#7de11d);box-shadow:0 0 14px #baff6357,inset 0 0 0 1px #ffffff24}.vu-meter-h-led-rack--mono-comb .vu-meter-h-led.is-active,.vu-meter-h-led-rack--stereo-comb .vu-meter-h-led.is-active{background:linear-gradient(180deg,#b7ff66,#61d61c);box-shadow:0 0 7px #a4ff5f38,inset 1px 1px #ffffff1f,inset -1px -1px #00000057}.vu-meter-h-led.vu-meter-led--warm.is-active{background:linear-gradient(180deg,#ffe86c,#ffb235);box-shadow:0 0 9px #ffb0565c,inset 0 0 0 1px #ffffff2e}.vu-meter-h-led.vu-meter-led--danger.is-active{background:linear-gradient(180deg,#ff8d5e,#ff4343);box-shadow:0 0 10px #ff62626b,inset 0 0 0 1px #ffffff2e}.vu-meter-h-led-rack--broadcast .vu-meter-h-led.vu-meter-led--danger.is-active{background:linear-gradient(180deg,#ff8a5f,#ff3b30);box-shadow:0 0 12px #ff5c5c75,inset 0 0 0 1px #fff3}.vu-meter-h-led-rack--mono-continuous .vu-meter-h-led.vu-meter-led--warm.is-active{background:linear-gradient(180deg,#fff078,#ffbe3f);box-shadow:0 0 13px #ffc15866,inset 0 0 0 1px #ffffff2e}.vu-meter-h-led-rack--mono-comb .vu-meter-h-led.vu-meter-led--warm.is-active,.vu-meter-h-led-rack--stereo-comb .vu-meter-h-led.vu-meter-led--warm.is-active{background:linear-gradient(180deg,#fff071,#f3bd3f);box-shadow:0 0 7px #ffcc6438,inset 1px 1px #ffffff1f,inset -1px -1px #00000057}.vu-meter-h-led-rack--stereo-comb .vu-meter-h-led.vu-meter-led--danger.is-active,.vu-meter-h-led-rack--mono-comb .vu-meter-h-led.vu-meter-led--danger.is-active{background:linear-gradient(180deg,#ff9569,#e04a2e);box-shadow:0 0 7px #ff705433,inset 1px 1px #ffffff1f,inset -1px -1px #00000057}.vu-meter-h-led-rack--mono-comb .vu-meter-h-led-row__label,.vu-meter-h-led-rack--stereo-comb .vu-meter-h-led-row__label{align-self:stretch;display:flex;align-items:center;justify-content:center;min-width:2.3rem;padding:0 .22rem;border:1px solid #858585;border-top-color:#f1f1f1;border-left-color:#f1f1f1;border-right-color:#565656;border-bottom-color:#565656;background:linear-gradient(180deg,#d2d2d2,#b5b5b5);color:#18210f;font-size:.52rem;letter-spacing:.06em;text-shadow:0 1px 0 rgba(255,255,255,.35)}.vu-meter-h-led-rack--mono-continuous .vu-meter-h-led.vu-meter-led--danger.is-active{background:linear-gradient(180deg,#ff9a68,#ff3d2e);box-shadow:0 0 15px #ff604e7a,inset 0 0 0 1px #ffffff2e}.vu-meter-columns{display:grid;grid-template-columns:repeat(20,minmax(0,1fr));gap:.22rem;align-items:end;min-height:6rem}.vu-meter-column{display:flex;flex-direction:column-reverse;gap:.18rem}.vu-meter-spectrum{display:grid;grid-template-columns:repeat(20,minmax(0,1fr));gap:.28rem;align-items:end;min-height:7rem}.vu-meter-spectrum-bar{border-radius:999px 999px 0 0;background:linear-gradient(180deg,hsl(var(--vu-meter-hue) 96% 68%),color-mix(in srgb,var(--theme-accent) 58%,hsl(var(--vu-meter-hue) 100% 42%)));box-shadow:0 0 10px color-mix(in srgb,var(--theme-accent) 18%,transparent)}.vu-meter-wave{width:100%;min-height:7rem}.vu-meter--wave-scope.vu-meter--floating .vu-meter-wave{height:100%;min-height:0}.vu-meter-wave path{fill:none;stroke:var(--vu-meter-wave-stroke);stroke-width:1.05;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 3px var(--vu-meter-wave-glow))}.vu-meter-mini-bars{display:grid;grid-template-columns:repeat(20,minmax(0,1fr));gap:.2rem;align-items:end;min-height:5.5rem}.vu-meter-mini-bars--compact{grid-template-columns:repeat(12,minmax(0,1fr))}.vu-meter-mini-bar{border-radius:999px 999px 0 0;background:linear-gradient(180deg,var(--theme-field-fg),var(--theme-accent));box-shadow:0 0 6px var(--vu-meter-glow)}.vu-meter-window{min-height:100vh;min-height:100dvh;display:grid;grid-template-rows:auto 1fr;background:radial-gradient(circle at top,color-mix(in srgb,var(--theme-accent) 18%,transparent),transparent 30%),linear-gradient(180deg,var(--theme-bg),color-mix(in srgb,var(--theme-panel) 82%,var(--theme-bg)));color:var(--theme-fg)}.vu-meter-window__toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem .55rem}.vu-meter-window__title-group{display:grid;gap:.1rem}.vu-meter-window__eyebrow{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:color-mix(in srgb,var(--theme-fg) 62%,transparent)}.vu-meter-window__title{font-size:1rem;letter-spacing:.04em}.vu-meter-window__actions{display:flex;gap:.45rem}.vu-meter-window__button{min-height:2.1rem;padding:.4rem .75rem;border:1px solid color-mix(in srgb,var(--theme-fg) 12%,transparent);border-radius:999px;color:var(--theme-field-fg);background:color-mix(in srgb,var(--theme-field) 58%,transparent)}.vu-meter-window__content{display:grid;place-items:center;container-type:size;padding:.35rem .9rem .9rem;overflow:hidden}.vu-meter--windowed{position:relative;inset:auto;width:100%;height:100%;min-height:0;padding:.8rem;transform:none}.vu-meter--windowed.vu-meter--floating,.vu-meter--windowed.vu-meter--integrated{right:auto;bottom:auto;left:auto}.vu-meter--windowed .vu-meter-wave{min-height:min(18vh,5.5rem)}.vu-meter--windowed .vu-meter-spectrum,.vu-meter--windowed .vu-meter-mini-bars,.vu-meter--windowed .vu-meter-columns{min-height:min(42vh,12rem)}.vu-meter--windowed.vu-meter--led-horizontal-mono .vu-meter-h-led-rack,.vu-meter--windowed.vu-meter--led-horizontal-stereo .vu-meter-h-led-rack{width:100%}.vu-meter--windowed .vu-meter-h-led-rack__scale{font-size:.62rem}.vu-meter--windowed .vu-meter-h-led-row{grid-template-columns:1.7rem minmax(0,1fr);gap:.42rem}.vu-meter--windowed .vu-meter-h-led-row__label{font-size:.82rem}.vu-meter--windowed .vu-meter-h-led-row__segments{gap:.2rem}.vu-meter--windowed .vu-meter-h-led{min-height:.9rem}.vu-meter--windowed.vu-meter--led-mono,.vu-meter--windowed.vu-meter--led-stereo{display:grid;place-items:center;padding:.2rem;overflow:hidden}.vu-meter--windowed.vu-meter--led-mono .vu-meter-led-rack,.vu-meter--windowed.vu-meter--led-stereo .vu-meter-led-rack{padding:.14rem .1rem;border-width:0;border-radius:.28rem;background:transparent;box-shadow:none}.vu-meter--windowed.vu-meter--led-mono .vu-meter-led-rack{width:min(calc((100dvh - 3rem)*.96),calc(100dvw - 3rem),96cqw);max-width:100%;aspect-ratio:8.4 / 8.72;margin:0;align-self:center}.vu-meter--windowed.vu-meter--led-mono .vu-meter-led-rack__scale{align-items:center;min-width:clamp(2.8rem,6.2vmin,4.4rem);font-size:clamp(.85rem,1.9vmin,1.3rem);text-align:center}.vu-meter--windowed.vu-meter--led-mono .vu-meter-led{border-radius:999px}.vu-meter--windowed.vu-meter--led-stereo .vu-meter-led-rack{width:min(calc((100dvh - 3rem)*1.28),calc(100dvw - 3rem),96cqw);max-width:100%;aspect-ratio:11.2 / 8.72;margin:0;align-self:center}.vu-meter--windowed.vu-meter--led-stereo .vu-meter-led-rack__scale{align-items:center;min-width:clamp(2.8rem,6.2vmin,4.4rem);font-size:clamp(.85rem,1.9vmin,1.3rem);text-align:center}.vu-meter--windowed.vu-meter--led-stereo .vu-meter-led--column{border-radius:999px}.select-field--compact{min-width:0}.select-field--compact select,.text-field-input{width:100%}.text-field-input{min-height:42px;padding:.58rem .78rem;border:1px solid color-mix(in srgb,var(--theme-fg) 7%,transparent);border-radius:14px;color:var(--theme-field-fg);background:color-mix(in srgb,var(--theme-field) 58%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.text-field-input::placeholder{color:color-mix(in srgb,var(--theme-field-fg) 45%,transparent)}.text-field-input:disabled,.select-field--compact select:disabled{opacity:.55;cursor:not-allowed}.text-field-input--file{padding-block:.5rem}.text-field-input--file::file-selector-button{margin-right:.7rem;padding:.5rem .7rem;border:1px solid color-mix(in srgb,var(--theme-fg) 10%,transparent);border-radius:10px;color:var(--theme-field-fg);background:color-mix(in srgb,var(--theme-panel) 72%,transparent)}.choice-field{display:flex;align-items:center;gap:.6rem;color:var(--theme-field-fg)}.choice-field input[type=radio]{accent-color:var(--theme-accent)}.alarm-visual-row{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.05rem 0}.alarm-color-field input[type=color]{width:3rem;height:2.25rem;padding:.2rem;border:1px solid color-mix(in srgb,var(--theme-fg) 10%,transparent);border-radius:12px;background:color-mix(in srgb,var(--theme-field) 58%,transparent)}.alarm-color-field input[type=color]:disabled{opacity:.5;cursor:not-allowed}.alarm-list{display:grid;gap:.6rem}.alarm-empty-state{margin:0;padding:.85rem .9rem;border:1px dashed color-mix(in srgb,var(--theme-fg) 16%,transparent);border-radius:14px;color:color-mix(in srgb,var(--theme-fg) 68%,transparent);text-align:center}.alarm-row{display:grid;gap:.4rem;padding:.7rem;border:1px solid color-mix(in srgb,var(--alarm-row-accent, var(--theme-fg)) 52%,transparent);border-radius:14px;background:linear-gradient(180deg,color-mix(in srgb,var(--alarm-row-accent, var(--theme-accent)) 14%,var(--theme-field)),color-mix(in srgb,var(--theme-field) 74%,transparent));box-shadow:inset 0 1px color-mix(in srgb,white 14%,transparent),0 10px 24px color-mix(in srgb,var(--alarm-row-accent, black) 12%,transparent)}.alarm-row-header{display:grid;grid-template-columns:minmax(0,auto) minmax(0,1fr);gap:.55rem;align-items:center}.alarm-title-group{display:flex;align-items:center;gap:.5rem}.alarm-badge{display:inline-flex;align-items:center;justify-content:center;min-height:2.2rem;padding:.4rem .75rem;border-radius:12px;border:1px solid color-mix(in srgb,var(--theme-fg) 10%,transparent);color:var(--theme-fg);font-size:.84rem;font-weight:700;line-height:1;white-space:nowrap;background:color-mix(in srgb,var(--theme-panel) 68%,transparent);box-shadow:inset 0 1px #ffffff2e,0 8px 18px #0000002e;text-shadow:none}.alarm-badge-color-field{position:relative;display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.2rem;border:1px solid color-mix(in srgb,var(--theme-fg) 10%,transparent);border-radius:12px;color:#fff8ef;background:color-mix(in srgb,var(--alarm-row-accent, var(--theme-accent)) 78%,var(--theme-panel));box-shadow:inset 0 1px #fff3,0 8px 18px #0000002e;cursor:pointer;overflow:hidden}.alarm-badge-color-icon{width:1.7rem;height:1.7rem;line-height:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.22))}.alarm-badge-color-icon svg{width:100%;height:100%;display:block}.alarm-badge-color-icon img{width:100%;height:100%;display:block;object-fit:contain}.alarm-badge-color-field input[type=color]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:none;opacity:0;cursor:pointer}.alarm-name-input{min-width:0}.alarm-row-controls{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr) auto;gap:.55rem;align-items:center}.alarm-row-controls .select-field--compact{min-width:0}.alarm-row-source{display:grid;gap:.55rem}.alarm-time-input{min-width:0}.alarm-row-remove{flex:0 0 auto;min-width:42px;padding-inline:.7rem}.alarm-actions{display:flex;gap:.55rem}.alarm-add-button{width:100%}.alarm-local-file{display:grid;gap:.45rem}.alarm-local-file-input{display:none}.alarm-file-button,.alarm-row select{width:100%}.action-button{flex:1 1 0;min-height:42px;padding:.62rem .8rem;border:1px solid color-mix(in srgb,var(--theme-accent) 28%,transparent);border-radius:14px;color:var(--theme-field-fg);background:linear-gradient(180deg,color-mix(in srgb,var(--theme-accent) 24%,var(--theme-field)),color-mix(in srgb,var(--theme-field) 82%,transparent))}.action-button--secondary{border-color:color-mix(in srgb,var(--theme-fg) 10%,transparent);background:color-mix(in srgb,var(--theme-field) 46%,transparent)}.action-button:disabled{opacity:.5;cursor:not-allowed}.alarm-status{margin:0;font-size:.82rem;line-height:1.45}.alarm-status--ringing{color:color-mix(in srgb,var(--theme-accent) 78%,var(--theme-fg))}.alarm-status--error{color:#ff9d9d}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes alarm-visual-blink{0%,49.999%{opacity:1}50%,to{opacity:0}}.display-stage-card>*{min-height:100%}.display-stage-card>.top-controls{min-height:auto}.display-stage-card>.live-radio-controls{min-height:auto}@media(max-width:720px){.live-player-button{max-width:min(18rem,calc(100vw - 7rem))}.live-player-panel{max-width:min(20rem,calc(100vw - 2rem))}}.three-preview,.segment-preview,.flip-preview{min-height:0;height:100%}.select-field{display:block}.select-field select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.three-preview{min-height:100dvh;border-radius:0;overflow:hidden;border:none}.clock-layout--apple-webkit .three-preview,.clock-layout--apple-webkit .segment-preview,.clock-layout--apple-webkit .flip-preview{min-height:100vh}.clock-layout[data-theme-family=light] .display-stage-card[data-display-id=analog],.clock-layout[data-theme-family=light] .three-preview{background:radial-gradient(circle at top,color-mix(in srgb,var(--theme-accent) 16%,transparent),transparent 30%),linear-gradient(180deg,var(--theme-bg),color-mix(in srgb,var(--theme-panel) 86%,white 14%))}.clock-layout[data-theme-family=playful] .display-stage-card[data-display-id=analog],.clock-layout[data-theme-family=playful] .three-preview{background:radial-gradient(circle at 18% 18%,color-mix(in srgb,var(--theme-accent) 34%,transparent),transparent 28%),radial-gradient(circle at 82% 14%,color-mix(in srgb,var(--theme-field) 30%,transparent),transparent 24%),linear-gradient(180deg,color-mix(in srgb,var(--theme-panel) 62%,white 10%),color-mix(in srgb,var(--theme-bg) 84%,var(--theme-accent) 16%) 52%,color-mix(in srgb,var(--theme-panel) 58%,black 8%))}.clock-layout--apple-webkit[data-theme-family=playful] .display-stage-card[data-display-id=analog],.clock-layout--apple-webkit[data-theme-family=playful] .three-preview{background:linear-gradient(180deg,var(--theme-panel) 0%,var(--theme-bg) 100%)}.three-preview--fallback{display:grid;place-items:center;padding:1.5rem;text-align:center;color:color-mix(in srgb,var(--theme-fg) 82%,transparent);background:radial-gradient(circle at 50% 38%,color-mix(in srgb,var(--theme-accent) 18%,transparent),transparent 28%),linear-gradient(180deg,color-mix(in srgb,var(--theme-panel) 58%,transparent),color-mix(in srgb,var(--theme-bg) 88%,#000000))}.analog-fallback{--analog-fallback-bg: var(--theme-bg);--analog-fallback-panel: var(--theme-panel);--analog-fallback-fg: var(--theme-fg);--analog-fallback-accent: var(--theme-accent)}.analog-fallback__stage{display:grid;place-items:center;width:100%;height:100%;padding:clamp(3.75rem,7vh,5.5rem) clamp(1rem,2vw,1.5rem) clamp(1.5rem,3vh,2.5rem)}.clock-layout--apple-webkit .analog-fallback__stage{padding:clamp(3.4rem,7vh,5.2rem) clamp(1rem,2vw,1.6rem) clamp(1.2rem,3vh,2rem)}.analog-fallback__svg{width:min(72vw,calc(100dvh - 7.5rem),34rem);max-width:100%;max-height:100%;aspect-ratio:1;overflow:visible;filter:drop-shadow(0 1.4rem 3rem color-mix(in srgb,black 30%,transparent))}.clock-layout--apple-webkit .analog-fallback__svg{width:min(82vw,calc(100vh - 5.4rem),40rem)}.clock-layout--no-color-mix .analog-fallback__rim{fill:var(--analog-fallback-accent)}.clock-layout--no-color-mix .analog-fallback__face{stroke:var(--analog-fallback-panel)}.clock-layout--no-color-mix .analog-fallback__marker{stroke:var(--analog-fallback-fg);opacity:.55}.clock-layout--no-color-mix .analog-fallback__date-box,.clock-layout--no-color-mix .analog-fallback__center-dot,.clock-layout--no-color-mix .analog-fallback__mini-ring{fill:var(--analog-fallback-accent)}.clock-layout--no-color-mix .analog-fallback__hand--second,.clock-layout--no-color-mix .analog-fallback__date-line{stroke:var(--analog-fallback-fg);fill:var(--analog-fallback-fg)}.analog-fallback__rim{fill:color-mix(in srgb,var(--analog-fallback-accent) 88%,white 12%)}.analog-fallback__face{fill:var(--analog-fallback-bg);stroke:color-mix(in srgb,var(--analog-fallback-bg) 72%,black 28%);stroke-width:3}.analog-fallback__marker{stroke:color-mix(in srgb,var(--analog-fallback-fg) 72%,transparent);stroke-width:.7;stroke-linecap:round}.analog-fallback__marker--hour{stroke:var(--analog-fallback-fg);stroke-width:1.5}.analog-fallback__label{font-weight:700;fill:var(--analog-fallback-fg);font-size:5px}.analog-fallback__date-box{fill:color-mix(in srgb,var(--analog-fallback-accent) 22%,var(--analog-fallback-bg))}.analog-fallback__date-line{fill:#fff;text-transform:uppercase}.analog-fallback__date-line--small{font-size:2.2px;letter-spacing:.35px}.analog-fallback__date-line--large{font-size:6px;font-weight:800}.analog-fallback__hand{stroke:var(--analog-fallback-accent);stroke-linecap:round}.analog-fallback__hand--hour{stroke-width:2.6}.analog-fallback__hand--minute{stroke-width:1.8}.analog-fallback__hand--second{stroke:color-mix(in srgb,white 84%,var(--analog-fallback-accent));stroke-width:.9}.analog-fallback__center-ring{fill:var(--analog-fallback-bg)}.analog-fallback__center-dot{fill:color-mix(in srgb,var(--analog-fallback-accent) 82%,white 18%)}.analog-fallback__mini-ring{fill:color-mix(in srgb,var(--analog-fallback-mini-accent, var(--analog-fallback-accent)) 82%,white 18%)}.analog-fallback__mini-face{fill:var(--analog-fallback-bg)}.analog-fallback__mini-hand{stroke:var(--analog-fallback-mini-accent, var(--analog-fallback-accent));stroke-width:.8;stroke-linecap:round}.analog-fallback__mini-center{fill:var(--analog-fallback-mini-accent, var(--analog-fallback-accent))}@media(max-width:720px){.three-preview--fallback{padding:2rem 1rem 1.2rem}.analog-fallback__stage{padding:4.25rem .75rem 1.25rem}.analog-fallback__svg{width:min(84vw,calc(100dvh - 6.25rem))}}.segment-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(.8rem,2vh,1.5rem);width:100%;min-height:100dvh;padding:clamp(.35rem,1vh,.85rem);border-radius:0;background:linear-gradient(180deg,#050505,#090909 45%,#030303);box-shadow:inset 0 1px #ffffff0a}.clock-layout--apple-webkit .segment-preview{justify-content:center;padding-top:clamp(3.8rem,9vh,5.8rem);padding-bottom:clamp(1.4rem,4vh,2.4rem)}.clock-layout--no-color-mix .segment-preview{background:#050505}.clock-layout[data-theme-family=light] .segment-preview{background:radial-gradient(circle at 50% 12%,color-mix(in srgb,var(--theme-accent) 12%,transparent),transparent 34%),linear-gradient(180deg,color-mix(in srgb,white 72%,var(--theme-panel)),color-mix(in srgb,white 56%,var(--theme-bg)));box-shadow:inset 0 1px #ffffff57,inset 0 -20px 32px color-mix(in srgb,var(--theme-panel) 12%,transparent)}.clock-layout--no-color-mix[data-theme-family=light] .segment-preview{background:linear-gradient(180deg,var(--theme-field) 0%,var(--theme-bg) 100%);box-shadow:inset 0 1px #ffffff57}.clock-layout[data-theme-family=playful] .segment-preview{background:radial-gradient(circle at 18% 22%,color-mix(in srgb,var(--theme-accent) 34%,transparent),transparent 28%),radial-gradient(circle at 84% 12%,color-mix(in srgb,var(--theme-field) 28%,transparent),transparent 24%),linear-gradient(160deg,color-mix(in srgb,var(--theme-bg) 76%,white 10%),color-mix(in srgb,var(--theme-panel) 68%,var(--theme-accent) 12%) 48%,color-mix(in srgb,var(--theme-field) 74%,black 6%));box-shadow:inset 0 1px color-mix(in srgb,white 24%,transparent),inset 0 -24px 40px color-mix(in srgb,var(--theme-panel) 18%,transparent)}.clock-layout--apple-webkit[data-theme-family=playful] .segment-preview{background:linear-gradient(180deg,var(--theme-panel) 0%,var(--theme-bg) 100%);box-shadow:inset 0 1px #ffffff1f,inset 0 -20px 28px #00000038}.clock-layout--apple-webkit[data-theme-name="[Clair] Miellerie La Divette"] .segment-preview,.clock-layout--apple-webkit[data-theme-name="[Pouet] Barbie Apocalypse"] .segment-preview,.clock-layout--apple-webkit[data-theme-name="[Pouet] Compagnie Creole"] .segment-preview{background:var(--theme-bg);box-shadow:inset 0 1px #ffffff1f}.clock-layout--no-color-mix[data-theme-family=playful] .segment-preview{background:linear-gradient(160deg,var(--theme-bg) 0%,var(--theme-panel) 55%,var(--theme-field) 100%)}.segment-row{display:flex;align-items:center;justify-content:center;gap:clamp(.15rem,.45vw,.4rem);width:100%}.segment-row--time{flex:0 1 auto;gap:clamp(.48rem,1.05vw,.95rem)}.segment-row--time>.segment-digit:nth-child(1),.segment-row--time>.segment-digit:nth-child(4){margin-right:clamp(.35rem,.8vw,.7rem)}.segment-time-cluster{position:relative;display:inline-flex;align-items:center;justify-content:center;padding-right:clamp(2.8rem,5vw,4.6rem)}.segment-alarm-bells{position:absolute;left:calc(100% + .9rem);top:0;display:flex;flex-direction:column;align-items:center;gap:clamp(.35rem,.8vw,.7rem)}.segment-alarm-bell{width:clamp(2.2rem,4vw,3.3rem);height:clamp(2.2rem,4vw,3.3rem);display:block;filter:drop-shadow(0 0 7px color-mix(in srgb,currentColor 55%,transparent)) drop-shadow(0 0 16px color-mix(in srgb,currentColor 18%,transparent))}.segment-row--date{gap:clamp(.08rem,.25vw,.24rem)}.segment-row--date .segment-digit{width:min(2.25vw,27px);height:min(4.25vw,51px)}.segment-row--date .segment-colon-wrap{width:min(.45vw,4px);height:min(4.25vw,51px)}.segment-row--date .segment-colon span{width:min(.3vw,2.5px);height:min(.3vw,2.5px)}.segment-digit{position:relative;width:min(18vw,220px);height:min(34vw,420px);border-radius:0;background:transparent;box-shadow:none}.segment-digit-svg{width:100%;height:100%;display:block;filter:drop-shadow(0 10px 24px rgba(0,0,0,.28))}.segment-shape{fill:#00000029;stroke:#ffffff02;stroke-width:1.5;opacity:.38;transition:fill .18s ease,filter .18s ease,opacity .18s ease}.clock-layout--no-color-mix .segment-shape{fill:var(--theme-panel);stroke:none;opacity:.5}.segment-shape.on{fill:var(--theme-accent);opacity:1;filter:drop-shadow(0 0 3px color-mix(in srgb,var(--theme-accent) 38%,transparent)) drop-shadow(0 0 8px color-mix(in srgb,var(--theme-accent) 9%,transparent))}.clock-layout--no-color-mix .segment-shape.on{fill:var(--theme-accent);filter:none}.clock-layout[data-theme-family=playful] .segment-shape{fill:color-mix(in srgb,var(--theme-panel) 48%,black 12%);stroke:color-mix(in srgb,var(--theme-field) 12%,transparent);opacity:.58}.clock-layout--apple-webkit[data-theme-family=playful] .segment-shape{fill:#00000057;stroke:#ffffff0f;opacity:.72}.clock-layout--apple-webkit[data-theme-name="[Clair] Miellerie La Divette"] .segment-shape{fill:#50371a1f;stroke:#50371a0a;opacity:.36}.clock-layout--apple-webkit[data-theme-name="[Pouet] Chewing-gum Ocean"] .segment-shape,.clock-layout--apple-webkit[data-theme-name="[Pouet] Pamplemousse"] .segment-shape,.clock-layout--apple-webkit[data-theme-name="[Pouet] Raisin Toxique"] .segment-shape,.clock-layout--apple-webkit[data-theme-name="[Pouet] Citron qui pique"] .segment-shape{fill:#00000029;stroke:#ffffff08;opacity:.42}.clock-layout--apple-webkit[data-theme-name="[Pouet] Barbie Apocalypse"] .segment-shape,.clock-layout--apple-webkit[data-theme-name="[Pouet] Compagnie Creole"] .segment-shape{fill:#0003;stroke:#ffffff0a;opacity:.46}.clock-layout[data-theme-family=playful] .segment-shape.on{fill:color-mix(in srgb,var(--theme-accent) 78%,white 22%);filter:drop-shadow(0 0 5px color-mix(in srgb,var(--theme-accent) 62%,transparent)) drop-shadow(0 0 16px color-mix(in srgb,var(--theme-field) 24%,transparent))}.clock-layout--apple-webkit[data-theme-family=playful] .segment-shape.on{fill:var(--theme-field-fg);filter:drop-shadow(0 0 6px rgba(255,255,255,.28)) drop-shadow(0 0 18px rgba(255,255,255,.12))}.clock-layout--apple-webkit[data-theme-name="[Clair] Miellerie La Divette"] .segment-shape.on,.clock-layout--apple-webkit[data-theme-name="[Pouet] Chewing-gum Ocean"] .segment-shape.on,.clock-layout--apple-webkit[data-theme-name="[Pouet] Pamplemousse"] .segment-shape.on,.clock-layout--apple-webkit[data-theme-name="[Pouet] Raisin Toxique"] .segment-shape.on,.clock-layout--apple-webkit[data-theme-name="[Pouet] Citron qui pique"] .segment-shape.on,.clock-layout--apple-webkit[data-theme-name="[Pouet] Barbie Apocalypse"] .segment-shape.on,.clock-layout--apple-webkit[data-theme-name="[Pouet] Compagnie Creole"] .segment-shape.on{fill:var(--theme-field-fg);filter:drop-shadow(0 0 4px rgba(255,255,255,.18)) drop-shadow(0 0 10px rgba(255,255,255,.08))}.clock-layout--no-color-mix .segment-colon span{background:var(--theme-accent);box-shadow:none}.clock-layout[data-theme-family=playful] .segment-colon span{background:color-mix(in srgb,var(--theme-accent) 74%,white 26%);box-shadow:0 0 12px color-mix(in srgb,var(--theme-accent) 54%,transparent),0 0 24px color-mix(in srgb,var(--theme-field) 22%,transparent)}.clock-layout--apple-webkit[data-theme-family=playful] .segment-colon span{background:var(--theme-field-fg);box-shadow:0 0 10px #fff3,0 0 20px #ffffff1a}.clock-layout--apple-webkit[data-theme-name="[Clair] Miellerie La Divette"] .segment-colon span,.clock-layout--apple-webkit[data-theme-name="[Pouet] Chewing-gum Ocean"] .segment-colon span,.clock-layout--apple-webkit[data-theme-name="[Pouet] Pamplemousse"] .segment-colon span,.clock-layout--apple-webkit[data-theme-name="[Pouet] Raisin Toxique"] .segment-colon span,.clock-layout--apple-webkit[data-theme-name="[Pouet] Citron qui pique"] .segment-colon span,.clock-layout--apple-webkit[data-theme-name="[Pouet] Barbie Apocalypse"] .segment-colon span,.clock-layout--apple-webkit[data-theme-name="[Pouet] Compagnie Creole"] .segment-colon span{background:var(--theme-field-fg);box-shadow:0 0 6px #ffffff24,0 0 12px #ffffff0f}.segment-colon-wrap{display:flex;align-items:center;justify-content:center;width:min(5.4vw,64px);height:min(34vw,420px)}.segment-colon{display:grid;justify-items:center;gap:min(11vh,7.4rem)}.segment-colon span{width:min(2.8vw,28px);height:min(2.8vw,28px);border-radius:50%;background:var(--theme-accent);box-shadow:0 0 8px color-mix(in srgb,var(--theme-accent) 36%,transparent),0 0 18px color-mix(in srgb,var(--theme-accent) 8%,transparent)}.flip-preview{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(.12rem,.35vw,.28rem);min-height:calc(100vh - 74px);padding:clamp(.45rem,1vw,.9rem);border-radius:0;border:1px solid color-mix(in srgb,var(--theme-accent) 12%,rgba(0,0,0,.42));background:radial-gradient(circle at 50% -10%,rgba(255,255,255,.035),transparent 28%),linear-gradient(180deg,rgba(255,255,255,.04),transparent 14%),linear-gradient(180deg,color-mix(in srgb,var(--theme-panel) 78%,#6a5742),color-mix(in srgb,var(--theme-panel) 56%,#2f2923) 14%,color-mix(in srgb,var(--theme-bg) 86%,#16120f));box-shadow:inset 0 1px #ffffff14,inset 0 -24px 30px #0003,inset 0 0 0 1px #ffffff05,0 20px 42px #00000042}.clock-layout[data-theme-family=playful] .flip-preview{border-color:color-mix(in srgb,var(--theme-accent) 28%,transparent);background:radial-gradient(circle at 16% 16%,color-mix(in srgb,var(--theme-accent) 30%,transparent),transparent 24%),radial-gradient(circle at 84% 10%,color-mix(in srgb,var(--theme-field) 26%,transparent),transparent 22%),linear-gradient(180deg,color-mix(in srgb,white 10%,transparent),transparent 14%),linear-gradient(180deg,color-mix(in srgb,var(--theme-panel) 70%,white 10%),color-mix(in srgb,var(--theme-bg) 82%,var(--theme-accent) 18%) 18%,color-mix(in srgb,var(--theme-field) 74%,black 8%));box-shadow:inset 0 1px color-mix(in srgb,white 18%,transparent),inset 0 -24px 34px color-mix(in srgb,var(--theme-panel) 18%,transparent),inset 0 0 0 1px color-mix(in srgb,white 6%,transparent),0 20px 42px color-mix(in srgb,var(--theme-bg) 28%,transparent)}.clock-layout--apple-webkit[data-theme-family=playful] .flip-preview,.clock-layout--apple-webkit[data-theme-family=playful] .flip-stage-cluster,.clock-layout--apple-webkit[data-theme-family=playful] .flip-date-row{background:linear-gradient(180deg,var(--theme-panel) 0%,var(--theme-bg) 100%)}.flip-stage-cluster{position:relative;display:inline-flex;align-items:center;justify-content:center;width:min(92vw,1230px);padding:clamp(.45rem,.9vw,.8rem) clamp(2.5rem,3.8vw,3.8rem) clamp(.45rem,.9vw,.8rem) clamp(2.5rem,3.8vw,3.8rem);border-radius:0;background:linear-gradient(180deg,rgba(255,255,255,.035),transparent 14%),linear-gradient(180deg,color-mix(in srgb,var(--theme-panel) 68%,#40362d),color-mix(in srgb,var(--theme-bg) 88%,#171310));box-shadow:inset 0 1px #ffffff0d,inset 0 -1px #00000059,inset 0 0 0 1px #ffffff06,0 12px 24px #0003}.clock-layout[data-theme-family=playful] .flip-stage-cluster,.clock-layout[data-theme-family=playful] .flip-date-row{background:linear-gradient(180deg,color-mix(in srgb,white 8%,transparent),transparent 14%),linear-gradient(180deg,color-mix(in srgb,var(--theme-panel) 70%,white 10%),color-mix(in srgb,var(--theme-bg) 82%,var(--theme-accent) 18%));box-shadow:inset 0 1px color-mix(in srgb,white 14%,transparent),inset 0 -1px color-mix(in srgb,black 16%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--theme-field) 10%,transparent),0 12px 24px color-mix(in srgb,var(--theme-bg) 24%,transparent)}.flip-time-row{display:flex;align-items:center;justify-content:center;gap:clamp(.5rem,1vw,.95rem);width:auto}.flip-date-row{display:flex;align-items:center;justify-content:center;width:min(92vw,1230px);gap:clamp(.18rem,.45vw,.38rem);padding:clamp(.32rem,.7vw,.55rem) clamp(.5rem,1vw,.8rem);border-radius:0;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 14%),linear-gradient(180deg,color-mix(in srgb,var(--theme-panel) 68%,#40362d),color-mix(in srgb,var(--theme-bg) 88%,#171310));box-shadow:inset 0 1px #ffffff0a,inset 0 -1px #00000047,inset 0 0 0 1px #ffffff05}.flip-date-group{display:flex;gap:clamp(.1rem,.28vw,.18rem)}.flip-date-row .flip-tile{width:min(6.3vw,63px);height:min(8.7vw,87px);border-radius:0}.flip-date-row .flip-static-digit,.flip-date-row .flip-animated-digit{padding-top:.08em;font-size:clamp(1.8rem,4.5vw,3.1rem)}.flip-date-row .flip-pin{width:2px;height:2px}.flip-date-row .flip-pin.left{left:2px}.flip-date-row .flip-pin.right{right:2px}.flip-date-row .flip-divider{height:2px}.flip-date-separator{font-size:clamp(.95rem,1.6vw,1.3rem);font-weight:700;line-height:1;color:color-mix(in srgb,var(--theme-fg) 54%,var(--theme-accent));transform:translateY(-.04em)}.flip-alarm-bells{position:absolute;right:-.1rem;top:.7rem;display:flex;flex-direction:column;align-items:center;gap:clamp(.35rem,.8vw,.7rem);width:clamp(2.5rem,3.8vw,3.8rem)}.flip-alarm-bell{width:clamp(1.45rem,2.6vw,2rem);height:clamp(1.45rem,2.6vw,2rem);display:block;filter:drop-shadow(0 0 5px color-mix(in srgb,currentColor 28%,transparent)) drop-shadow(0 0 10px color-mix(in srgb,currentColor 8%,transparent))}.flip-group{display:flex;gap:clamp(.16rem,.45vw,.36rem);flex:0 0 auto;justify-content:center}.flip-tile{position:relative;width:min(23.25vw,255px);height:min(30.75vw,322px);border-radius:0;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.025),transparent 14%),linear-gradient(180deg,color-mix(in srgb,var(--theme-panel) 62%,#463b31),color-mix(in srgb,var(--theme-bg) 90%,#14110f));border:1px solid color-mix(in srgb,var(--theme-fg) 8%,transparent);box-shadow:0 14px 24px #00000038,inset 0 1px #ffffff0d,inset 0 -1px #0000004d,inset 0 0 0 1px #ffffff05;perspective:1200px}.clock-layout[data-theme-family=playful] .flip-tile{background:linear-gradient(180deg,color-mix(in srgb,white 8%,transparent),transparent 16%),linear-gradient(180deg,color-mix(in srgb,var(--theme-field) 54%,white 8%),color-mix(in srgb,var(--theme-panel) 72%,var(--theme-accent) 10%));border-color:color-mix(in srgb,var(--theme-accent) 24%,transparent);box-shadow:0 14px 24px color-mix(in srgb,var(--theme-bg) 24%,transparent),inset 0 1px color-mix(in srgb,white 12%,transparent),inset 0 -1px color-mix(in srgb,black 14%,transparent),inset 0 0 0 1px color-mix(in srgb,var(--theme-field) 8%,transparent)}.clock-layout--apple-webkit[data-theme-family=playful] .flip-tile,.clock-layout--apple-webkit[data-theme-family=playful] .flip-half,.clock-layout--apple-webkit[data-theme-family=playful] .flip-half.bottom,.clock-layout--apple-webkit[data-theme-family=playful] .flip-flap-top,.clock-layout--apple-webkit[data-theme-family=playful] .flip-flap-bottom{background:linear-gradient(180deg,var(--theme-field) 0%,var(--theme-panel) 100%);border-color:#ffffff1f}.flip-half{display:grid;place-items:center;height:50%;position:relative;background:color-mix(in srgb,var(--theme-panel) 58%,#2a241f)}.flip-half.top{border-bottom:1px solid rgba(255,255,255,.03)}.flip-half.bottom{background:color-mix(in srgb,var(--theme-panel) 58%,#2a241f)}.clock-layout[data-theme-family=playful] .flip-half,.clock-layout[data-theme-family=playful] .flip-half.bottom,.clock-layout[data-theme-family=playful] .flip-flap-top,.clock-layout[data-theme-family=playful] .flip-flap-bottom{background:color-mix(in srgb,var(--theme-field) 52%,var(--theme-panel))}.flip-texture{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.16;background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 24%,transparent 72%,rgba(0,0,0,.2)),repeating-linear-gradient(0deg,transparent 0,transparent 7px,rgba(255,255,255,.012) 7px,rgba(255,255,255,.012) 8px);pointer-events:none}.flip-static-digit,.flip-animated-digit{position:absolute;left:0;width:100%;height:200%;padding-top:.12em;font-size:clamp(8.8rem,24vw,16.8rem);font-weight:720;letter-spacing:-.03em;line-height:1;text-align:center;color:color-mix(in srgb,var(--theme-field-fg) 56%,var(--theme-accent) 44%);font-family:Arial Narrow,Liberation Sans Narrow,Helvetica Neue,sans-serif;text-shadow:0 1px 0 rgba(0,0,0,.16),0 0 .25px color-mix(in srgb,var(--theme-accent) 22%,transparent),0 0 6px color-mix(in srgb,var(--theme-accent) 8%,transparent),0 4px 10px rgba(0,0,0,.14);display:flex;align-items:center;justify-content:center}.clock-layout[data-theme-family=dark] .flip-static-digit,.clock-layout[data-theme-family=dark] .flip-animated-digit{font-weight:760;letter-spacing:-.034em;text-shadow:0 2px 0 rgba(0,0,0,.2),0 0 .25px color-mix(in srgb,var(--theme-accent) 18%,transparent),0 0 5px color-mix(in srgb,var(--theme-accent) 6%,transparent),0 8px 16px rgba(0,0,0,.24)}.clock-layout[data-theme-family=light] .flip-static-digit,.clock-layout[data-theme-family=light] .flip-animated-digit{font-weight:700;letter-spacing:-.03em;color:color-mix(in srgb,var(--theme-field-fg) 48%,var(--theme-accent) 52%);text-shadow:0 1px 0 rgba(255,255,255,.38),0 0 5px color-mix(in srgb,var(--theme-accent) 8%,transparent),0 6px 12px rgba(0,0,0,.08)}.clock-layout[data-theme-family=playful] .flip-static-digit,.clock-layout[data-theme-family=playful] .flip-animated-digit{font-weight:800;letter-spacing:-.035em;color:color-mix(in srgb,var(--theme-field-fg) 42%,var(--theme-accent) 58%);text-shadow:0 2px 0 color-mix(in srgb,var(--theme-panel) 32%,transparent),0 0 7px color-mix(in srgb,var(--theme-accent) 12%,transparent),0 6px 14px rgba(0,0,0,.18)}.clock-layout--apple-webkit[data-theme-family=playful] .flip-static-digit,.clock-layout--apple-webkit[data-theme-family=playful] .flip-animated-digit{color:var(--theme-field-fg);text-shadow:0 2px 0 rgba(0,0,0,.18),0 0 8px rgba(255,255,255,.08),0 8px 16px rgba(0,0,0,.22)}.flip-half.top .flip-static-digit{top:0}.flip-half.bottom .flip-static-digit{top:-100%}.flip-divider{position:absolute;top:calc(50% - 2px);left:0;right:0;height:3px;background:linear-gradient(180deg,color-mix(in srgb,var(--theme-bg) 94%,#050505),color-mix(in srgb,var(--theme-panel) 44%,#2a231d),color-mix(in srgb,var(--theme-bg) 94%,#050505));z-index:2;box-shadow:0 1px #ffffff0f,0 2px 10px #00000047}.clock-layout[data-theme-family=playful] .flip-divider{background:linear-gradient(180deg,color-mix(in srgb,var(--theme-bg) 76%,black 14%),color-mix(in srgb,var(--theme-accent) 24%,var(--theme-panel)),color-mix(in srgb,var(--theme-bg) 76%,black 14%))}.clock-layout--apple-webkit[data-theme-family=playful] .flip-divider{background:linear-gradient(180deg,#0000008c,#ffffff1f,#0000008c)}.clock-layout[data-theme-family=playful] .flip-pin{background:radial-gradient(circle at 35% 30%,color-mix(in srgb,white 36%,transparent),transparent 36%),color-mix(in srgb,var(--theme-accent) 30%,var(--theme-panel))}.flip-pin{position:absolute;top:50%;width:10px;height:10px;border-radius:50%;transform:translateY(-50%);background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.22),transparent 36%),color-mix(in srgb,var(--theme-panel) 54%,#9b7d5e);box-shadow:inset 0 1px 1px color-mix(in srgb,var(--theme-fg) 20%,transparent),0 0 0 1px #0000002e,0 2px 4px #0003}.flip-pin.left{left:8px}.flip-pin.right{right:8px}.flip-flap{position:absolute;display:grid;place-items:center;left:0;right:0;height:50%;overflow:hidden;z-index:1;pointer-events:none;backface-visibility:hidden;transform-style:preserve-3d}.flip-flap-top{top:0;transform-origin:bottom center;background:color-mix(in srgb,var(--theme-panel) 58%,#2a241f);border-bottom:1px solid rgba(255,255,255,.03);opacity:0;transform:rotateX(0)}.flip-flap-top .flip-animated-digit{top:0}.flip-flap-bottom{bottom:0;transform-origin:top center;transform:rotateX(90deg);background:color-mix(in srgb,var(--theme-panel) 58%,#2a241f)}.flip-flap-bottom .flip-animated-digit{top:-100%}.flip-shadow{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0}.flip-shadow-top{background:linear-gradient(180deg,#0000000a,#00000038)}.flip-shadow-bottom{background:linear-gradient(180deg,#00000038,#0000000a)}.flip-phase-top .flip-flap-top{opacity:1;animation:flip-top .26s cubic-bezier(.37,.02,.63,.92) forwards}.flip-phase-top .flip-shadow-top{animation:shadow-top .26s ease-in forwards}.flip-phase-bottom .flip-flap-bottom{animation:flip-bottom .26s cubic-bezier(.2,.72,.25,1) forwards}.flip-phase-bottom .flip-shadow-bottom{animation:shadow-bottom .26s ease-out forwards}.flip-separator{display:grid;justify-items:center;gap:min(2.8vh,1.6rem);flex:0 0 auto}.flip-separator span{width:min(1.1vw,10px);height:min(1.1vw,10px);border-radius:50%;background:var(--theme-accent);box-shadow:0 0 6px color-mix(in srgb,var(--theme-accent) 28%,transparent),0 0 0 3px color-mix(in srgb,var(--theme-accent) 9%,transparent)}.clock-layout[data-theme-family=light] .flip-separator span{box-shadow:0 0 10px color-mix(in srgb,var(--theme-accent) 30%,transparent),0 0 0 4px color-mix(in srgb,var(--theme-accent) 10%,white)}.clock-layout[data-theme-family=playful] .flip-separator span{box-shadow:0 0 16px color-mix(in srgb,var(--theme-accent) 55%,transparent),0 0 28px color-mix(in srgb,var(--theme-accent) 22%,transparent),0 0 0 6px color-mix(in srgb,var(--theme-accent) 16%,transparent)}.clock-layout--apple-webkit[data-theme-family=playful] .flip-separator span{background:var(--theme-field-fg);box-shadow:0 0 10px #ffffff38,0 0 0 4px #ffffff14}@keyframes flip-top{0%{opacity:1;transform:rotateX(0)}45%{opacity:1;transform:rotateX(-32deg)}to{opacity:.98;transform:rotateX(-89deg)}}@keyframes flip-bottom{0%{transform:rotateX(89deg)}55%{transform:rotateX(18deg)}to{transform:rotateX(0)}}@keyframes shadow-top{0%{opacity:.12}to{opacity:.38}}@keyframes shadow-bottom{0%{opacity:.42}to{opacity:.08}}@media(max-width:720px){.top-controls{top:max(.55rem,env(safe-area-inset-top));right:max(.55rem,env(safe-area-inset-right));gap:.45rem;align-items:flex-end;flex-direction:column}.live-radio-controls{top:max(.55rem,env(safe-area-inset-top));left:max(.55rem,env(safe-area-inset-left));max-width:min(15.5rem,calc(100vw - 5.8rem - env(safe-area-inset-left) - env(safe-area-inset-right)))}.display-stage-card{padding:max(.3rem,env(safe-area-inset-top)) max(.3rem,env(safe-area-inset-right)) max(.3rem,env(safe-area-inset-bottom)) max(.3rem,env(safe-area-inset-left))}.options-panel{min-width:min(320px,calc(100vw - 1rem - env(safe-area-inset-left) - env(safe-area-inset-right)));max-height:min(74dvh,34rem);padding:.6rem}.live-player-button{gap:.35rem;min-height:36px}.live-player-button:after{margin-left:0}.live-player-button-icon,.options-button{width:1.9rem;min-width:1.9rem;height:1.9rem;min-height:1.9rem;padding:0}.live-player-collapsed-summary{display:none}.live-player-panel{gap:.35rem;margin-top:.3rem}.live-radio-select,.live-audio-summary{min-width:min(14.5rem,calc(100vw - 5.2rem))}.transport-controls{gap:.28rem;padding:.25rem .3rem}.transport-button{min-width:2.2rem;min-height:2rem;padding:.2rem .55rem}.transport-button--toggle{min-width:3.3rem}.station-combobox-panel{padding:.35rem;border-radius:12px}.station-suggestions{max-height:min(40dvh,14rem)}.segment-digit{width:min(18vw,88px);height:min(31vw,160px)}.segment-row--date .segment-digit{width:min(2vw,12px);height:min(3.5vw,23px)}.segment-alarm-bells{left:calc(100% + .45rem);gap:.24rem}.segment-alarm-bell{width:1.7rem;height:1.7rem}.segment-alarm-bell{width:2rem;height:2rem}.segment-colon-wrap{width:min(6.4vw,34px);height:min(31vw,160px)}.segment-row--date .segment-colon-wrap{width:min(.55vw,3px);height:min(3.5vw,23px)}.segment-colon span,.flip-separator span{width:min(2.4vw,10px);height:min(2.4vw,10px)}.segment-row--date .segment-colon span{width:min(.35vw,2px);height:min(.35vw,2px)}.flip-tile{width:min(16vw,78px);height:min(14vh,85px)}.flip-alarm-bells{right:-.04rem;top:.4rem;gap:.2rem}.flip-alarm-bell{width:1rem;height:1rem}.flip-date-row .flip-tile{width:min(9vw,39px);height:min(12vw,51px)}.flip-stage-cluster,.flip-date-row{width:min(97vw,609px)}.flip-date-row .flip-static-digit,.flip-date-row .flip-animated-digit{font-size:clamp(1.7rem,5.8vw,2.85rem)}.flip-half{height:50%}.flip-static-digit,.flip-animated-digit{font-size:clamp(5rem,18vw,8.7rem)}}:root{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.5;font-weight:400;color:var(--theme-fg, #f7f4ed);background:radial-gradient(circle at top,color-mix(in srgb,var(--theme-accent, #ff9800) 28%,transparent),transparent 28%),linear-gradient(160deg,var(--theme-bg, #08111f) 0%,color-mix(in srgb,var(--theme-panel, #10243d) 82%,var(--theme-bg, #08111f)) 48%,var(--theme-panel, #16344f) 100%);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--theme-bg, #08111f)}.app-shell{position:relative;min-height:100vh;min-height:100dvh}.app-signature{position:fixed;right:1rem;bottom:.8rem;z-index:40;padding:.28rem .55rem;border-radius:999px;color:color-mix(in srgb,var(--theme-fg, #f7f4ed) 72%,transparent);background:color-mix(in srgb,var(--theme-panel, #10243d) 52%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.72rem;letter-spacing:.05em;-webkit-user-select:none;user-select:none;text-decoration:none;transition:color .12s ease,background .12s ease}a.app-signature:hover{color:var(--theme-fg, #f7f4ed);background:color-mix(in srgb,var(--theme-panel, #10243d) 72%,transparent)}@media(max-width:720px)and (pointer:coarse){.app-signature{display:none}}button,input,select,textarea{font:inherit}