: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}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}.sound-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(128px,1fr));gap:14px;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}.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-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}.sound-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:12px}.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}}