:root{color-scheme:light dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f4f4f1;color:#151515}*{box-sizing:border-box}[hidden]{display:none!important}body{min-height:100vh;margin:0;background:linear-gradient(160deg,#fffffff2,#e8e8e2e6),#f4f4f1}main{width:min(980px,calc(100vw - 28px));margin:0 auto;padding:42px 0}.top-link{color:#555;font-size:.92rem;text-decoration:none}.top-link:hover{color:#171717}h1{margin:18px 0 8px;font-size:clamp(2.2rem,8vw,4.8rem);line-height:.95;letter-spacing:0}.lead{max-width:560px;margin:0 0 22px;color:#555;font-size:1.05rem;line-height:1.55}.soundboard{margin-top:28px;padding:18px;border:1px solid #2c2d2c;border-radius:8px;background:linear-gradient(145deg,#242625,#080909 62%),#111;box-shadow:0 18px 45px #00000038,inset 0 1px #ffffff1a}.soundboard-controls{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin-bottom:18px}.sound-search{position:relative;display:flex;flex:1;min-width:0;align-items:center}.search-icon{position:absolute;left:11px;width:15px;height:15px;fill:none;pointer-events:none;stroke:#7d827a;stroke-linecap:round;stroke-width:2}.search-input{-webkit-appearance:none;appearance:none;width:100%;min-width:0;height:38px;border:1px solid #4a4d4a;border-radius:5px;background:#090a09;color:#f4f8ef;font:inherit;font-size:.85rem;padding:0 12px 0 33px;box-shadow:inset 0 2px 5px #000000e6,0 1px #ffffff29;transition:border-color .18s ease,box-shadow .18s ease}.search-input::placeholder{color:#7d827a}.search-input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.search-input:focus{border-color:#c8ff1f;outline:none;box-shadow:inset 0 2px 5px #000000e6,0 0 0 1px #c8ff1f73}.sound-search:focus-within .search-icon{stroke:#c8ff1f}.search-empty{margin:0;color:#aeb3aa;font-size:.85rem;text-align:center}.playback-mode{display:flex;width:fit-content;align-items:center;gap:9px;margin:0;padding:8px 11px 10px;border:1px solid #4a4d4a;border-radius:5px}.playback-mode legend{padding:0 5px;color:#aeb3aa;font-size:.58rem;font-weight:800;letter-spacing:.16em;line-height:1;text-transform:uppercase}.mode-option{color:#7d827a;font-size:.65rem;font-weight:800;letter-spacing:.1em;line-height:1;text-transform:uppercase;transition:color .18s ease,text-shadow .18s ease}.playback-mode:not(:has(input:checked)) .mode-layer,.playback-mode:has(input:checked) .mode-restart{color:#d9ff64;text-shadow:0 0 8px rgba(200,255,31,.65)}.mode-switch{position:relative;display:block;cursor:pointer}.mode-switch input{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.mode-switch-track{display:block;width:44px;height:22px;padding:3px;border:1px solid #050505;border-radius:3px;background:#090a09;box-shadow:inset 0 2px 5px #000000e6,0 1px #ffffff29}.mode-switch-handle{display:block;width:17px;height:14px;border:1px solid #666b64;border-radius:2px;background:linear-gradient(180deg,#777c75,#30332f);box-shadow:inset 0 1px #ffffff52,0 1px 2px #000c;transition:transform .16s ease}.mode-switch input:checked+.mode-switch-track .mode-switch-handle{transform:translate(19px)}.mode-switch input:focus-visible+.mode-switch-track{outline:2px solid #c8ff1f;outline-offset:3px}.stop-button{align-self:stretch;min-width:62px;border:1px solid #0b0b0b;border-radius:5px;background:radial-gradient(circle at 50% 35%,#ff6a5f 0 12%,#db2d25 48%,#8e1611);color:#fff5ee;font:inherit;font-size:.68rem;font-weight:800;letter-spacing:.12em;line-height:1;padding:0 12px;text-transform:uppercase;text-shadow:0 1px 1px rgba(0,0,0,.55);cursor:pointer;touch-action:manipulation;box-shadow:inset 0 3px 4px #ffffff52,inset 0 -5px 7px #4a00006b,0 3px #430b08,0 5px 8px #00000080;transition:filter .16s ease,transform .1s ease,box-shadow .1s ease}.stop-button:hover{filter:brightness(1.08)}.stop-button:focus-visible{outline:2px solid #fff5ee;outline-offset:3px}.stop-button:active{box-shadow:inset 0 3px 5px #4a00007a,0 1px #430b08,0 2px 4px #00000080;transform:translateY(2px)}.sound-group+.sound-group{margin-top:26px}.sound-group-heading{display:flex;align-items:center;gap:10px;margin:0 0 12px;color:#aeb3aa;font-size:.66rem;font-weight:800;letter-spacing:.16em;line-height:1;text-transform:uppercase}.sound-group-heading:after{height:1px;flex:1;background:linear-gradient(90deg,#4a4d4a,#4a4d4a00);content:""}.sound-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:14px}.sound-item{display:grid;gap:8px;min-width:0}.single-sound-panel{width:min(100%,180px);margin:28px auto 0}.sound-button{position:relative;display:inline-flex;width:100%;aspect-ratio:1;align-items:center;justify-content:center;border:1px solid #d7ddd2;border-radius:8px;background:radial-gradient(circle at 50% 62%,#fffbe9 0 14%,#f5f8ee 44%,#dfe7dc);color:#1f241d;font:inherit;font-size:clamp(.78rem,1.8vw,.98rem);font-weight:800;line-height:1.15;overflow:hidden;overflow-wrap:anywhere;padding:12px;text-align:center;text-decoration:none;text-shadow:0 1px 0 rgba(255,255,255,.75);cursor:pointer;touch-action:manipulation;box-shadow:inset 0 7px 12px #ffffffdb,inset 0 -10px 16px #74816938,0 4px #111,0 8px 15px #0000006b;transition:box-shadow .52s ease,transform .16s ease,border-color .52s ease}.sound-button:after{position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 50% 62%,#fbff9b 0 17%,#c8ff1f 45%,#7fa900);box-shadow:inset 0 9px 16px #ffffb4d1,inset 0 -9px 18px #57700033,0 0 24px #b4ff00d1;content:"";opacity:0;transition:opacity .52s ease}.sound-emoji,.sound-name{position:relative;z-index:1;max-width:100%}.sound-emoji{font-size:clamp(2.15rem,7vw,3rem);line-height:1;text-shadow:none}.sound-badge{position:absolute;top:6px;right:6px;z-index:2;padding:2px 7px;border-radius:999px;background:linear-gradient(180deg,#ff5b5b 0,#d81f1f);color:#fff;font-size:.62rem;font-weight:800;letter-spacing:.04em;line-height:1.2;text-transform:uppercase;text-shadow:0 1px 1px rgba(0,0,0,.3);box-shadow:0 1px 3px #00000059}.sound-name{display:block;line-height:1.15;overflow-wrap:anywhere}.sound-caption .sound-name{color:#f4f8ef;font-size:.82rem;font-weight:800}.single-sound-panel .sound-caption .sound-name{color:#151515;text-align:center}.sound-caption{display:grid;grid-template-columns:minmax(0,1fr) auto;min-height:34px;align-items:center;gap:7px;padding:0 2px}.copy-button{-webkit-appearance:none;appearance:none;display:inline-flex;width:30px;height:30px;align-items:center;justify-content:center;border:0;border-radius:4px;background:transparent;color:#f4f8efc7;font:inherit;line-height:1;padding:0;cursor:pointer;touch-action:manipulation;transition:color .18s ease,transform .16s ease}.copy-icon{width:17px;height:17px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.copy-button:hover{color:#f4f8ef}.check-icon{display:none}.sound-button:hover{transform:translateY(-1px)}.sound-button:active,.sound-button.is-lit{border-color:#c8ff1f;box-shadow:inset 0 9px 16px #ffffb4d1,inset 0 -9px 18px #57700033,0 0 24px #b4ff00d1,0 4px #111,0 8px 18px #0000007a;transform:translateY(1px)}.sound-button:active:after,.sound-button.is-lit:after{opacity:1}.copy-button:active,.copy-button.is-copied{color:#c8ff1f;transform:scale(.96)}.copy-button.is-copied .clipboard-icon{display:none}.copy-button.is-copied .check-icon{display:block}.sound-button.primary{width:100%;margin-top:0}.status{min-height:24px;margin-top:18px;color:#555;font-size:.95rem}@media(max-width:520px){main{width:min(100vw - 18px,980px);padding:28px 0}h1{font-size:clamp(2rem,13vw,3.1rem)}.lead{margin-bottom:16px;font-size:.95rem}.soundboard{padding:12px}.soundboard-controls{display:grid;grid-template-columns:1fr max-content 68px;align-items:stretch;gap:10px;margin-bottom:14px;min-height:44px}.sound-search{grid-column:1 / -1}.playback-mode{grid-column:2}.stop-button{grid-column:3}.search-input{height:34px;font-size:.8rem}.playback-mode{width:fit-content;min-width:0;justify-content:center;padding:4px 14px 6px}.mode-option{font-size:.6rem;letter-spacing:.07em}.stop-button{min-width:0;min-height:0;padding:0 8px}.sound-group+.sound-group{margin-top:20px}.sound-group-heading{margin-bottom:9px;font-size:.6rem;letter-spacing:.12em}.sound-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sound-item{gap:6px}.sound-button{padding:8px}.sound-emoji{font-size:clamp(1.65rem,9vw,2.1rem)}.sound-caption{min-height:30px;gap:4px;padding:0}.sound-caption .sound-name{font-size:.68rem;line-height:1.05}.copy-button{width:24px;height:24px}}@media(prefers-color-scheme:dark){:root{background:#10100f;color:#f4f1ea}body{background:linear-gradient(160deg,#1c1c1af2,#0b0b0aeb),#10100f}.top-link,.lead,.status{color:#b9b3aa}.top-link:hover{color:#f4f1ea}.sound-list{border-color:#343633}.single-sound-panel .sound-caption .sound-name{color:#f4f1ea}}