@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-latin-400-normal.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter-latin-500-normal.woff2)format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-latin-600-normal.woff2)format("woff2")}@font-face{font-family:Merriweather;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/merriweather-latin-700-normal.woff2)format("woff2")}:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--md-ref-typeface-plain:"Inter", sans-serif;--md-sys-typescale-body-large-font:"Inter", sans-serif;--md-sys-typescale-body-medium-font:"Inter", sans-serif;--md-sys-typescale-label-large-font:"Inter", sans-serif;--md-sys-typescale-label-medium-font:"Inter", sans-serif;--md-sys-typescale-label-small-font:"Inter", sans-serif;--color-primary-500:#00b59c;--color-primary-700:#008f80;--color-primary-900:#00574f;--color-skeuomorphic-led-glow:#2dffe3;--color-blue-500-light:#0037c2;--color-blue-500-dark:#5c7cfa;--color-orange-500:#e67702;--color-purple-500:#9f5afa;--color-red-500-light:#d6253e;--color-red-500-dark:#ef4e4e;--color-always-black:#000;--color-always-white:#fff;--color-neutral-100-light:#fff;--color-neutral-200-light:#f5f5f5;--color-neutral-300-light:#ebebeb;--color-neutral-400-light:#e1e1e1;--color-neutral-500-light:#d7d7d7;--color-neutral-600-light:#cdcdcd;--color-neutral-700-light:#a5a5a5;--color-neutral-800-light:#7d7d7d;--color-neutral-900-light:#000;--color-neutral-100-dark:#000;--color-neutral-200-dark:#1e1e1e;--color-neutral-300-dark:#2d2d2d;--color-neutral-400-dark:#373737;--color-neutral-500-dark:#414141;--color-neutral-600-dark:#4b4b4b;--color-neutral-700-dark:#737373;--color-neutral-800-dark:#9b9b9b;--color-neutral-900-dark:#fff;--color-neutral-100:var(--color-neutral-100-light);--color-neutral-200:var(--color-neutral-200-light);--color-neutral-300:var(--color-neutral-300-light);--color-neutral-400:var(--color-neutral-400-light);--color-neutral-500:var(--color-neutral-500-light);--color-neutral-600:var(--color-neutral-600-light);--color-neutral-700:var(--color-neutral-700-light);--color-neutral-800:var(--color-neutral-800-light);--color-neutral-900:var(--color-neutral-900-light);--color-neutral-100-25:color-mix(in srgb, var(--color-neutral-100) 25%, transparent);--color-neutral-900-25:color-mix(in srgb, var(--color-neutral-900) 25%, transparent);--color-neutral-900-75:color-mix(in srgb, var(--color-neutral-900) 75%, transparent);--color-neutral-900-12:color-mix(in srgb, var(--color-neutral-900) 12%, transparent);--color-always-black-12:color-mix(in srgb, var(--color-always-black) 12%, transparent);--color-always-black-25:color-mix(in srgb, var(--color-always-black) 25%, transparent);--color-always-black-50:color-mix(in srgb, var(--color-always-black) 50%, transparent);--color-always-white-25:color-mix(in srgb, var(--color-always-white) 25%, transparent);--color-skeuomorphic-tile-edges:var(--color-always-white);--color-skeuomorphic-neutral-500:#f5f5f5;--color-skeuomorphic-neutral-200:#d7d7d7;--color-skeuomorphic-black:#373737;--color-skeuomorphic-black-soft:#191919;--color-skeuomorphic-black-50-soft:var(--color-always-black-25);--color-skeuomorphic-black-50-soft-2:#000;--color-skeuomorphic-led-glow-80:#26e6ce;--color-skeuomorphic-led-glow-60:#1cc7b2;--color-skeuomorphic-led-glow-40:#13a08f;--color-skeuomorphic-led-glow-20:#0a7a6c;--skeuomorphic-texture-opacity:.24;--brand-plate-height:53px;--metronome-column-gap:8px;--metronome-shadow-bleed:25px;--skeuomorphic-button-transition:.18s cubic-bezier(.22, 1, .36, 1);--color-blue-500:var(--color-blue-500-light);--color-red-500:var(--color-red-500-light);--surface-page:var(--color-neutral-300);--surface-page-accent:var(--color-neutral-300);--surface-page-background:var(--color-neutral-300);--surface-panel:var(--color-neutral-100);--surface-panel-elevated:var(--color-neutral-200);--surface-control:var(--color-neutral-100);--surface-contrast:var(--color-neutral-900);--surface-contrast-active:var(--color-orange-500);--text-primary:var(--color-neutral-900);--text-secondary:var(--color-neutral-800);--text-readable-secondary:color-mix(in srgb, var(--text-primary) 60%, var(--text-secondary) 40%);--text-tertiary:var(--color-neutral-700);--text-on-contrast:var(--color-always-white);--link-color:var(--color-blue-500);--border-soft:var(--color-neutral-300);--border-medium:var(--color-neutral-500);--focus-ring:var(--color-primary-500);--dial-shadow-highlight:var(--color-always-white);--dial-shadow-lowlight:var(--color-neutral-500);--panel-shadow:color-mix(in srgb, var(--color-neutral-900) 12%, transparent);--panel-inner-shadow:color-mix(in srgb, var(--color-always-white) 72%, transparent);--button-shadow:color-mix(in srgb, var(--color-neutral-900) 18%, transparent);--button-shadow-hover:color-mix(in srgb, var(--color-neutral-900) 22%, transparent);--md-sys-color-primary:var(--color-primary-500);--md-sys-color-on-primary:var(--color-always-white);--md-sys-color-surface:var(--surface-panel);--md-sys-color-outline:var(--border-medium);--md-sys-color-surface-container:var(--surface-panel-elevated);--md-sys-color-surface-container-highest:var(--surface-control);--md-sys-color-on-surface:var(--text-primary);--md-sys-color-on-surface-variant:var(--text-secondary);--md-list-container-color:transparent;--md-list-item-label-text-color:var(--text-primary);--md-list-item-supporting-text-color:var(--text-secondary);--md-list-item-trailing-supporting-text-color:var(--text-secondary);--md-list-item-label-text-font:"Inter", sans-serif;--md-list-item-supporting-text-font:"Inter", sans-serif;--md-list-item-trailing-supporting-text-font:"Inter", sans-serif;--md-list-item-hover-state-layer-color:transparent;--md-list-item-hover-state-layer-opacity:0;--md-list-item-focus-state-layer-color:transparent;--md-list-item-focus-state-layer-opacity:0;--md-list-item-pressed-state-layer-color:transparent;--md-list-item-pressed-state-layer-opacity:0;--md-menu-container-color:var(--color-neutral-400);--md-menu-container-shape:0px;--md-menu-item-container-color:transparent;--md-menu-item-hover-state-layer-color:var(--text-primary);--md-menu-item-hover-state-layer-opacity:.08;--md-menu-item-pressed-state-layer-color:var(--text-primary);--md-menu-item-pressed-state-layer-opacity:.12;--md-menu-item-selected-container-color:var(--color-neutral-600);--md-menu-item-selected-label-text-color:var(--color-neutral-900);--md-switch-track-outline-color:var(--border-medium);--md-switch-track-color:var(--surface-control);--md-switch-handle-color:var(--text-tertiary);--md-switch-hover-track-color:color-mix(in srgb, var(--surface-control) 90%, var(--text-primary) 10%);--md-switch-hover-track-outline-color:var(--border-medium);--md-switch-focus-track-color:color-mix(in srgb, var(--surface-control) 88%, var(--focus-ring) 12%);--md-switch-focus-track-outline-color:var(--focus-ring);--md-switch-pressed-track-color:color-mix(in srgb, var(--surface-control) 84%, var(--text-primary) 16%);--md-switch-pressed-track-outline-color:var(--border-medium);--md-switch-hover-handle-color:var(--text-primary);--md-switch-focus-handle-color:var(--text-primary);--md-switch-pressed-handle-color:var(--text-primary);--md-switch-icon-color:var(--surface-control);--md-switch-hover-icon-color:var(--surface-control);--md-switch-focus-icon-color:var(--surface-control);--md-switch-pressed-icon-color:var(--surface-control);--md-switch-hover-state-layer-color:var(--text-primary);--md-switch-pressed-state-layer-color:var(--text-primary);--md-switch-selected-track-color:var(--color-primary-500);--md-switch-selected-handle-color:var(--color-always-white);--md-switch-selected-hover-track-color:color-mix(in srgb, var(--color-primary-500) 90%, var(--color-always-black) 10%);--md-switch-selected-focus-track-color:color-mix(in srgb, var(--color-primary-500) 86%, var(--color-always-black) 14%);--md-switch-selected-pressed-track-color:color-mix(in srgb, var(--color-primary-500) 82%, var(--color-always-black) 18%);--md-switch-selected-hover-handle-color:var(--color-always-white);--md-switch-selected-focus-handle-color:var(--color-always-white);--md-switch-selected-pressed-handle-color:var(--color-always-white);--md-switch-selected-icon-color:var(--color-primary-500);--md-switch-selected-hover-icon-color:var(--color-primary-500);--md-switch-selected-focus-icon-color:var(--color-primary-500);--md-switch-selected-pressed-icon-color:var(--color-primary-500);--md-switch-selected-hover-state-layer-color:var(--color-primary-500);--md-switch-selected-pressed-state-layer-color:var(--color-primary-500);--md-focus-ring-color:var(--focus-ring);--safe-area-top:env(safe-area-inset-top,0px);--safe-area-right:env(safe-area-inset-right,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--safe-area-left:env(safe-area-inset-left,0px);font-family:Inter,sans-serif}:root[data-theme=dark]{--color-neutral-100:var(--color-neutral-100-dark);--color-neutral-200:var(--color-neutral-200-dark);--color-neutral-300:var(--color-neutral-300-dark);--color-neutral-400:var(--color-neutral-400-dark);--color-neutral-500:var(--color-neutral-500-dark);--color-neutral-600:var(--color-neutral-600-dark);--color-neutral-700:var(--color-neutral-700-dark);--color-neutral-800:var(--color-neutral-800-dark);--color-neutral-900:var(--color-neutral-900-dark);--color-blue-500:var(--color-blue-500-dark);--color-red-500:var(--color-red-500-dark);--color-skeuomorphic-tile-edges:color-mix(in srgb, var(--color-always-white) 25%, transparent);--color-skeuomorphic-neutral-500:#414141;--color-skeuomorphic-neutral-200:#1e1e1e;--color-skeuomorphic-black:#000;--color-skeuomorphic-black-soft:#000;--color-skeuomorphic-black-50-soft:var(--color-always-black-50);--color-skeuomorphic-black-50-soft-2:#000;--color-skeuomorphic-led-glow-80:#26e6ce;--color-skeuomorphic-led-glow-60:#1cc7b2;--color-skeuomorphic-led-glow-40:#13a08f;--color-skeuomorphic-led-glow-20:#0a7a6c;--skeuomorphic-texture-opacity:.08;--surface-page:var(--color-neutral-300);--surface-page-accent:var(--color-neutral-300);--surface-page-background:var(--color-neutral-300);--surface-panel:var(--color-neutral-200);--surface-panel-elevated:var(--color-neutral-300);--surface-control:var(--color-neutral-300);--surface-contrast:var(--color-neutral-900);--surface-contrast-active:var(--color-orange-500);--text-primary:var(--color-neutral-900);--text-secondary:var(--color-neutral-800);--text-readable-secondary:var(--color-neutral-800);--text-tertiary:var(--color-neutral-700);--text-on-contrast:var(--color-neutral-100);--link-color:var(--color-blue-500);--border-soft:var(--color-neutral-400);--border-medium:var(--color-neutral-600);--focus-ring:var(--color-primary-500);--dial-shadow-highlight:var(--color-neutral-500);--dial-shadow-lowlight:var(--color-neutral-100);--panel-shadow:color-mix(in srgb, var(--color-always-black) 48%, transparent);--panel-inner-shadow:color-mix(in srgb, var(--color-neutral-900) 8%, transparent);--button-shadow:color-mix(in srgb, var(--color-always-black) 34%, transparent);--button-shadow-hover:color-mix(in srgb, var(--color-always-black) 42%, transparent)}*{box-sizing:border-box}html{background:var(--surface-page-background);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;overflow-x:clip}::selection{background:var(--color-primary-500);color:var(--color-always-white)}body{min-width:320px;min-height:100svh;color:var(--text-primary);background:var(--surface-page-background);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;margin:0;position:relative;overflow-x:clip}body:before{content:"";background:var(--surface-page-background);pointer-events:none;z-index:-1;position:fixed;inset:0}button,input{font:inherit}a,button,input,textarea,select,label,summary,md-list-item,md-menu-item,md-switch,.brand-plate,.metronome-tile,.metronome-controls-dial,.metronome-controls-dial-stack{touch-action:manipulation}button{cursor:pointer;border:0}a{color:var(--link-color)}#app{min-height:100svh;position:relative;overflow-x:clip}.shell{min-height:100svh;padding:calc(64px + var(--safe-area-top)) calc(64px + var(--safe-area-right)) calc(64px + var(--safe-area-bottom)) calc(64px + var(--safe-area-left));align-content:start;gap:48px;display:grid;position:relative}.layout{min-height:calc(100svh - 128px - var(--safe-area-top) - var(--safe-area-bottom));grid-template-columns:repeat(2,minmax(360px,440px));justify-content:center;align-items:stretch;gap:64px;display:grid}.metronome-column{z-index:20;place-self:center;gap:var(--metronome-column-gap);grid-template-rows:auto auto;width:min(440px,100%);min-width:360px;display:grid;position:relative}@media (width>=913px){.layout{align-items:start}.metronome-column{top:max(24px, calc(50vh - (var(--metronome-column-height,0px) / 2)));align-self:start;position:sticky}}.panel{border:1px solid var(--border-soft);background:color-mix(in srgb, var(--surface-panel) 82%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 22px 50px var(--panel-shadow), inset 0 1px 0 var(--panel-inner-shadow);border-radius:20px}.metronome-panel{isolation:isolate;-webkit-backdrop-filter:none;backdrop-filter:none;width:100%;box-shadow:none;background:0 0;border:0;align-self:start;gap:8px;padding:0;display:grid;position:relative}.metronome-count-in{z-index:999;pointer-events:none;isolation:isolate;opacity:0;place-items:center;transition:opacity .14s ease-out;display:grid;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.metronome-count-in-page-glow{z-index:40;pointer-events:none;opacity:0;background:linear-gradient(color-mix(in srgb, var(--color-primary-500) 36%, transparent), color-mix(in srgb, var(--color-primary-500) 36%, transparent)), radial-gradient(circle at center, color-mix(in srgb, var(--color-primary-500) 36%, transparent) 0%, color-mix(in srgb, var(--color-primary-500) 18%, transparent) 32%, color-mix(in srgb, var(--color-primary-500) 8%, transparent) 52%, color-mix(in srgb, var(--color-primary-500) 0%, transparent) 68%);filter:blur(44px);transition:opacity .16s ease-out;position:absolute;inset:0}.metronome-count-in-page-glow-visible,.metronome-count-in-visible{opacity:1}.metronome-count-in-value{color:var(--color-neutral-900);z-index:1;text-shadow:0 8px 32px color-mix(in srgb, var(--color-always-black) 24%, transparent);font-family:Merriweather,serif;font-size:240px;font-weight:800;line-height:1;position:relative}.metronome-count-in-value-primary{color:var(--color-primary-500)}.metronome-tile{background:var(--color-skeuomorphic-neutral-500);width:100%;box-shadow:0 3px 0 0 var(--color-skeuomorphic-neutral-200), inset 0 1px 0 0 var(--color-skeuomorphic-tile-edges), 0 25px 25px 0 var(--color-always-black-12), 0 6px 14px 0 var(--color-always-black-25);border-radius:20px;padding:10px;position:relative;overflow:visible}.metronome-panel>.metronome-tile:first-child{z-index:10}.metronome-panel>.metronome-tile:nth-child(2){z-index:9}.metronome-panel>.metronome-tile:nth-child(3){z-index:8}.metronome-panel>.metronome-tile:nth-child(4){z-index:7}.metronome-tile:before{content:"";border-radius:inherit;opacity:var(--skeuomorphic-texture-opacity);pointer-events:none;background:url(/assets/texture-noise-tile-small-CCPPIS3u.webp) 0 0/60px 60px;position:absolute;inset:0}.metronome-tile>*{z-index:1;position:relative}.metronome-controls-dial{-webkit-user-select:none;user-select:none;padding:6px 32px 16px}.metronome-controls-dial-button{appearance:none;-webkit-tap-highlight-color:transparent;aspect-ratio:1;cursor:pointer;z-index:3;-webkit-user-select:none;user-select:none;background:0 0;border:0;border-radius:999px;outline:none;width:47.65%;padding:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.metronome-controls-dial-button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:4px;z-index:10}.metronome-controls-dial-stack{--metronome-dial-rotation:0deg;width:100%;max-width:var(--metronome-dial-max-width,400px);aspect-ratio:1;cursor:grab;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;margin-inline:auto;position:relative}@media (pointer:coarse){.metronome-controls-dial-stack{touch-action:none}.metronome-controls-dial-button{touch-action:manipulation}}.metronome-controls-dial-stack-dragging{cursor:grabbing}.metronome-controls-dial-image{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none;max-width:none;height:auto;display:block}.metronome-controls-dial-image-base{width:100%;height:auto}.metronome-controls-dial-image-pattern,.metronome-controls-dial-image-inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.metronome-controls-dial-image-pattern{width:90.97%;transform:translate(-50%, -50%) rotate(var(--metronome-dial-rotation));transition:transform 80ms linear}.metronome-controls-dial-stack-dragging .metronome-controls-dial-image-pattern{transition:none}.metronome-controls-dial-image-inner{width:47.65%;transition:transform .14s ease-out}.metronome-controls-dial-stack-pressed .metronome-controls-dial-image-inner,.metronome-controls-dial-button:active~.metronome-controls-dial-image-inner,.metronome-controls-dial-button:focus-visible~.metronome-controls-dial-image-inner{transform:translate(-50%,-50%)scale(.992)}.metronome-controls-dial-label{color:var(--color-neutral-800);pointer-events:none;z-index:4;font-family:Inter,sans-serif;font-size:14px;font-weight:500;line-height:1;transition:transform .14s ease-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.metronome-controls-dial-stack-pressed .metronome-controls-dial-label,.metronome-controls-dial-button:active~.metronome-controls-dial-label,.metronome-controls-dial-button:focus-visible~.metronome-controls-dial-label{transform:translate(-50%,-50%)scale(.992)}.skeuomorphic-recess{background:var(--color-skeuomorphic-black);width:100%;box-shadow:0 10px 10px 0 var(--color-always-black-25), 0 -1px 1px 0 var(--color-always-black-50);border-radius:10px;padding:0;position:relative;overflow:visible}.skeuomorphic-recess-buttons{align-items:center;gap:0;width:100%;margin:0;padding:0;display:flex}.skeuomorphic-button-block{appearance:none;-webkit-tap-highlight-color:transparent;background:var(--color-skeuomorphic-black);width:100%;height:60px;box-shadow:0 10px 10px 0 var(--color-always-black-25), 0 -1px 1px 0 var(--color-always-black-50);transition:transform var(--skeuomorphic-button-transition), box-shadow var(--skeuomorphic-button-transition), background-color var(--skeuomorphic-button-transition);border:0;border-radius:6px;place-items:center;padding:0;display:grid;position:relative;overflow:visible}.skeuomorphic-button-block-small{width:80px;min-width:80px;height:80px;box-shadow:none;background:0 0;border-radius:6px;flex:none;overflow:hidden}.metronome-tile-play .skeuomorphic-button-block{border-radius:10px}.skeuomorphic-screen{background:var(--color-skeuomorphic-black-soft);min-width:0;box-shadow:0 10px 10px 0 var(--color-always-black-50);border-radius:6px;flex:auto;align-self:stretch;place-items:center;margin-block:4px;display:grid;position:relative;overflow:visible}.skeuomorphic-screen:before{content:"";z-index:1;border-radius:inherit;box-shadow:inset 0 1px 1px 0 var(--color-always-white-25), inset 4px 4px 4px 0 var(--color-skeuomorphic-black-soft);pointer-events:none;background:linear-gradient(103deg,#b6eaff1f 0%,#b6eaff00 60%);position:absolute;inset:0}.skeuomorphic-screen>*{z-index:2;position:relative}.skeuomorphic-screen-top-label,.skeuomorphic-screen-bottom-label{letter-spacing:0;color:var(--color-neutral-800);text-align:center;font-family:Inter,sans-serif;font-size:10px;font-weight:500;line-height:1;position:absolute;left:8px;right:8px}.skeuomorphic-screen-top-label{top:6px}.skeuomorphic-screen-bottom-label{bottom:6px}.skeuomorphic-screen-value{letter-spacing:0;color:var(--color-always-white);font-family:Inter,sans-serif;font-size:32px;font-weight:500;line-height:1;display:block}.skeuomorphic-screen-value-keep-tapping{font-size:25.6px}.skeuomorphic-screen-value-button{appearance:none;color:inherit;cursor:text;background:0 0;border:0;outline:none;padding:0}.skeuomorphic-screen-value-input{width:4ch;color:var(--color-primary-500);letter-spacing:0;text-align:center;opacity:0;pointer-events:none;background:0 0;border:0;outline:none;padding:0;font-family:Inter,sans-serif;font-size:32px;font-weight:500;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.skeuomorphic-screen-value-button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:4px;z-index:10;border-radius:6px;position:relative}.skeuomorphic-screen-value-input:focus-visible{outline:none}.skeuomorphic-screen-editing .skeuomorphic-screen-value-button{opacity:0}.skeuomorphic-screen-editing .skeuomorphic-screen-value-input{opacity:1;pointer-events:auto}.accent-markers-row{grid-template-columns:repeat(var(--accent-marker-count,4), minmax(0, 1fr));gap:4px;width:100%;display:grid;position:relative;overflow:visible}.metronome-tile-accent-markers .skeuomorphic-recess{padding-inline:4px;overflow:visible}.accent-markers-row-pendulum{gap:8px;min-height:80px}.accent-marker-pendulum-shell-base{z-index:0;pointer-events:none;background:var(--color-skeuomorphic-black-soft);box-shadow:0 10px 10px 0 var(--color-always-black-50);border-radius:6px;position:absolute;inset:4px 0;overflow:hidden}.accent-marker-pendulum-led-clip{z-index:2;pointer-events:none;border-radius:6px;position:absolute;inset:4px 0;overflow:hidden}.accent-marker-pendulum-shell-overlay{z-index:3;pointer-events:none;box-shadow:inset 0 1px 1px 0 var(--color-always-white-25), inset 4px 4px 4px 0 var(--color-skeuomorphic-black-50-soft), inset 4px 4px 4px 0 var(--color-skeuomorphic-black-50-soft-2), inset -4px -4px 4px 0 var(--color-skeuomorphic-black-50-soft-2);background:linear-gradient(103deg,#b6eaff1f 0%,#b6eaff00 100%);border-radius:6px;position:absolute;inset:4px 0;overflow:hidden}.accent-marker{--accent-marker-dot-color:color-mix(in srgb, var(--color-always-white) 50%, transparent);--accent-marker-dot-shadow-color:var(--color-always-white);--accent-marker-fill-ratio:1;--accent-marker-flash-transition:.14s ease-out;appearance:none;-webkit-tap-highlight-color:transparent;cursor:pointer;background:var(--color-skeuomorphic-black-soft);border:0;outline:none;min-height:80px;padding:0;transition:transform .14s ease-out;position:relative;overflow:visible}.accent-markers-row-pendulum .accent-marker{--accent-marker-dot-color:color-mix(in srgb, var(--color-always-white) 25%, transparent);--accent-marker-dot-shadow-color:color-mix(in srgb, var(--color-always-white) 25%, transparent);z-index:1;box-shadow:none;background:0 0;border-radius:0;overflow:hidden}.accent-markers-row-pendulum .accent-marker:first-of-type{border-radius:6px 0 0 6px}.accent-markers-row-pendulum .accent-marker:last-of-type{border-radius:0 6px 6px 0}.accent-markers-row-pendulum .accent-marker:first-of-type:last-of-type{border-radius:6px}.accent-markers-row-pendulum .accent-marker:before,.accent-markers-row-pendulum .accent-marker-glow,.accent-markers-row-pendulum .accent-marker-reflection{display:none}.accent-marker:focus-visible{outline:2px solid var(--focus-ring);outline-offset:4px;z-index:10}.accent-marker-active{--accent-marker-dot-color:var(--color-skeuomorphic-led-glow);--accent-marker-dot-shadow-color:var(--color-skeuomorphic-led-glow)}.accent-marker-glow{left:var(--accent-marker-glow-inset-x,0px);right:var(--accent-marker-glow-inset-x,0px);top:var(--accent-marker-glow-top,0px);height:var(--accent-marker-glow-height,0px);z-index:5;opacity:0;pointer-events:none;background:color-mix(in srgb, var(--color-always-black) 1%, transparent);box-shadow:0 0 24px 0 var(--color-skeuomorphic-led-glow);filter:blur(10px);transition:opacity var(--accent-marker-flash-transition);border-radius:0;position:absolute}.accent-marker-active .accent-marker-glow{opacity:1}.accent-marker-glow:before{content:none}.accent-marker:before{box-shadow:inset 0 1px 1px 0 var(--color-always-white-25), inset 4px 4px 4px 0 var(--color-skeuomorphic-black-50-soft), inset 4px 4px 4px 0 var(--color-skeuomorphic-black-50-soft-2), inset -4px -4px 4px 0 var(--color-skeuomorphic-black-50-soft-2);background:linear-gradient(103deg,#b6eaff1f 0%,#b6eaff00 100%);transition:background .14s ease-out,box-shadow .14s ease-out}.accent-marker-reflection{background:radial-gradient(ellipse at center, var(--color-skeuomorphic-led-glow) 0%, color-mix(in srgb, var(--color-skeuomorphic-led-glow) 0%, transparent) 100%);filter:blur(.5px);opacity:0;pointer-events:none;z-index:3;width:2px;transition:opacity var(--accent-marker-flash-transition);border-radius:1px;position:absolute;top:8px;bottom:8px}.accent-marker-reflection-left{left:2px}.accent-marker-reflection-right{right:2px}.accent-marker-reflect-left .accent-marker-reflection-left,.accent-marker-reflect-right .accent-marker-reflection-right{opacity:.5}.accent-marker-matrix,.accent-marker-matrix:before,.accent-marker-matrix:after{--accent-marker-pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Crect x='1' y='1' width='2' height='2' rx='0.25' ry='0.25' fill='black'/%3E%3C/svg%3E")}.accent-marker-matrix{inset:var(--accent-marker-matrix-inset-y,0px) var(--accent-marker-matrix-inset-x,0px);z-index:0;border-radius:6px;position:absolute;overflow:hidden}.accent-markers-row-pendulum .accent-marker-matrix{border-radius:inherit;overflow:hidden}.accent-marker-matrix:before,.accent-marker-matrix:after{content:"";pointer-events:none;clip-path:inset(calc(100% - var(--accent-marker-visible-height,100%)) 0 0 0 round 6px);-webkit-mask-image:var(--accent-marker-pattern);-webkit-mask-image:var(--accent-marker-pattern);mask-image:var(--accent-marker-pattern);position:absolute;inset:0;-webkit-mask-size:4px 4px;mask-size:4px 4px;-webkit-mask-repeat:repeat;mask-repeat:repeat}.accent-markers-row-pendulum .accent-marker-matrix:before,.accent-markers-row-pendulum .accent-marker-matrix:after{clip-path:inset(calc(100% - var(--accent-marker-visible-height,100%)) 0 0 0)}.accent-marker-matrix:before{background:var(--accent-marker-dot-shadow-color);opacity:.2;filter:blur(.5px);transform:translateY(2px)}.accent-marker-matrix:after{background:var(--accent-marker-dot-color);transition:background .14s ease-out,opacity .14s ease-out}.accent-marker-pendulum-glow,.accent-marker-pendulum-full-flash,.accent-marker-pendulum-column{--accent-marker-pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3E%3Crect x='1' y='1' width='2' height='2' rx='0.25' ry='0.25' fill='black'/%3E%3C/svg%3E");pointer-events:none;opacity:0;transition:opacity var(--accent-marker-flash-transition);position:absolute}.accent-marker-pendulum-glow{left:var(--accent-marker-pendulum-column-left,0px);top:var(--accent-marker-pendulum-column-inset-y,0px);bottom:var(--accent-marker-pendulum-column-inset-y,0px);z-index:4;background:color-mix(in srgb, var(--color-always-black) 1%, transparent);width:20px;box-shadow:0 0 24px 0 var(--color-skeuomorphic-led-glow);filter:blur(10px);border-radius:6px}.accent-marker-pendulum-full-flash{z-index:0;inset:var(--accent-marker-shell-matrix-inset-y,0px) var(--accent-marker-shell-matrix-inset-x,0px);background:var(--color-skeuomorphic-led-glow);-webkit-mask-image:var(--accent-marker-pattern);-webkit-mask-image:var(--accent-marker-pattern);mask-image:var(--accent-marker-pattern);-webkit-mask-size:4px 4px;mask-size:4px 4px;-webkit-mask-repeat:repeat;mask-repeat:repeat}.accent-marker-pendulum-full-flash:before{content:"";background:linear-gradient(to top, color-mix(in srgb, var(--color-red-500) 40%, transparent) 0%, color-mix(in srgb, var(--color-red-500) 26%, transparent) 32%, color-mix(in srgb, var(--color-red-500) 16%, transparent) 68%, color-mix(in srgb, var(--color-red-500) 8%, transparent) 100%);filter:blur(10px);height:80px;position:absolute;top:50%;left:-6px;right:-6px;transform:translateY(-50%)}.accent-marker-pendulum-column{z-index:0;left:var(--accent-marker-pendulum-column-left,0px);top:var(--accent-marker-pendulum-column-inset-y,0px);bottom:var(--accent-marker-pendulum-column-inset-y,0px);background:var(--color-skeuomorphic-led-glow);width:20px;-webkit-mask-image:var(--accent-marker-pattern);-webkit-mask-image:var(--accent-marker-pattern);mask-image:var(--accent-marker-pattern);transition:left var(--accent-marker-pendulum-transition-duration,0s) linear, opacity var(--accent-marker-flash-transition);-webkit-mask-size:4px 4px;mask-size:4px 4px;-webkit-mask-repeat:repeat;mask-repeat:repeat}.accent-marker-pendulum-column:before{content:none}.accent-markers-row-pendulum-column-active .accent-marker-pendulum-column,.accent-markers-row-pendulum-column-active .accent-marker-pendulum-glow,.accent-markers-row-pendulum-edge-flash .accent-marker-pendulum-full-flash{opacity:1}.accent-markers-row-pendulum-edge-flash .accent-marker-pendulum-column{opacity:0}.accent-markers-row-pendulum-edge-flash .accent-marker-pendulum-glow{left:var(--accent-marker-shell-matrix-inset-x,0px);right:var(--accent-marker-shell-matrix-inset-x,0px);top:var(--accent-marker-shell-matrix-inset-y,0px);bottom:var(--accent-marker-shell-matrix-inset-y,0px);opacity:1;border-radius:6px;width:auto;transform:none}.accent-markers-row-pendulum-edge-flash .accent-marker,.accent-markers-row-pendulum:not(.accent-markers-row-pendulum-started) .accent-marker-pendulum-column,.accent-markers-row-pendulum:not(.accent-markers-row-pendulum-started) .accent-marker-pendulum-glow{opacity:0}@media (hover:hover) and (pointer:fine){.accent-marker:hover:before{box-shadow:inset 0 1px 1px 0 color-mix(in srgb, var(--color-always-white) 34%, transparent), inset 4px 4px 4px 0 var(--color-skeuomorphic-black-50-soft), inset 4px 4px 4px 0 var(--color-skeuomorphic-black-50-soft-2), inset -4px -4px 4px 0 var(--color-skeuomorphic-black-50-soft-2);background:linear-gradient(103deg,#b6eaff2e 0%,#b6eaff05 100%)}.accent-marker:hover .accent-marker-matrix:after{opacity:.9}.accent-marker[data-accent-state="0"]:hover .accent-marker-matrix:after,.accent-marker[data-accent-state="0"]:hover .accent-marker-matrix:before{opacity:0}}.skeuomorphic-button-block-small .skeuomorphic-button-inner-button{border-radius:999px;width:56px;height:56px;inset:12px}@media (hover:hover) and (pointer:fine){.skeuomorphic-button-block:not(.skeuomorphic-button-block-pressed):hover{box-shadow:0 12px 14px 0 var(--color-always-black-25), 0 -1px 1px 0 var(--color-always-black-50);transform:translateY(-1px)}.skeuomorphic-button-block-small:not(.skeuomorphic-button-block-pressed):hover{box-shadow:none;transform:translateY(-1px)}}.skeuomorphic-button-block:focus-visible{outline:2px solid var(--focus-ring);outline-offset:4px;z-index:10;box-shadow:0 12px 14px 0 var(--color-always-black-25), 0 -1px 1px 0 var(--color-always-black-50);transform:translateY(-1px)}.skeuomorphic-button-block-small:focus-visible{box-shadow:none;transform:translateY(-1px)}.skeuomorphic-button-block:active,.skeuomorphic-button-block-pressed{box-shadow:0 2px 3px 0 var(--color-always-black-25), 0 -1px 1px 0 var(--color-always-black-50), inset 0 2px 6px 0 var(--color-always-black-25);transform:none}.skeuomorphic-button-surface{z-index:0;background:var(--color-neutral-300);box-shadow:0 10px 10px 0 var(--color-always-black-25), inset -4px 0 4px 0 var(--color-always-black-25), inset -1.5px -1.5px 2px 0 var(--color-neutral-900-12);filter:blur(.25px);isolation:isolate;transition:box-shadow var(--skeuomorphic-button-transition), background-color var(--skeuomorphic-button-transition);border-radius:6px;position:absolute;inset:4px}.skeuomorphic-button-surface:before{content:"";border-radius:inherit;background:linear-gradient(172deg, var(--color-neutral-900-25) 0%, color-mix(in srgb, var(--color-neutral-900) 0%, transparent) 100%);pointer-events:none;-webkit-mask-composite:xor;padding:1px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.skeuomorphic-button-inner-button{z-index:1;background:var(--color-neutral-300);box-shadow:8px 6px 4px 0 var(--color-skeuomorphic-black-50-soft), -2px -2px 8px 0 var(--color-neutral-900-25);filter:blur(1px);transition:box-shadow var(--skeuomorphic-button-transition), background-color var(--skeuomorphic-button-transition);border-radius:500px;position:absolute;inset:12px 16px}.skeuomorphic-button-icon-wrap{z-index:2;color:var(--color-neutral-900-75);transition:color var(--skeuomorphic-button-transition), opacity var(--skeuomorphic-button-transition);place-items:center;display:grid;position:absolute;inset:0}.skeuomorphic-button-icon{width:auto;height:16px;display:block;transform:translateY(-1px)}.skeuomorphic-button-icon-wrap-small{color:var(--color-neutral-900-75)}.skeuomorphic-button-subdivision-wrap{color:var(--color-neutral-900-75);justify-content:center;place-items:center;gap:0;display:grid}.skeuomorphic-subdivision-icon{color:inherit;place-items:center;display:grid}.skeuomorphic-subdivision-value{font-size:14px;font-weight:600}.skeuomorphic-button-block-subdivision-active .skeuomorphic-button-subdivision-wrap{grid-auto-flow:column;justify-content:center;align-items:center;column-gap:2px}.skeuomorphic-button-text-wrap-small{color:var(--color-neutral-900-75)}.skeuomorphic-note-icon{width:auto;height:16px;display:block;transform:none}.skeuomorphic-button-text-small{letter-spacing:0;font-family:Inter,sans-serif;font-size:14px;font-weight:500;line-height:1;display:block}.skeuomorphic-button-text-small[hidden]{display:none}#subdivision-value{color:inherit;letter-spacing:0;font-family:Inter,sans-serif;font-size:14px;font-weight:600;line-height:1}#time-signature-value{font-weight:600}@media (hover:hover) and (pointer:fine){.skeuomorphic-button-block:not(.skeuomorphic-button-block-pressed):hover .skeuomorphic-button-surface{box-shadow:0 12px 12px 0 var(--color-always-black-25), inset -4px 0 4px 0 var(--color-always-black-25), inset -1.5px -1.5px 2px 0 var(--color-neutral-900-12)}.skeuomorphic-button-block:not(.skeuomorphic-button-block-pressed):hover .skeuomorphic-button-inner-button{box-shadow:9px 7px 5px 0 var(--color-skeuomorphic-black-50-soft), -2px -2px 8px 0 var(--color-neutral-900-25)}}.skeuomorphic-button-block:active .skeuomorphic-button-surface,.skeuomorphic-button-block-pressed .skeuomorphic-button-surface{background:color-mix(in srgb, var(--color-neutral-300) 78%, var(--color-skeuomorphic-black));box-shadow:0 2px 2px 0 var(--color-always-black-25), inset -2px 0 3px 0 var(--color-always-black-25), inset 0 3px 6px 0 var(--color-always-black-25), inset -1px -1px 2px 0 var(--color-neutral-900-12);filter:blur(.2px);inset:4px}.skeuomorphic-button-block:active .skeuomorphic-button-inner-button,.skeuomorphic-button-block-pressed .skeuomorphic-button-inner-button{background:color-mix(in srgb, var(--color-neutral-300) 72%, var(--color-skeuomorphic-black));box-shadow:2px 2px 2px 0 var(--color-skeuomorphic-black-50-soft), inset 0 2px 5px 0 var(--color-always-black-25), -1px -1px 4px 0 var(--color-neutral-900-25);filter:blur(.5px);inset:12px 16px}.skeuomorphic-button-block-small:active .skeuomorphic-button-inner-button,.skeuomorphic-button-block-small.skeuomorphic-button-block-pressed .skeuomorphic-button-inner-button{inset:12px}.skeuomorphic-button-block:active .skeuomorphic-button-icon-wrap,.skeuomorphic-button-block-pressed .skeuomorphic-button-icon-wrap{color:var(--color-neutral-800);transform:none}.skeuomorphic-plate{background:var(--color-skeuomorphic-neutral-500);width:100%;box-shadow:0 3px 0 0 var(--color-skeuomorphic-neutral-200), inset 0 1px 0 0 var(--color-skeuomorphic-tile-edges), 0 25px 25px 0 var(--color-always-black-12), 0 6px 14px 0 var(--color-always-black-25);border:0;border-radius:12px;position:relative;overflow:hidden}.skeuomorphic-plate:before{content:"";border-radius:inherit;opacity:var(--skeuomorphic-texture-opacity);pointer-events:none;background:url(/assets/texture-noise-tile-small-CCPPIS3u.webp) 0 0/60px 60px;position:absolute;inset:0}.brand-plate{border-radius:20px;place-items:center;min-height:53px;padding:10px;display:grid}.brand-plate-logo-wrap{width:105px;height:33.333px;color:color-mix(in srgb, var(--color-neutral-900) 50%, transparent);filter:drop-shadow(0 1px 2px var(--color-neutral-100-25));display:block}.brand-plate-logo{width:100%;max-width:none;height:100%;display:block}.page-seo-intro{text-align:center;justify-self:center;gap:24px;width:min(944px,100%);padding:0;display:grid}.page-seo-title{color:var(--text-primary);margin:0;font-family:Merriweather,serif;font-size:clamp(1.75rem,3.2vw,2.2rem);font-weight:700;line-height:1.08}.page-seo-subtitle{color:var(--text-readable-secondary);margin:0;font-family:Inter,sans-serif;font-size:.9rem;font-weight:400;line-height:1.55}.settings-panel{z-index:1;background:var(--color-neutral-100);-webkit-backdrop-filter:none;backdrop-filter:none;width:min(440px,100%);box-shadow:none;border:0;border-radius:20px;place-self:center;gap:16px;padding:24px;display:grid;position:sticky;top:24px}.promo-card{border-bottom:1px solid var(--border-soft);gap:20px;padding:0 0 24px;display:grid}.promo-title{color:var(--text-primary);margin:0;font-family:Merriweather,serif;font-size:24px;font-weight:700;line-height:1.28}.promo-media{aspect-ratio:1560/905;border-radius:10px;overflow:hidden}.promo-media-image{object-fit:cover;width:100%;height:100%;display:block}.promo-copy,.promo-support{color:var(--text-readable-secondary);margin:0;font-family:Inter,sans-serif;font-size:.9rem;line-height:1.55}.promo-copy strong,.promo-support strong{font-weight:700}.promo-features-title{color:var(--text-readable-secondary);font-weight:700}.promo-features{gap:8px;display:grid}.promo-features-title{margin:0;font-size:.95rem;line-height:1.35}.promo-features-list{color:var(--text-readable-secondary);margin:0;padding-left:1.15em;font-family:Inter,sans-serif;font-size:.9rem;line-height:1.45}.promo-features-list li+li{margin-top:1px}.promo-downloads{justify-items:start;gap:20px;display:grid}.promo-qr-code{width:64px;height:64px;filter:drop-shadow(0 0 10px var(--rare-always-black-12,#0000001f));display:block}@media (width<=749px){.promo-qr-code{display:none}}.promo-store-badges{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.promo-store-badge-link{transition:opacity .16s;display:block}@media (hover:hover) and (pointer:fine){.promo-store-badge-link:hover{opacity:.75}}.promo-store-badge-link:focus-visible{opacity:.75;outline:2px solid var(--focus-ring);outline-offset:4px;border-radius:8px}.promo-store-badge{width:auto;height:36px;display:block}.promo-link,.transport{background:var(--color-primary-500);border:1px solid var(--color-primary-500);min-height:48px;color:var(--color-always-white);white-space:nowrap;box-shadow:0 -10px 20px 0 #00b59c40, 0 0 0 1px var(--color-primary-700) inset, 0 -20px 20px 0 #ffffff80 inset, 0 2px 1px 0 #ffffff80 inset;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:0 24px;font-size:.875rem;font-weight:700;line-height:1;text-decoration:none;transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s;display:inline-flex;position:relative}.promo-link{margin-top:0;padding-top:0;padding-bottom:0}.promo-link:before,.transport:before{content:"";filter:blur(10px);pointer-events:none;z-index:1;background:#00000040;border-radius:30px;width:72px;height:8px;position:absolute;top:50%;left:-12px;transform:translateY(-50%)}.promo-link:after,.transport:after{content:"";border-radius:inherit;opacity:.75;pointer-events:none;z-index:3;-webkit-mask-composite:xor;background:linear-gradient(#fff0 0% 50%,#ffffff80 100%);padding:.5px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.promo-link>*,.transport>*{z-index:4;position:relative}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (hover:hover) and (pointer:fine){.promo-link:hover,.transport:hover{box-shadow:0 -18px 30px 0 #5ccfc140, 0 -6px 14px 0 #5ccfc140, 0 -10px 20px 0 #00b59c40, 0 0 0 1px var(--color-primary-700) inset, 0 -20px 20px 0 #ffffff80 inset, 0 2px 1px 0 #ffffff80 inset;transform:translateY(-2px)}}.promo-link:focus-visible,.transport:focus-visible{outline:2px solid var(--focus-ring);outline-offset:4px;z-index:10;box-shadow:0 -18px 30px 0 #5ccfc140, 0 -6px 14px 0 #5ccfc140, 0 -10px 20px 0 #00b59c40, 0 0 0 1px var(--color-primary-700) inset, 0 -20px 20px 0 #ffffff80 inset, 0 2px 1px 0 #ffffff80 inset;position:relative;transform:translateY(-2px)}.promo-link:active,.transport:active{transform:translateY(0)}.settings-header{gap:0;display:grid}.settings-title{color:var(--text-primary);margin:0;font-family:Merriweather,serif;font-size:1.28rem;font-weight:700;line-height:1.28}.settings-list{border-radius:20px;gap:2px;padding:0;display:grid;overflow:visible}.settings-list-item{--settings-item-background:var(--color-neutral-200);background:var(--settings-item-background);outline-offset:4px;border-radius:4px;outline:2px solid #0000;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;min-height:56px;padding:12px 16px;display:grid;overflow:visible}.settings-item-main{gap:4px;min-width:0;display:grid}.settings-item-headline{color:var(--text-primary);font-family:Inter,sans-serif;font-size:.95rem;font-weight:500;line-height:1.35}.settings-item-supporting-text{color:var(--text-secondary);font-family:Inter,sans-serif;font-size:.9rem;line-height:1.4}.settings-item-end{align-items:center;display:inline-flex}#theme-item,#language-item{min-height:72px}.toggle-list-item{min-height:56px}.menu-list-item:active,.toggle-list-item:active{--settings-item-background:var(--color-neutral-300);background:var(--settings-item-background)}@media (hover:hover) and (pointer:fine){.menu-list-item:hover,.toggle-list-item:hover{--settings-item-background:var(--color-neutral-300);background:var(--settings-item-background)}.settings-list-item[data-disabled=true]:hover{--settings-item-background:var(--color-neutral-200);background:var(--settings-item-background)}}.settings-list-item[data-keyboard-focused=true]{--settings-item-background:var(--color-neutral-300);background:var(--settings-item-background);outline-color:var(--focus-ring);z-index:10;position:relative}.settings-list-item[data-disabled=true] md-switch{opacity:.5;pointer-events:none}.settings-list-item[data-disabled=true]{--settings-item-background:var(--color-neutral-200);background:var(--settings-item-background)}.settings-list-item[data-disabled=true]:active,.settings-list-item[data-disabled=true][data-keyboard-focused=true]{--settings-item-background:var(--color-neutral-200);background:var(--settings-item-background);outline-color:#0000}.sound-list-item:active:has(.accent-volume-slider:active){--settings-item-background:var(--color-neutral-200);background:var(--settings-item-background);outline-color:#0000}.sound-list-item:has(.accent-volume-input:focus){--settings-item-background:var(--color-neutral-200);background:var(--settings-item-background);outline-color:#0000}@media (hover:hover) and (pointer:fine){:is(.sound-list-item:hover:has(.accent-volume-slider:hover),.sound-list-item:hover:has(.accent-volume-slider:active)){--settings-item-background:var(--color-neutral-200);background:var(--settings-item-background);outline-color:#0000}}.menu-field{flex-shrink:0;align-items:center;display:inline-flex;position:relative}.settings-list>.settings-list-item:first-of-type{border-top-left-radius:20px;border-top-right-radius:20px}.settings-list>.settings-list-item:last-of-type{border-bottom-right-radius:20px;border-bottom-left-radius:20px}.settings-footer{color:var(--text-readable-secondary);text-align:center;justify-items:center;gap:18px;padding-top:6px;display:grid}.settings-footer-paragraph{color:var(--text-readable-secondary);margin:0;font-family:Inter,sans-serif;font-size:14px;font-weight:400;line-height:1.5}.settings-footer-meta{line-height:1.22}.seo-stack{gap:104px;width:min(100%,1320px);margin:104px auto 0;display:grid}.seo-section{gap:40px;display:grid}.seo-section-heading{gap:16px;max-width:760px;display:grid}.seo-section-heading--center{text-align:center;justify-items:center;margin-inline:auto}.seo-section-kicker{letter-spacing:.14em;text-transform:uppercase;color:var(--color-primary-700);margin:0;font-size:.8rem;font-weight:700;line-height:1.2}.seo-section-title{color:var(--text-primary);text-wrap:balance;margin:0;font-family:Merriweather,serif;font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.08}.seo-section-description{color:var(--text-secondary);margin:0;font-size:1rem;font-weight:400;line-height:1.7}.seo-large-feature-stack{gap:40px;display:grid}.seo-large-feature{border:1px solid var(--border-soft);background:linear-gradient(135deg, color-mix(in srgb, var(--color-primary-500) 8%, transparent), transparent 42%), linear-gradient(180deg, color-mix(in srgb, var(--surface-panel) 96%, transparent), var(--surface-panel));box-shadow:0 24px 48px var(--panel-shadow), inset 0 1px 0 var(--panel-inner-shadow);border-radius:32px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"media content";align-items:center;gap:56px;padding:32px;display:grid}.seo-large-feature--media-right{grid-template-areas:"content media"}.seo-large-feature__media{border:1px solid var(--border-soft);background:color-mix(in srgb, var(--surface-panel-elevated) 90%, transparent);border-radius:24px;grid-area:media;overflow:hidden}.seo-large-feature__image{aspect-ratio:620/554;object-fit:cover;width:100%;height:auto;display:block}.seo-large-feature__content{grid-area:content;align-content:center;gap:20px;display:grid}.seo-large-feature__eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--color-primary-700);margin:0;font-size:.8rem;font-weight:700;line-height:1.2}.seo-large-feature__title{color:var(--text-primary);text-wrap:balance;margin:0;font-family:Merriweather,serif;font-size:clamp(1.8rem,3vw,2.7rem);font-weight:700;line-height:1.14}.seo-large-feature__accent{color:var(--color-primary-500)}.seo-large-feature__body{color:var(--text-secondary);margin:0;font-size:.98rem;line-height:1.7}.seo-large-feature__points{gap:12px;margin:4px 0 0;padding:0;list-style:none;display:grid}.seo-large-feature__point{color:var(--text-secondary);margin:0;padding-left:18px;font-size:.95rem;line-height:1.6;position:relative}.seo-large-feature__point:before{content:"";background:var(--color-primary-500);border-radius:999px;width:8px;height:8px;position:absolute;top:.75em;left:0;transform:translateY(-50%)}.seo-faq-shell{border:1px solid var(--border-soft);background:linear-gradient(180deg, color-mix(in srgb, var(--surface-panel) 96%, transparent), var(--surface-panel-elevated));box-shadow:0 24px 48px var(--panel-shadow), inset 0 1px 0 var(--panel-inner-shadow);border-radius:32px;gap:12px;padding:32px;display:grid}.seo-faq-item{border:1px solid var(--border-soft);background:color-mix(in srgb, var(--surface-panel-elevated) 90%, transparent);border-radius:20px;padding:0 24px}.seo-faq-trigger{width:100%;color:inherit;text-align:left;background:0 0;justify-content:space-between;align-items:flex-start;gap:20px;padding:24px 0;display:flex}.seo-faq-question{color:var(--text-primary);margin:0;font-size:1.05rem;font-weight:600;line-height:1.45}.seo-faq-answer{padding:0 0 24px}.seo-faq-answer p{max-width:72ch;color:var(--text-secondary);margin:0;font-size:.98rem;line-height:1.7}.seo-faq-icon{border:1px solid color-mix(in srgb, var(--color-primary-500) 28%, transparent);background:color-mix(in srgb, var(--color-primary-500) 10%, transparent);border-radius:999px;flex:none;width:24px;height:24px;margin-top:2px;position:relative}.seo-faq-icon:before,.seo-faq-icon:after{content:"";background:var(--color-primary-500);border-radius:999px;width:12px;height:2px;transition:transform .18s,opacity .18s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.seo-faq-icon:after{transform:translate(-50%,-50%)rotate(90deg)}.seo-faq-item.is-open .seo-faq-icon:after{opacity:0;transform:translate(-50%,-50%)rotate(0)}.seo-blog-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;display:grid}.seo-blog-card{border:1px solid var(--border-soft);background:linear-gradient(180deg, color-mix(in srgb, var(--surface-panel) 97%, transparent), var(--surface-panel));min-height:100%;box-shadow:0 18px 36px var(--panel-shadow), inset 0 1px 0 var(--panel-inner-shadow);border-radius:24px;align-content:start;gap:18px;padding:18px;display:grid}.seo-blog-card__media{border:1px solid var(--border-soft);background:color-mix(in srgb, var(--surface-panel-elevated) 90%, transparent);border-radius:18px;overflow:hidden}.seo-blog-card__image{aspect-ratio:4/3;object-fit:cover;width:100%;height:auto;display:block}.seo-blog-card__content{align-content:start;gap:10px;display:grid}.seo-blog-card__category{letter-spacing:.1em;text-transform:uppercase;color:var(--color-primary-700);margin:0;font-size:.78rem;font-weight:700;line-height:1.2}.seo-blog-card__title{color:var(--text-primary);margin:0;font-family:Merriweather,serif;font-size:1.1rem;font-weight:700;line-height:1.35}.seo-blog-card__date{color:var(--text-tertiary);margin:0;font-size:.84rem;font-weight:600;line-height:1.4}.seo-blog-card__excerpt{color:var(--text-secondary);margin:0;font-size:.92rem;line-height:1.6}:root{--font-primary--family:"Inter", sans-serif;--font-display--family:"Merriweather", serif;--font-size-hero:2rem;--font-size-title:1.75rem;--font-size-callout:1.25rem;--font-size-body:1rem;--font-size-form-input:1rem;--font-size-caption:.875rem;--font-size-caption-2:.75rem;--font-hero-line-height:1.25;--font-title-line-height:1.35;--sb-space-2:1px;--sb-space-4:2px;--sb-space-6:4px;--sb-space-8:6px;--sb-space-12:8px;--sb-space-16:12px;--sb-space-20:16px;--sb-space-24:20px;--sb-space-30:24px;--sb-space-36:30px;--sb-space-48:36px;--sb-space-64:48px;--sb-space-96:64px;--sb-space-128:96px;--page-width:1240px;--page-margin-mobile:16px;--page-margin-desktop:60px;--page-margin:var(--page-margin-mobile);--sb-color-primary-500:#00b59c;--sb-color-blue-300:#4f6de0;--sb-color-blue-500:#0037c2;--sb-color-orange-500:#e67702;--sb-color-purple-500:#9f5afa;--sb-color-red-500:#d6253e;--sb-color-tangerine-pop-500:#ff9e3d;--sb-color-grape-jam-500:#9b6acd;--sb-color-berry-blue-700:#77a6d3;--sb-color-primary-300:#5ccfc1;--sb-color-primary-700:#008f80;--sb-color-primary-900:#00574f;--sb-color-always-white:#fff;--sb-color-always-black:#000;--sb-color-neutral-100:#fff;--sb-color-neutral-200:#f5f5f5;--sb-color-neutral-300:#ebebeb;--sb-color-neutral-400:#e1e1e1;--sb-color-neutral-500:#d7d7d7;--sb-color-neutral-600:#cdcdcd;--sb-color-neutral-700:#a5a5a5;--sb-color-neutral-800:#7d7d7d;--sb-color-neutral-900:#000;--sb-color-neutral-900-12:#0000001f;--sb-color-always-black-12:#0000001f}@media (width>=750px){:root{--page-margin:var(--page-margin-desktop);--font-size-hero:3rem;--font-size-title:2.25rem;--font-size-callout:1.5rem;--font-size-body:1.125rem;--sb-space-2:2px;--sb-space-4:4px;--sb-space-6:6px;--sb-space-8:8px;--sb-space-12:12px;--sb-space-16:16px;--sb-space-20:20px;--sb-space-24:24px;--sb-space-30:30px;--sb-space-36:36px;--sb-space-48:48px;--sb-space-64:64px;--sb-space-96:96px;--sb-space-128:128px}}html[data-theme=dark]{--sb-color-primary-500:#00b59c;--sb-color-blue-300:#93a5fc;--sb-color-blue-500:#5c7cfa;--sb-color-orange-500:#e67702;--sb-color-purple-500:#9f5afa;--sb-color-red-500:#ef4e4e;--sb-color-tangerine-pop-500:#ff9e3d;--sb-color-grape-jam-500:#9b6acd;--sb-color-berry-blue-700:#77a6d3;--sb-color-primary-300:#5ccfc1;--sb-color-primary-700:#008f80;--sb-color-primary-900:#00574f;--sb-color-always-white:#fff;--sb-color-always-black:#000;--sb-color-neutral-100:#000;--sb-color-neutral-200:#1e1e1e;--sb-color-neutral-300:#2d2d2d;--sb-color-neutral-400:#373737;--sb-color-neutral-500:#414141;--sb-color-neutral-600:#4b4b4b;--sb-color-neutral-700:#737373;--sb-color-neutral-800:#9b9b9b;--sb-color-neutral-900:#fff;--sb-color-neutral-900-12:#ffffff1f;--sb-color-always-black-12:#0000001f}.font-hero{font-family:var(--font-display--family);font-size:var(--font-size-hero);line-height:var(--font-hero-line-height)}.font-title{font-family:var(--font-display--family);font-size:var(--font-size-title);line-height:var(--font-title-line-height)}.font-callout{font-family:var(--font-primary--family);font-size:var(--font-size-callout);line-height:1.25}.font-body{font-family:var(--font-primary--family);font-size:var(--font-size-body);letter-spacing:normal;line-height:1.5}.font-caption{font-family:var(--font-primary--family);font-size:var(--font-size-caption);line-height:1.35}.font-form-input{font-family:var(--font-primary--family);font-size:var(--font-size-form-input);line-height:1.35}.weight-regular{font-weight:400}.weight-semibold{font-weight:600}.weight-bold{font-weight:700}.sb-seo-stack{gap:var(--sb-space-96);margin:var(--sb-space-96) auto 0;max-width:1240px;width:min(1240px, calc(100vw - (var(--page-margin) * 2)));flex-direction:column;display:flex}.sb-seo-stack>section{content-visibility:auto;contain-intrinsic-size:1200px}.sb-seo-stack__visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}[data-sb-motion=reveal]{--sb-motion-distance:60px}@media (prefers-reduced-motion:no-preference){[data-sb-motion=reveal][data-sb-motion-item],[data-sb-motion=reveal] [data-sb-motion-item]{transition:none}[data-sb-motion=reveal][data-sb-motion-state=pending][data-sb-motion-item],[data-sb-motion=reveal][data-sb-motion-state=pending] [data-sb-motion-item],[data-sb-motion=reveal][data-sb-motion-state=animating][data-sb-motion-item],[data-sb-motion=reveal][data-sb-motion-state=animating] [data-sb-motion-item]{opacity:0;transform:translateY(var(--sb-motion-distance,60px));will-change:opacity, transform}[data-sb-motion=reveal][data-sb-motion-state=revealed][data-sb-motion-item],[data-sb-motion=reveal][data-sb-motion-state=static][data-sb-motion-item],[data-sb-motion=reveal][data-sb-motion-state=revealed] [data-sb-motion-item],[data-sb-motion=reveal][data-sb-motion-state=static] [data-sb-motion-item]{opacity:1;will-change:auto;transform:translateY(0)}}.sb-large-feature{width:100%}.promo-card{overflow:visible}.sb-large-feature__stack{gap:var(--sb-space-96);flex-direction:column;display:flex}.sb-large-feature__layout{align-items:center;column-gap:var(--sb-space-96);grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"media content";width:100%;display:grid}.sb-large-feature__layout--media-right{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"content media"}.sb-large-feature__media{border-radius:24px;grid-area:media;width:100%;overflow:hidden}.sb-large-feature__media-image{aspect-ratio:620/554;object-fit:cover;width:100%;height:auto;display:block}.sb-large-feature__content{grid-area:content;width:100%;min-width:0}.sb-large-feature__title{color:var(--sb-color-neutral-900);text-wrap:balance;margin:0}.sb-large-feature__title-primary,.sb-large-feature__title-accent{text-wrap:pretty}.sb-large-feature__title-accent--primary-500{color:var(--sb-color-primary-500)}.sb-large-feature__title-accent--tangerine-pop-500{color:var(--sb-color-tangerine-pop-500)}.sb-large-feature__title-accent--grape-jam-500{color:var(--sb-color-grape-jam-500)}.sb-large-feature__title-accent--berry-blue-700{color:var(--sb-color-berry-blue-700)}.sb-large-feature__body{color:var(--sb-color-neutral-900);margin-top:var(--sb-space-30)}.sb-large-feature__body>*{margin:0}.sb-large-feature__body>*+*{margin-top:var(--sb-space-24)}.sb-accordion{width:100%}.sb-accordion__intro{align-items:center;gap:var(--sb-space-24);text-align:center;flex-direction:column;display:flex}.sb-accordion__title,.sb-accordion__subtitle{color:var(--sb-color-neutral-900);margin:0}.sb-accordion__subtitle a,.sb-accordion__subtitle a:visited{color:var(--sb-color-primary-500);text-decoration:none}.sb-accordion__subtitle a:focus-visible,.sb-accordion__subtitle a:active{color:var(--sb-color-primary-500);text-decoration:underline}@media (hover:hover) and (pointer:fine){.sb-accordion__subtitle a:hover{color:var(--sb-color-primary-500);text-decoration:underline}}.sb-accordion__layout{margin-top:var(--sb-space-48);width:100%}.sb-accordion__items{gap:var(--sb-space-24);flex-direction:column;width:100%;display:flex}.sb-accordion__item{width:100%}.sb-accordion__trigger{color:var(--sb-color-neutral-900);cursor:pointer;align-items:center;gap:var(--sb-space-16);text-align:left;background:0 0;border:0;justify-content:space-between;width:100%;padding:0;display:flex}.sb-accordion__question{color:var(--sb-color-neutral-900);margin:0}.sb-accordion__icon{color:var(--sb-color-primary-500);flex:none;width:20px;height:20px;line-height:0;display:inline-flex;position:relative}.sb-accordion__icon svg{width:20px;height:20px;display:block}.sb-accordion__icon-plus,.sb-accordion__icon-close{transition:opacity .22s,transform .26s cubic-bezier(.22,1,.36,1);display:inline-flex;position:absolute;inset:0}.sb-accordion__answer{color:var(--sb-color-neutral-900);margin-top:var(--sb-space-24);display:none}.sb-accordion__answer>*{margin:0}.sb-accordion__answer>*+*{margin-top:var(--sb-space-24)}.sb-accordion__answer ul{margin:0;padding-left:1.25em}.sb-accordion__answer li+li{margin-top:var(--sb-space-12)}.sb-accordion__item.is-open .sb-accordion__answer{display:block}.sb-accordion__icon-plus{opacity:1;transform:rotate(0)scale(1)}.sb-accordion__icon-close{opacity:0;transform:rotate(-90deg)scale(.85)}.sb-accordion__item.is-open .sb-accordion__icon-plus{opacity:0;transform:rotate(90deg)scale(.85)}.sb-accordion__item.is-open .sb-accordion__icon-close{opacity:1;transform:rotate(0)scale(1)}.sb-accordion__divider{background:var(--sb-color-neutral-600);height:1px;margin:var(--sb-space-24) 0 0;border:0;width:100%}.sb-search{--sb-search-inline-margin:16px;max-width:1240px;width:min(1240px, calc(100vw - (var(--sb-search-inline-margin) * 2)));margin:0 auto;padding:0}.sb-search__title{color:var(--sb-color-neutral-900);margin:0 0 var(--sb-space-24)}.sb-search__summary{color:var(--sb-color-neutral-900);margin:0 0 var(--sb-space-48)}.sb-search--seo-articles .sb-search__title,.sb-search--seo-articles .sb-search__summary{text-align:center}.sb-search--seo-articles .sb-search__summary{width:100%}.sb-search__grid{align-items:stretch;column-gap:var(--sb-space-24);row-gap:var(--sb-space-36);grid-template-columns:repeat(1,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.sb-search__group--articles .sb-search__grid{column-gap:var(--sb-space-24);row-gap:var(--sb-space-36);grid-template-columns:repeat(1,minmax(0,1fr))}.sb-search__item--article{flex-direction:column;align-items:stretch;margin:0;padding:0;display:flex}.sb-search__item--article .sb-blog-overview-card{background:var(--sb-color-neutral-200);border-radius:var(--sb-space-24);flex-direction:column;flex:auto;width:100%;min-width:0;height:auto;margin-bottom:0;display:flex;overflow:hidden}.sb-search__item--article .sb-blog-overview-card__media{background:var(--sb-color-neutral-200);opacity:1;aspect-ratio:16/9;display:block;position:relative;overflow:hidden}.sb-search__item--article .sb-blog-overview-card__media:focus-visible{opacity:.75}@media (hover:hover) and (pointer:fine){.sb-search__item--article .sb-blog-overview-card__media:hover{opacity:.75}}.sb-search__item--article .sb-blog-overview-card__image{object-fit:cover;width:100%;height:100%;display:block}.sb-search__item--article .sb-blog-overview-card__content{gap:var(--sb-space-12);padding:var(--sb-space-24);flex-direction:column;flex:1 0 auto;display:flex}.sb-search__item--article .sb-blog-overview-card__category,.sb-search__item--article .sb-blog-overview-card__date,.sb-search__item--article .sb-blog-overview-card__excerpt{color:var(--sb-color-neutral-800);margin:0}.sb-search__item--article .sb-blog-overview-card__title{letter-spacing:normal;margin:0;line-height:1.3}.sb-search__item--article .sb-blog-overview-card__title a{color:var(--sb-color-neutral-900);max-width:100%;text-decoration:none;display:inline-block}.sb-search__item--article .sb-blog-overview-card__title a:focus-visible{color:var(--sb-color-primary-500)}@media (hover:hover) and (pointer:fine){.sb-search__item--article .sb-blog-overview-card__title a:hover{color:var(--sb-color-primary-500)}}@media (width<=749px){.sb-large-feature__layout,.sb-large-feature__layout--media-right{gap:var(--sb-space-36);grid-template-columns:minmax(0,1fr);grid-template-areas:"content""media"}}@media screen and (width>=750px){.sb-search{--sb-search-inline-margin:60px}.sb-search__grid,.sb-search__group--articles .sb-search__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (width>=990px){.sb-search__grid,.sb-search__group--articles .sb-search__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media screen and (width>=1280px){.sb-search__group--articles .sb-search__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.sound-menu{--md-menu-item-one-line-container-height:44px;--md-menu-top-space:0px;--md-menu-bottom-space:0px;overscroll-behavior:contain}.sound-menu md-menu-item{--md-focus-ring-color:var(--focus-ring);--md-focus-ring-width:2px;--md-focus-ring-active-width:2px;--md-focus-ring-duration:0s;--md-focus-ring-outward-offset:2px;--md-menu-item-container-color:transparent;--md-menu-item-selected-container-color:var(--color-neutral-300);--md-menu-item-selected-label-text-color:var(--text-primary)}.sound-menu md-menu-item[data-forced-focus-visible=true]{outline:2px solid var(--focus-ring);outline-offset:-2px;border-radius:8px}@media (pointer:coarse){.sound-menu{inline-size:min(100vw - 24px,420px);max-inline-size:min(100vw - 24px,420px);touch-action:pan-y;max-height:calc(100svh - 24px)}.sound-menu md-menu-item{--md-focus-ring-color:transparent;--md-focus-ring-width:0px;--md-focus-ring-active-width:0px;--md-menu-item-hover-state-layer-color:transparent;--md-menu-item-hover-state-layer-opacity:0;--md-menu-item-pressed-state-layer-color:transparent;--md-menu-item-pressed-state-layer-opacity:0}}.accent-setting-support{gap:8px;width:100%;padding-top:4px;display:grid}.accent-sound-value{color:var(--text-secondary)}.accent-volume-row{display:block}.accent-volume-slider{--slider-gap-size:6px;--slider-value-ratio:.5;--slider-handle-left:calc((100% - 4px) * var(--slider-value-ratio));--slider-active-width:max(0px, calc((100% - 4px) * var(--slider-value-ratio) - var(--slider-gap-size)));--slider-inactive-start:calc((100% - 4px) * var(--slider-value-ratio) + 4px + var(--slider-gap-size));--slider-inactive-width:0px;--slider-icon-left:calc(100% - 46px);--slider-icon-reveal-width:min(20px, max(0px, calc(var(--slider-active-width) - var(--slider-icon-left))));--slider-gap-left-fallback:min(var(--slider-gap-size), var(--slider-handle-left));--slider-gap-right-fallback:min(var(--slider-gap-size), max(0px, calc(100% - var(--slider-handle-left) - 4px)));--slider-gap-mask-left:max(0px, calc(var(--slider-handle-left) - var(--slider-gap-left-fallback)));--slider-gap-mask-width:calc(var(--slider-gap-left-fallback) + 4px + var(--slider-gap-right-fallback));touch-action:pan-y;width:100%;height:52px;position:relative}.accent-volume-track{pointer-events:none;z-index:1;position:absolute;inset:0}.accent-volume-slider:not([data-ready]) .accent-volume-track,.accent-volume-slider:not([data-ready]) .accent-volume-gap-mask,.accent-volume-slider:not([data-ready]) .accent-volume-handle,.accent-volume-slider:not([data-ready]) .accent-volume-icon-stack{opacity:1}.accent-volume-track-active,.accent-volume-track-inactive{height:40px;position:absolute;top:6px;left:0;right:0}.accent-volume-track-active{background:var(--color-primary-500);clip-path:inset(0 calc(100% - var(--slider-active-width)) 0 0 round 12px 2px 2px 12px);border-radius:12px 2px 2px 12px}.accent-volume-track-inactive{background:color-mix(in srgb, var(--color-primary-500) 25%, transparent);clip-path:inset(0 0 0 var(--slider-inactive-start) round 2px 12px 12px 2px);border-radius:2px 12px 12px 2px}.accent-volume-handle{top:0;left:var(--slider-handle-left);background:var(--color-primary-500);pointer-events:none;z-index:4;border-radius:9999px;width:4px;height:52px;position:absolute}.accent-volume-gap-mask{top:0;left:var(--slider-gap-mask-left);width:var(--slider-gap-mask-width);background:var(--settings-item-background);pointer-events:none;z-index:3;height:52px;position:absolute}.accent-volume-input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}@media (pointer:coarse){.accent-volume-slider{touch-action:pan-y}.accent-volume-input{pointer-events:none;inset:-14px -12px}}.accent-volume-icon-stack{pointer-events:none;z-index:2;width:20px;height:20px;position:absolute;top:16px;right:26px}.accent-volume-icon-stack-off,.accent-volume-slider[data-muted=true] .accent-volume-icon-stack-up{display:none}.accent-volume-slider[data-muted=true] .accent-volume-icon-stack-off{display:block}.accent-volume-icon-base,.accent-volume-icon-active{width:20px;height:20px;position:absolute;inset:0}.accent-volume-icon{width:20px;height:20px;display:block}.accent-volume-icon-base{color:var(--color-primary-500)}.accent-volume-icon-active{width:var(--slider-icon-reveal-width);color:var(--color-primary-900);overflow:hidden}md-switch{flex-shrink:0}@media (pointer:coarse){md-switch{--md-switch-hover-track-color:var(--md-switch-track-color);--md-switch-hover-track-outline-color:var(--md-switch-track-outline-color);--md-switch-hover-handle-color:var(--md-switch-handle-color);--md-switch-hover-icon-color:var(--md-switch-icon-color);--md-switch-hover-state-layer-color:transparent;--md-switch-hover-state-layer-opacity:0;--md-switch-selected-hover-track-color:var(--md-switch-selected-track-color);--md-switch-selected-hover-handle-color:var(--md-switch-selected-handle-color);--md-switch-selected-hover-icon-color:var(--md-switch-selected-icon-color);--md-switch-selected-hover-state-layer-color:transparent;--md-switch-selected-hover-state-layer-opacity:0}}@media (width<=1180px){.seo-large-feature{gap:36px}.seo-blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=1071px){.shell{padding:calc(16px + var(--safe-area-top)) calc(16px + var(--safe-area-right)) calc(16px + var(--safe-area-bottom)) calc(16px + var(--safe-area-left));gap:20px}.layout{min-height:calc(100svh - 32px - var(--safe-area-top) - var(--safe-area-bottom));grid-template-columns:1fr;gap:48px}.metronome-column,.metronome-panel,.settings-panel{justify-self:center;width:100%;min-width:0}.metronome-column{align-self:start}.settings-panel{position:static}}@media (width<=912px){.seo-stack{gap:72px;margin-top:72px}.seo-section{gap:28px}.seo-large-feature,.seo-large-feature--media-right{grid-template-columns:1fr;grid-template-areas:"content""media";padding:24px}.seo-faq-shell{padding:20px}.seo-faq-item{padding:0 18px}}@media (width<=640px){.seo-blog-grid{grid-template-columns:1fr;gap:20px}.seo-section-title{font-size:clamp(1.8rem,8vw,2.3rem)}.seo-large-feature__title{font-size:clamp(1.6rem,7vw,2rem)}}