:root{color:#18251d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 85% 2%,#e05a3317,#0000 28rem),#f7f3ea;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button{-webkit-tap-highlight-color:transparent}.page{max-width:560px;min-height:100vh;margin:0 auto;padding:24px 20px 40px}.install-layer{z-index:20;position:fixed;inset:0}.install-backdrop{background:#0c120e8f;position:absolute;inset:0}.install-banner{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#fffaf2;padding:12px 12px calc(12px + env(safe-area-inset-bottom));background:#18251deb;border-top:1px solid #ffffff1f;grid-template-columns:1fr 44px;align-items:center;width:100%;display:grid;position:absolute;bottom:0;left:0;box-shadow:0 -12px 36px #080c093d}.install-action{color:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;gap:11px;min-height:44px;font:700 .88rem/1 inherit;display:flex}.install-action img{border-radius:8px;width:30px;height:30px}.install-close{color:#d9dfdb;cursor:pointer;background:#ffffff14;border:0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font:300 1.5rem/1 inherit;display:flex}.install-action:focus-visible,.install-close:focus-visible{outline-offset:3px;outline:3px solid #e05a3359}.header{letter-spacing:-.02em;grid-template-columns:36px 1fr;align-items:center;font-size:1rem;font-weight:800;display:grid}.brand-mark{color:#fffaf2;background:#18251d;border-radius:12px 12px 12px 4px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.9rem;display:flex;transform:rotate(-5deg)}.brand-mark svg{fill:currentColor;width:21px;height:21px}.brand-mark .cat-face{fill:none;stroke:#18251d;stroke-linecap:round;stroke-width:1.6px}.intro{padding:72px 4px 38px}.eyebrow{color:#e05a33;letter-spacing:.18em;margin:0 0 14px;font-size:.72rem;font-weight:800}h1{color:#18251d;letter-spacing:-.055em;max-width:520px;margin:0;font-size:clamp(2.6rem,12vw,4.2rem);line-height:.98}.intro>p:last-child{color:#657269;margin:22px 0 0;font-size:1rem;line-height:1.5}.sound-list{gap:12px;display:grid}.sound-card{color:#18251d;cursor:pointer;font:inherit;text-align:left;background:#ffffff94;border:1px solid #d9d8cf;border-radius:20px;grid-template-columns:52px 1fr 40px;align-items:center;gap:14px;width:100%;padding:16px;transition:transform .16s,border-color .16s,box-shadow .16s;display:grid}.sound-card:hover{border-color:#aab5ac;transform:translateY(-2px)}.sound-card:focus-visible{outline-offset:3px;outline:3px solid #e05a3359}.sound-card.featured{color:#fffaf2;background:#18251d;border-color:#18251d;padding-block:20px;box-shadow:0 16px 32px #18251d2e}.sound-icon{background:#f0e9dc;border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.45rem;display:flex}.featured .sound-icon{background:#314238}.sound-copy{gap:5px;display:grid}.sound-copy strong{letter-spacing:-.015em;font-size:1rem}.sound-copy small{color:#748077;font-size:.78rem;line-height:1.35}.featured .sound-copy small{color:#afbbb3}.play-icon{color:#e05a33;border:1px solid #ced3cf;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;padding-left:2px;font-size:.7rem;display:flex}.featured .play-icon{color:#fff;background:#e05a33;border-color:#e05a33}.sound-card.playing .play-icon{animation:.6s ease-in-out infinite alternate pulse}.hint{color:#8b938d;text-align:center;margin:22px 0 0;font-size:.75rem}@keyframes pulse{to{transform:scale(1.12)}}@media (width>=700px){.page{padding-top:36px}.intro{padding-top:92px}}@media (prefers-reduced-motion:reduce){.sound-card{transition:none}.sound-card.playing .play-icon{animation:none}}