:root{--font-display:Spline Sans, Inter, ui-sans-serif, system-ui, sans-serif, Apple Color Emoji, Segoe UI Emoji;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}*{box-sizing:border-box}html{scrollbar-gutter:stable;min-height:100%}body{color:#111114;font-family:var(--font-display);letter-spacing:0;background:#fafbff;min-height:100%;margin:0;font-size:1rem;font-weight:600}@media (prefers-color-scheme:dark){body{color:#f5f5f7;background:#10131c}}a{color:inherit;text-decoration:none}button,input{font:inherit}
:root{--color-accent:#007aff;--color-background:#fafbff;--color-border:#ffffff9e;--color-control-border:#1111141a;--color-focus:#007aff61;--color-glass:#ffffffbd;--color-glass-elevated:#ffffffe0;--color-surface:#fffffff0;--color-surface-elevated:#fff;--color-text:#111114;--color-text-inverse:#fff;--color-text-muted:#6e6e73;--logo-left:#bbecffc7;--logo-right:#d8ccffc7;--logo-top:var(--color-accent);--shadow-glass:0 .875rem 2.125rem #00000029;--shadow-control:0 .4375rem 1.125rem #1018281a;--tag-blue:#bbecffc7;--tag-green:#c5f6d5c7;--tag-purple:#d8ccffc7;--color-error-text:#7f1d1d;--color-error-bg:#f8717126;--color-error-border:#ef4444;--radius-panel:1.625rem;--radius-sheet:2rem;--radius-pill:999rem;--space-xs:.25rem;--space-sm:.5rem;--space-md:.75rem;--space-lg:1rem;--space-xl:1.5rem;--space-xxl:2rem;--space-deep:4rem}.theme-root{background:var(--color-background);color:var(--color-text);flex-direction:column;min-height:100vh;display:flex}:root[data-theme=dark],.theme-root[data-theme=dark]{--color-accent:#0a84ff;--color-background:#10131c;--color-border:#ffffff29;--color-control-border:#ffffff21;--color-focus:#0a84ff75;--color-glass:#222630c2;--color-glass-elevated:#2d313ce0;--color-surface:#1c1e26f0;--color-surface-elevated:#20232d;--color-text:#f5f5f7;--color-text-inverse:#fff;--color-text-muted:#a1a1aa;--color-error-text:#fecaca;--color-error-bg:#f871711f;--color-error-border:#f87171;--shadow-control:0 .5rem 1.375rem #00000057}@media (prefers-color-scheme:dark){:root[data-theme=system],.theme-root[data-theme=system]{--color-accent:#0a84ff;--color-background:#10131c;--color-border:#ffffff29;--color-control-border:#ffffff21;--color-focus:#0a84ff75;--color-glass:#222630c2;--color-glass-elevated:#2d313ce0;--color-surface:#1c1e26f0;--color-surface-elevated:#20232d;--color-text:#f5f5f7;--color-text-inverse:#fff;--color-text-muted:#a1a1aa;--shadow-control:0 .5rem 1.375rem #00000057}}:root[data-tone=pulse],.theme-root[data-tone=pulse]{--color-accent:#7c3aed;--color-background:#fbf8ff;--color-focus:#7c3aed5c;--tag-blue:#cffafecc;--tag-green:#d9f99dcc;--tag-purple:#c4b5fdcc}:root[data-tone=sunset],.theme-root[data-tone=sunset]{--color-accent:#f97316;--color-background:#fff8f2;--color-focus:#f9731657;--color-text-inverse:#111114;--tag-blue:#bfdbfecc;--tag-green:#bbf7d0cc;--tag-purple:#ddd6fecc}:root[data-tone=grove],.theme-root[data-tone=grove]{--color-accent:#0f766e;--color-background:#f6fbf8;--color-focus:#0f766e57;--tag-blue:#bae6fdcc;--tag-green:#bbf7d0cc;--tag-purple:#ddd6fecc}:root[data-theme=dark][data-tone=pulse],.theme-root[data-theme=dark][data-tone=pulse]{--color-accent:#a78bfa;--color-background:#11101c;--color-focus:#a78bfa75;--color-glass:#2a2340c7;--color-glass-elevated:#362d50e0;--color-surface:#1f1d2ff0;--color-surface-elevated:#242136;--color-text-inverse:#111114}:root[data-theme=dark][data-tone=sunset],.theme-root[data-theme=dark][data-tone=sunset]{--color-accent:#fb7185;--color-background:#17110f;--color-focus:#fb718570;--color-glass:#352722c7;--color-glass-elevated:#423029e0;--color-surface:#271e1bf0;--color-surface-elevated:#2b221f;--color-text-inverse:#111114}:root[data-theme=dark][data-tone=grove],.theme-root[data-theme=dark][data-tone=grove]{--color-accent:#34d399;--color-background:#0e1715;--color-focus:#34d39970;--color-glass:#1f342fc7;--color-glass-elevated:#27423be0;--color-surface:#192724f0;--color-surface-elevated:#1d2a27;--color-text-inverse:#111114}@media (prefers-color-scheme:dark){:root[data-theme=system][data-tone=pulse],.theme-root[data-theme=system][data-tone=pulse]{--color-accent:#a78bfa;--color-background:#11101c;--color-focus:#a78bfa75;--color-glass:#2a2340c7;--color-glass-elevated:#362d50e0;--color-surface:#1f1d2ff0;--color-surface-elevated:#242136;--color-text-inverse:#111114}:root[data-theme=system][data-tone=sunset],.theme-root[data-theme=system][data-tone=sunset]{--color-accent:#fb7185;--color-background:#17110f;--color-focus:#fb718570;--color-glass:#352722c7;--color-glass-elevated:#423029e0;--color-surface:#271e1bf0;--color-surface-elevated:#2b221f;--color-text-inverse:#111114}:root[data-theme=system][data-tone=grove],.theme-root[data-theme=system][data-tone=grove]{--color-accent:#34d399;--color-background:#0e1715;--color-focus:#34d39970;--color-glass:#1f342fc7;--color-glass-elevated:#27423be0;--color-surface:#192724f0;--color-surface-elevated:#1d2a27;--color-text-inverse:#111114}}
.page-main{align-self:center;gap:var(--space-xxl);max-width:64rem;padding:var(--space-xxl) var(--space-xxl) var(--space-xxl);width:100%;display:grid}.about-section{place-items:center;display:grid}.about-logo{width:clamp(4.75rem,16vw,7rem);height:clamp(4.75rem,16vw,7rem)}.about-logo .logo-button{width:100%;height:100%}.about-logo .logo-pow{font-size:22px;font-weight:800}.about-copy{text-align:left;justify-items:start;gap:.625rem;max-width:none;display:grid}.about-copy h1{color:var(--color-text);margin:0;font-size:3rem;font-weight:800;line-height:1}.about-copy p{color:inherit;font-size:inherit;font-weight:inherit;margin:0;line-height:1.5}.page-title{margin:0;font-size:4rem;font-weight:800;line-height:.96}.page-lead{color:var(--color-text-muted);max-width:42rem;margin:0;font-size:1.25rem;line-height:1.45}
.logo-button{cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:100%;height:100%;padding:0;display:flex}.logo-button:focus-visible,.sound-search:focus-visible,.footer-link:focus-visible,.segmented-button:focus-visible,.filter-toggle:focus-visible,.settings-button:focus-visible,.settings-close:focus-visible,.pagination-control:focus-visible,.pagination-page:focus-visible,.sound-favorite-button:focus-visible,.sound-item:focus-visible,.sound-action:focus-visible,.sound-tag-button:focus-visible{box-shadow:0 0 0 .25rem var(--color-focus);outline:none}.animated-logo{transform-origin:50%;height:auto;transform-style:preserve-3d;transform:perspective(var(--logo-perspective,620px)) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(1);will-change:transform;width:100%;display:block}.animated-logo.is-turning{animation:logo-turn var(--logo-duration,.34s) both}.logo-face-top{fill:var(--logo-top)}.logo-face-left{fill:var(--logo-left)}.logo-face-right,.animated-logo[data-placement="1"] .logo-face-top,.animated-logo[data-placement="5"] .logo-face-top{fill:var(--logo-right)}.animated-logo[data-placement="1"] .logo-face-left,.animated-logo[data-placement="4"] .logo-face-left{fill:var(--logo-top)}.animated-logo[data-placement="1"] .logo-face-right,.animated-logo[data-placement="3"] .logo-face-right,.animated-logo[data-placement="2"] .logo-face-top,.animated-logo[data-placement="4"] .logo-face-top{fill:var(--logo-left)}.animated-logo[data-placement="2"] .logo-face-left,.animated-logo[data-placement="3"] .logo-face-left{fill:var(--logo-right)}.animated-logo[data-placement="2"] .logo-face-right,.animated-logo[data-placement="5"] .logo-face-right{fill:var(--logo-top)}.animated-logo[data-placement="3"] .logo-face-top,.animated-logo[data-placement="5"] .logo-face-left{fill:var(--logo-left)}.logo-pow{dominant-baseline:middle;fill:var(--color-background);letter-spacing:2px;text-anchor:middle;font-family:Arial,Helvetica,sans-serif;font-size:26px;font-weight:900}@keyframes logo-turn{0%{transform:perspective(var(--logo-perspective,620px)) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(var(--logo-scale-start,1));animation-timing-function:cubic-bezier(.55,.055,.675,.19)}28%{transform:perspective(var(--logo-perspective,620px)) rotateX(var(--logo-rotate-x-mid,0deg)) rotateY(var(--logo-rotate-y-mid,48deg)) rotateZ(var(--logo-rotate-z-mid,0deg)) scale(var(--logo-scale-mid,.9))}50%{transform:perspective(var(--logo-perspective,620px)) rotateX(var(--logo-rotate-x-peak,0deg)) rotateY(var(--logo-rotate-y-peak,96deg)) rotateZ(var(--logo-rotate-z-peak,0deg)) scale(var(--logo-scale-peak,.8));animation-timing-function:cubic-bezier(.215,.61,.355,1)}72%{transform:perspective(var(--logo-perspective,620px)) rotateX(var(--logo-rotate-x-mid,0deg)) rotateY(var(--logo-rotate-y-mid,48deg)) rotateZ(var(--logo-rotate-z-mid,0deg)) scale(var(--logo-scale-mid,.9))}to{transform:perspective(var(--logo-perspective,620px)) rotateX(0deg) rotateY(0deg) rotateZ(0deg) scale(var(--logo-scale-end,1))}}
.sounds-section{gap:var(--space-lg);display:grid}.sounds-header{gap:var(--space-md);display:grid}.sound-controls{background:var(--color-background);border:.0625rem solid var(--color-border);border-radius:var(--radius-sheet);box-shadow:var(--shadow-control);gap:var(--space-md);padding:var(--space-md);top:var(--space-md);z-index:10;display:grid;position:sticky}.sounds-section .sound-controls{box-shadow:none;z-index:auto;background:0 0;border:0;border-radius:0;padding:0;position:static;top:auto}.search-row{align-items:center;gap:var(--space-sm);grid-template-columns:auto minmax(0,1fr) auto;display:grid}.search-logo{width:3.25rem;height:3.25rem}.search-logo .logo-button{width:100%;height:100%}.search-field{align-items:center;min-width:0;display:grid;position:relative}.search-field .app-icon{color:var(--color-text-muted);left:var(--space-lg);pointer-events:none;position:absolute}.sound-search{background:var(--color-glass);border:.0625rem solid var(--color-border);border-radius:var(--radius-sheet);color:var(--color-text);min-height:3.25rem;padding:0 var(--space-lg) 0 3.25rem;width:100%}.filter-toggle{background:var(--color-glass);color:var(--color-text-muted);cursor:pointer;width:3.25rem;max-width:none;height:3.25rem;min-height:3.25rem;padding:0}.filter-toggle.is-active,.filter-toggle[aria-expanded=true]{background:var(--color-accent);color:var(--color-text-inverse)}.filter-details{border-top:.0625rem solid var(--color-control-border);gap:var(--space-md);padding-top:var(--space-md);display:grid}.filter-details[hidden]{display:none}.filter-detail-group{gap:var(--space-sm);display:grid}.tag-row,.view-switcher,.language-list{gap:var(--space-sm);flex-wrap:wrap;display:flex}.chip-row{gap:var(--space-sm);min-width:0;padding-bottom:var(--space-xs);scrollbar-width:none;white-space:nowrap;display:flex;overflow-x:auto}.chip-row::-webkit-scrollbar{display:none}.sound-tag-button,.language-tag,.segmented-button,.filter-toggle,.sound-action,.chip{border:.0625rem solid var(--color-control-border);border-radius:var(--radius-pill);justify-content:center;align-items:center;display:inline-flex}.sound-tag-button,.language-tag,.segmented-button{background:var(--color-glass);color:var(--color-text-muted);cursor:pointer;min-height:2.125rem;padding:0 var(--space-md);text-transform:uppercase;font-size:.75rem;font-weight:800;line-height:1rem}.sound-tag-button.is-active,.language-tag[aria-current=page],.segmented-button[aria-pressed=true]{background:var(--color-accent);color:var(--color-text-inverse)}.sound-list{gap:var(--space-md);margin:0;padding:0;list-style:none;display:grid}.sound-list.is-tiles{--tile-min-size:8.5rem;grid-template-columns:repeat(auto-fill, minmax(min(100%, var(--tile-min-size)), 1fr))}.sound-row{min-width:0;position:relative}.sound-item{background:var(--color-glass);border:.0625rem solid var(--color-border);border-radius:var(--radius-panel);box-shadow:var(--shadow-glass);color:var(--color-text);cursor:pointer;align-items:center;gap:var(--space-lg);min-height:5.5rem;padding:var(--space-lg) calc(var(--space-lg) + 3.5rem) var(--space-lg) var(--space-lg);text-align:left;grid-template-columns:auto minmax(0,1fr);width:100%;display:grid}.sound-item:hover,.sound-item.is-playing{background:var(--color-glass-elevated);border-color:var(--color-accent)}.sound-item.is-unavailable{background:var(--color-error-bg);border-color:var(--color-error-border);color:var(--color-error-text)}.sound-item.is-unavailable .sound-item-icon{background:var(--color-error-border)}.sound-item-icon{background:var(--color-accent);border-radius:var(--radius-pill);color:var(--color-text-inverse);justify-content:center;align-items:center;width:2.5rem;height:2.5rem;display:flex}.sound-favorite-button{background:var(--color-surface-elevated);border:.0625rem solid var(--color-control-border);border-radius:var(--radius-pill);color:var(--color-text-muted);cursor:pointer;height:2.75rem;right:var(--space-lg);z-index:2;justify-content:center;align-items:center;width:2.75rem;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.sound-favorite-button:hover,.sound-favorite-button[aria-pressed=true]{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-text-inverse)}.sound-list.is-tiles .sound-item{aspect-ratio:1;align-content:space-between;align-items:start;gap:var(--space-md);min-height:0;padding:var(--space-md);grid-template-columns:1fr;overflow:hidden}.sound-list.is-tiles .sound-item-icon{justify-self:start;width:2rem;height:2rem}.sound-list.is-tiles .sound-favorite-button{height:2rem;right:var(--space-md);top:var(--space-md);width:2rem;transform:none}.sound-list.is-tiles .sound-row-main{align-self:end;gap:var(--space-xs);width:100%;overflow:hidden}.sound-list.is-tiles .sound-title{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:1rem;line-height:1.2rem;overflow:hidden}.sound-list.is-tiles .chip{min-height:1.5rem;padding:0 var(--space-xs);font-size:.6875rem}.sound-list.is-tiles .chip-row{gap:var(--space-xs);white-space:normal;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1.5rem;width:100%;max-height:1.5rem;padding-bottom:0;display:grid;overflow:hidden}.sound-list.is-tiles .chip{text-overflow:ellipsis;white-space:nowrap;flex:0 auto;justify-content:flex-start;min-width:0;max-width:100%;overflow:hidden}.sound-row-main{gap:var(--space-sm);min-width:0;display:grid}.sound-title{margin:0;font-size:1.25rem;font-weight:800;line-height:1.5rem}.meta-label{color:var(--color-text-muted);text-transform:uppercase;font-size:.75rem;font-weight:800;line-height:1rem}.chip{background:var(--tag-blue);color:var(--color-text);min-height:2.125rem;padding:0 var(--space-md);flex:none;font-size:.75rem}.chip:nth-child(2n){background:var(--tag-purple)}.chip:nth-child(3n){background:var(--tag-green)}.sound-action,.pagination-control,.pagination-page{background:var(--color-surface-elevated);color:var(--color-text);cursor:pointer;font-weight:800}.segmented-button{gap:var(--space-sm)}.favorite-filter-button{justify-self:start}.app-icon{flex:none;display:inline-block}.sound-action{gap:var(--space-sm);min-height:3.25rem;padding:0 var(--space-md)}.sound-action.primary{background:var(--color-accent);color:var(--color-text-inverse)}.sound-action:disabled{cursor:not-allowed;opacity:.42}.pagination{align-items:center;gap:var(--space-sm);grid-template-columns:8.5rem auto 8.5rem;place-content:center;justify-items:center;min-height:3.25rem;display:grid}.pagination-side{min-width:8.5rem;display:flex}.pagination-side-previous{justify-content:flex-end}.pagination-side-next{justify-content:flex-start}.pagination-control,.pagination-page,.pagination-ellipsis{border:.0625rem solid var(--color-control-border);border-radius:var(--radius-pill);justify-content:center;align-items:center;min-height:2.75rem;display:inline-flex}.pagination-control{gap:var(--space-sm);min-width:8.5rem;padding:0 var(--space-md);white-space:nowrap}.pagination-pages{gap:var(--space-xs);grid-auto-columns:2.75rem;grid-auto-flow:column;justify-content:center;display:grid}.pagination-page,.pagination-ellipsis{width:2.75rem;padding:0}.pagination-page[aria-current=page]{background:var(--color-accent);color:var(--color-text-inverse)}.pagination-ellipsis{color:var(--color-text-muted);font-weight:800}.empty-state{background:var(--color-surface);border:.0625rem solid var(--color-border);border-radius:var(--radius-panel);color:var(--color-text-muted);padding:var(--space-xl);text-align:center}
.legal-panel{background:var(--color-surface-elevated);border:.0625rem solid var(--color-control-border);box-shadow:var(--shadow-glass);color:var(--color-text);word-break:break-word;border-radius:.75rem;justify-self:center;gap:.625rem;width:100%;max-width:48rem;margin:0;padding:1rem;font-size:.8125rem;font-weight:400;line-height:1.45;display:grid}.sounds-section{gap:var(--space-md);font-size:1rem;font-weight:600}.legal-logo{justify-self:center;margin-bottom:.25rem}.legal-panel h1,.legal-panel h2,.legal-panel h3,.legal-panel p,.legal-panel ul{margin:0}.legal-panel h1,.legal-panel h2,.legal-panel h3{color:var(--color-text);font-weight:600;line-height:1.2}.legal-panel h1{font-size:1.5rem;font-weight:600}.legal-panel h2{padding-top:.375rem;font-size:1rem}.legal-panel h3{padding-top:var(--space-xs);font-size:.9rem}.legal-panel p,.legal-panel li{line-height:1.45}.legal-panel ul{gap:.25rem;padding-left:1rem;display:grid}.legal-panel code{background:var(--color-surface);border:.0625rem solid var(--color-control-border);color:var(--color-text);font-family:var(--font-mono);border-radius:.375rem;padding:.05rem .3rem;font-size:.85em;font-weight:500}
.site-footer{background:var(--color-surface-elevated);border:.0625rem solid var(--color-control-border);box-shadow:var(--shadow-glass);color:var(--color-text);align-self:center;gap:var(--space-lg);max-width:48rem;margin:0 auto var(--space-xxl);padding:var(--space-lg);border-radius:.75rem;grid-template-columns:minmax(0,1fr);width:100%;display:grid}.footer-brand{align-items:center;gap:var(--space-md);justify-content:center;display:flex}.footer-brand .logo-button{box-shadow:none;background:0 0;border:0;width:4rem;height:4rem;padding:0}.footer-sections{align-items:start;gap:var(--space-xl);grid-template-columns:repeat(4,minmax(0,1fr));justify-items:stretch;width:100%;display:grid}.footer-links{align-content:start;gap:var(--space-sm);justify-items:start;min-width:0;display:grid}.site-footer .meta-label{color:var(--color-text-muted)}.footer-link-list{align-content:start;gap:var(--space-sm);justify-items:start;width:100%;min-width:0;margin:0;padding:0;list-style:none;display:grid}.footer-link-item{width:100%;min-width:0;line-height:1.35}.footer-link{color:var(--color-text);width:100%;max-width:100%;text-decoration:underline;-webkit-text-decoration-color:var(--color-text-muted);text-decoration-color:var(--color-text-muted);text-underline-offset:.1875rem;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.8125rem;font-weight:600;display:block;overflow:hidden}.footer-link[aria-current=page]{color:var(--color-accent);text-decoration-color:currentColor}.settings-button,.settings-close{background:var(--color-glass);border:.0625rem solid var(--color-control-border);border-radius:var(--radius-pill);color:var(--color-text);cursor:pointer;justify-content:center;align-items:center;width:3rem;height:3rem;display:inline-flex}.settings-button{bottom:var(--space-lg);right:var(--space-lg);z-index:40;position:fixed}.settings-modal-backdrop{padding:var(--space-lg);z-index:50;background:#10131c6b;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.settings-modal{background:var(--color-surface);border:.0625rem solid var(--color-border);border-radius:var(--radius-panel);box-shadow:var(--shadow-glass);gap:var(--space-xl);max-width:30rem;padding:var(--space-xl);width:min(100%,30rem);display:grid}.settings-modal-header{align-items:center;gap:var(--space-lg);justify-content:space-between;display:flex}.settings-modal-title{margin:0;font-size:1.25rem;font-weight:800;line-height:1.5rem}.language-switcher{gap:var(--space-sm);display:grid}.language-list{margin:0;padding:0;list-style:none}.language-item{display:inline-flex}.control-group{gap:var(--space-sm);display:grid}.segmented-control{gap:var(--space-sm);flex-wrap:wrap;display:flex}
.status-root{padding:var(--space-xxl);justify-content:center;align-items:center}.status-page{align-items:center;gap:var(--space-xxl);grid-template-columns:11rem minmax(0,28rem);width:100%;max-width:48rem;display:grid}.status-logo{aspect-ratio:1;box-shadow:none;background:0 0;border:0;padding:0;display:flex}.status-copy{gap:var(--space-lg);display:grid}.status-actions{gap:var(--space-sm);flex-wrap:wrap;display:flex}.status-actions .sound-action{min-width:9rem}
@media (max-width:760px){.page-main{padding:var(--space-xxl) var(--space-lg)}.status-page{grid-template-columns:1fr}.about-section{min-height:auto;padding-block:var(--space-lg)}.pagination{gap:var(--space-xs);grid-template-columns:2.5rem auto 2.5rem}.pagination-side{min-width:2.5rem}.pagination-control{width:2.5rem;min-width:2.5rem;padding:0}.pagination-control span{display:none}.pagination-pages{grid-auto-columns:2.5rem}.pagination-page,.pagination-ellipsis{width:2.5rem;min-height:2.5rem}.status-logo{max-width:12rem}.page-title{font-size:3rem}.site-footer{margin:0 auto var(--space-xxl);width:calc(100% - 2 * var(--space-lg));padding:var(--space-lg)}.footer-sections{text-align:center;grid-template-columns:1fr;justify-items:center}.footer-links{justify-items:stretch;width:100%}.footer-link-list{align-content:start;gap:var(--space-sm);justify-items:stretch;width:100%}}@media (prefers-reduced-motion:reduce){.animated-logo{animation:none}}