:root{--accent-color:#fff;--bg-color:#ff4500;--border-color:#0000001a;--card-bg:#fff;--font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--shadow:0 4px 12px #00000026;--text-color:#111;--highlight-color:#1e90ff;--theme-bg:var(--bg-color);--theme-text:var(--text-color);--theme-header-color:#fff;--theme-item-bg:#fff;--theme-item-text:#111;--theme-item-hover-bg:#f8f9fa;--theme-item-active-bg:#e9ecef;--theme-border:#ffffff4d}body.dark-theme{--theme-bg:#121212;--theme-text:#e0e0e0;--theme-header-color:#ff4500;--theme-item-bg:#1e1e1e;--theme-item-text:#fff;--theme-item-hover-bg:#2a2a2a;--theme-item-active-bg:#333;--theme-border:#ff45004d;--border-color:#ffffff1a}html,body{background-color:var(--theme-bg);color:var(--theme-text);min-height:100vh;margin:0;transition:background-color .3s,color .3s}body{font-family:var(--font-family);text-transform:uppercase;box-sizing:border-box;flex-direction:column;align-items:center;padding:4rem 2rem;display:flex}header{text-align:center;margin-bottom:3rem}header h1{letter-spacing:-.025em;color:var(--theme-header-color);text-shadow:2px 2px 4px #0003;margin:0;font-size:2.5rem;font-weight:600}.admin-link{color:var(--theme-header-color);font-size:.9rem;font-weight:600;text-decoration:none;position:absolute;top:1rem;right:1rem}.admin-link:hover{text-decoration:underline}.theme-toggle{color:var(--theme-header-color);cursor:pointer;background:0 0;border:none;margin-top:1rem;padding:.5rem;font-size:1.5rem;transition:transform .2s}.theme-toggle:hover{transform:scale(1.1)}.theme-toggle:active{transform:scale(.9)}main{width:100%;max-width:800px}.sound-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1.5rem;width:100%;display:grid}.category-section{width:100%;margin-bottom:2rem}.category-section h2{color:var(--theme-header-color);border-bottom:1px solid var(--theme-border);text-transform:uppercase;margin-bottom:1rem;padding-bottom:.3rem;font-size:1.1rem;font-weight:600;display:block}.sound-item{background-color:var(--theme-item-bg);border:1px solid var(--border-color);box-shadow:var(--shadow);cursor:pointer;text-align:center;-webkit-user-select:none;user-select:none;color:var(--theme-item-text);border-radius:8px;justify-content:center;align-items:center;min-height:60px;padding:1.5rem 1rem;font-weight:600;transition:all .2s;display:flex}.sound-item:hover{background-color:var(--theme-item-hover-bg);transform:translateY(-2px);box-shadow:0 8px 16px #0003}.sound-item:active{background-color:var(--theme-item-active-bg);transform:scale(.95)}.sound-item.triggering{background-color:var(--theme-header-color);border-color:var(--theme-header-color);color:#fff;animation:.3s trigger-pulse}@keyframes trigger-pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}