:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#1d2921;font-synthesis:none;--paper:#eee8d9;--paper-bright:#f7f1e3;--ink:#1d2921;--muted:#6f7468;--rust:#c64a2e;--lichen:#a8ad82;--sky:#aabfbe;--ochre:#d6b66d;--hairline:#1d29216b;--transport-height:62px;background:#eee8d9;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}*{box-sizing:border-box}html{background:var(--paper);max-width:100%;overflow-x:hidden}body{background:var(--paper);width:100%;min-width:300px;max-width:100%;min-height:100vh;margin:0;overflow-x:hidden}::selection{background:var(--rust);color:var(--paper-bright)}#root{width:100%;max-width:100%;overflow-x:hidden}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--rust);outline-offset:-2px}.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}.app-shell{min-height:100vh;padding-bottom:calc(var(--transport-height) + env(safe-area-inset-bottom));background:var(--paper)}.search-header{padding:max(18px, env(safe-area-inset-top)) 10px 14px;background:var(--paper);display:grid}.brand-row{justify-content:space-between;align-items:center;min-height:34px;margin-bottom:15px;display:flex}.brand-row h1{margin:0;font-family:Iowan Old Style,Baskerville,Palatino Linotype,Georgia,serif}.brand-home{color:var(--ink);letter-spacing:-.045em;text-align:left;cursor:pointer;background:0 0;border:0;padding:1px 0 3px;font-family:inherit;font-size:clamp(25px,7vw,34px);font-weight:400;line-height:1}.brand-home:hover{color:var(--rust)}.guide-toggle{width:38px;height:34px;color:var(--ink);cursor:pointer;background:0 0;border:0;padding:0 0 2px;font-family:Iowan Old Style,Baskerville,Georgia,serif;font-size:25px;font-weight:400;line-height:1;transition:color .14s,background-color .14s}.guide-toggle:hover,.guide-toggle.is-open{background:var(--ink);color:var(--paper-bright)}.sound-guide{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);color:#525b50;margin:-2px 0 12px;padding:14px 2px 15px;animation:.15s ease-out both guide-reveal}.sound-guide h2{color:var(--rust);letter-spacing:.12em;text-transform:uppercase;margin:0 0 11px;font-size:10px;font-weight:600}.guide-notes{gap:9px;display:grid}.guide-notes p,.guide-credit{margin:0;font-size:9px;line-height:1.5}.guide-notes strong{color:var(--ink);font-weight:600}.guide-credit{color:var(--muted);margin-top:11px}.guide-credit a{color:var(--ink);-webkit-text-decoration-color:var(--rust);text-decoration-color:var(--rust);text-underline-offset:3px}@keyframes guide-reveal{0%{opacity:0;transform:translateY(-3px)}}.search-form{position:relative}.search-form input{border:1px solid var(--ink);width:100%;min-height:76px;color:var(--ink);letter-spacing:-.045em;background:0 0;border-radius:0;padding:2px 52px 6px 14px;font-family:Iowan Old Style,Baskerville,Palatino Linotype,Georgia,serif;font-size:clamp(42px,13vw,64px);font-weight:400;line-height:.95}.search-form input::placeholder{color:#8e9084}.clear-search{width:50px;height:100%;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:0 0 5px;font-family:Iowan Old Style,Baskerville,Georgia,serif;font-size:33px;font-weight:300;position:absolute;top:0;right:1px}.clear-search:hover{color:var(--rust)}.random-word-button{border:1px solid var(--ink);width:100%;min-height:54px;color:var(--rust);text-align:left;cursor:pointer;background:0 0;border-top:0;border-radius:0;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:11px;padding:9px 12px;transition:background-color .12s,color .12s,transform 80ms;display:grid}.random-word-button:hover{background:var(--rust);color:var(--paper-bright)}.random-word-button:active{transform:translateY(1px)}.random-word-button:active .random-icon{transform:rotate(90deg)}.random-word-button:disabled{cursor:wait;opacity:.6}.random-icon{width:19px;height:19px;transition:transform .18s}.random-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.random-copy strong{letter-spacing:.11em;text-transform:uppercase;font-size:11px;font-weight:600}.random-copy small{color:currentColor;letter-spacing:.035em;opacity:.72;font-size:7px}.random-action{letter-spacing:.14em;opacity:.72;font-size:7px}.suggestions{scrollbar-width:none;gap:0;padding:10px 0 0;display:flex;overflow-x:auto}.suggestions::-webkit-scrollbar{display:none}.suggestions button{border:0;border-right:1px solid var(--hairline);color:#596055;letter-spacing:.05em;white-space:nowrap;cursor:pointer;background:0 0;border-radius:0;min-height:38px;padding:0 12px;font-size:10px}.suggestions button:first-child{border-left:1px solid var(--hairline)}.suggestions button:hover{background:var(--lichen);color:var(--ink)}.result-count{min-height:19px;color:var(--muted);letter-spacing:.04em;flex-wrap:wrap;align-items:baseline;gap:4px 11px;margin:8px 2px 0;font-size:9px;line-height:1.4;display:flex}.result-count strong{color:var(--ink);font-size:11px;font-weight:500}.result-count span{color:var(--muted)}.result-count.is-loading{color:var(--rust)}.sound-grid,.loading-grid{background:var(--paper);grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:24px;gap:3px;width:100%;min-width:0;padding:3px 10px 10px;display:grid}.sound-tile{--tile-bg:var(--sky);--tile-accent:var(--ink);--level:0;background:var(--tile-bg);min-width:0;color:var(--tile-accent);content-visibility:auto;contain-intrinsic-size:170px 220px;border:0;border-radius:0;flex-direction:column;transition:filter .16s,background-color .16s;display:flex;position:relative;overflow:hidden}.sound-tile:after{background:var(--paper-bright);content:"";opacity:calc(var(--level) * .18);pointer-events:none;transition:opacity 80ms linear;position:absolute;inset:0}.sound-tile:hover{filter:saturate(1.12)}.sound-tile.is-layered,.sound-tile.is-solo{background:var(--rust);color:var(--paper-bright);filter:none}.tile-play{z-index:1;min-width:0;min-height:56px;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;align-items:stretch;padding:13px 12px 4px;display:flex;position:relative}.tile-state{color:currentColor;opacity:0;width:16px;height:16px;transition:opacity .14s,transform .14s;position:absolute;top:11px;right:10px;transform:translateY(-2px)}.sound-tile:is(.is-layered,.is-solo) .tile-state{opacity:1;transform:translateY(0)}svg{fill:none;stroke:currentColor;stroke-width:1.7px;stroke-linecap:round;stroke-linejoin:round;width:100%;height:100%}svg .filled{fill:currentColor;stroke:none}.tile-name{min-height:42px;color:inherit;letter-spacing:-.035em;overflow-wrap:anywhere;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin-top:0;padding-right:12px;font-family:Iowan Old Style,Baskerville,Palatino Linotype,Georgia,serif;font-size:clamp(17px,5.2vw,22px);font-weight:400;line-height:1.03;display:-webkit-box;overflow:hidden}.pack-count{color:inherit;letter-spacing:.1em;text-transform:uppercase;opacity:.78;margin-top:9px;font-size:8px;font-weight:600;line-height:1.2}.tile-duration{color:inherit;letter-spacing:.08em;opacity:.82;margin-top:7px;font-size:9px;line-height:1.2}.waveform-wrap{flex:1;align-items:center;min-height:14px;margin:5px 0 2px;display:flex;position:relative;overflow:hidden}.waveform-wrap:before{background-image:var(--waveform-image);content:"";filter:grayscale()contrast(1.5);mix-blend-mode:multiply;opacity:0;background-position:50%;background-repeat:no-repeat;background-size:100% 42px;transition:opacity .1s linear,transform .1s linear;position:absolute;inset:0;transform:scaleY(.8)}.sound-tile:is(.is-layered,.is-solo) .waveform-wrap:before{opacity:calc(.5 + var(--level) * .4);transform:scaleY(calc(.92 + var(--level) * .5))}.tile-original{color:inherit;overflow-wrap:anywhere;opacity:.72;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:3px 0 4px;font-size:7px;line-height:1.25;display:-webkit-box;overflow:hidden}.attribution{z-index:2;min-width:0;color:inherit;letter-spacing:.065em;text-transform:uppercase;align-items:flex-end;gap:7px;padding:0 11px 11px 12px;font-size:7px;font-weight:500;line-height:1.25;display:flex;position:relative}.attribution-copy{min-width:0;color:inherit;overflow-wrap:anywhere;opacity:.82;flex:1}.attribution a:hover{text-underline-offset:2px;text-decoration:underline}.attribution .license-link{color:inherit;white-space:nowrap;text-decoration:none}.attribution .freesound-link{width:20px;height:20px;color:inherit;flex:0 0 20px;padding:2px;text-decoration:none;display:block}.transport{z-index:20;min-height:var(--transport-height);padding:7px 14px calc(7px + env(safe-area-inset-bottom));border-top:1px solid var(--ink);background:var(--paper);align-items:center;gap:22px;display:flex;position:fixed;bottom:0;left:0;right:0}.transport-button{min-width:0;min-height:46px;color:var(--ink);cursor:pointer;background:0 0;border:0;justify-content:flex-start;align-items:center;gap:8px;padding:4px 2px;display:flex}.transport-button:disabled{cursor:not-allowed;opacity:.32}.transport-button>svg{color:currentColor;flex:none;width:18px;height:18px}.transport-button span{text-align:left;flex-direction:column;min-width:0;display:flex}.transport-button strong{letter-spacing:.09em;text-transform:uppercase;white-space:nowrap;font-size:9px;font-weight:600;line-height:1.18}.transport-button small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:6.5px;line-height:1.2;overflow:hidden}.transport-button:hover:not(:disabled),.transport-button.is-active{color:var(--rust)}.transport-button.is-active small{color:currentColor;opacity:.72}.pause-button{margin-left:auto}.stop-button{color:var(--muted)}.pause-button>svg,.stop-button>svg{width:14px;height:14px}.notice,.zero-state,.empty-intro{color:var(--ink);margin:26px 14px}.notice{flex-direction:column;gap:5px;display:flex}.notice strong{color:var(--rust)}.notice span,.zero-state span,.empty-intro span{color:var(--muted);font-size:10px}.empty-intro{margin-top:34px}.empty-intro p{letter-spacing:-.04em;margin:0 0 9px;font-family:Iowan Old Style,Baskerville,Georgia,serif;font-size:clamp(30px,8vw,44px);line-height:1}.zero-state{flex-direction:column;gap:7px;display:flex}.loading-grid i{background:var(--sky);grid-row:span 7;animation:1.5s ease-in-out infinite alternate loading-breathe}.loading-grid i:nth-child(3n){background:var(--lichen);animation-delay:-.5s}.loading-grid i:nth-child(4n){background:var(--ochre);grid-row:span 8;animation-delay:-.9s}@keyframes loading-breathe{to{opacity:.46}}@media (width>=560px){.search-header{padding-left:16px;padding-right:16px}.sound-grid,.loading-grid{grid-template-columns:repeat(3,minmax(0,1fr));padding-left:16px;padding-right:16px}}@media (width>=800px){.search-header{grid-template-columns:minmax(0,1fr) 230px;padding:22px 22px 8px}.brand-row,.sound-guide,.suggestions,.result-count{grid-column:1/-1}.brand-row{margin-bottom:16px}.search-form input{min-height:102px;padding-left:20px;font-size:clamp(62px,7vw,92px)}.random-word-button{border-top:1px solid var(--ink);min-height:102px;margin-left:-1px;padding:14px 20px}.guide-notes{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:30px}.sound-grid,.loading-grid{grid-template-columns:repeat(4,minmax(0,1fr));padding:3px 22px 14px}.tile-name{font-size:20px}.attribution{font-size:7.5px}.transport{padding-left:22px;padding-right:22px}}@media (width>=1180px){.search-header{grid-template-columns:minmax(0,1fr) 260px;padding-left:38px;padding-right:38px}.sound-grid,.loading-grid{grid-template-columns:repeat(6,minmax(0,1fr));padding-left:38px;padding-right:38px}.tile-play{padding:15px 15px 5px}.tile-name{font-size:21px}.attribution{padding:0 14px 13px 15px}.transport{padding-left:38px;padding-right:38px}}@media (width>=1700px){.sound-grid,.loading-grid{grid-template-columns:repeat(7,minmax(0,1fr))}}@media (width<=380px){.search-header{padding-left:7px;padding-right:7px}.sound-grid,.loading-grid{gap:2px;padding-left:7px;padding-right:7px}.tile-play{padding-left:9px;padding-right:9px}.attribution{padding-left:9px;padding-right:8px}.transport{gap:10px;padding-left:9px;padding-right:9px}.transport-button{gap:5px}.transport-button strong{font-size:8px}.transport-button small{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}