:root{--primary:#66bb6a;--secondary:#43a047;--background:#f5f5f7;--card-bg:#fff;--text:#212121;--border:#e0e0e0;--shadow:0 4px 6px rgba(0,0,0,.1)}[data-theme=dark]{--primary:#81c784;--secondary:#66bb6a;--background:#212121;--card-bg:#424242;--text:#f5f5f5;--border:#616161;--shadow:0 4px 6px rgba(0,0,0,.3)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Roboto,sans-serif;background-color:var(--background);color:var(--text);line-height:1.6;transition:background-color .3s ease,color .3s ease;min-height:100vh;display:flex;flex-direction:column}body,main{width:100%;max-width:100%;overflow-x:hidden}header{text-align:center;padding:20px;background-color:var(--card-bg);box-shadow:var(--shadow);display:flex;justify-content:center;align-items:center}h1{font-family:Lora,serif;font-size:2em;color:var(--primary)}#back-button{background-color:var(--primary);color:#fff;border:none;padding:8px 16px;border-radius:5px;cursor:pointer;font-size:.9em;transition:background-color .3s,transform .2s;display:block;margin:20px auto}#back-button:focus,#back-button:hover{background-color:var(--secondary);transform:scale(1.05);outline:2px solid var(--primary)}.cookie-banner{position:fixed;bottom:0;width:100%;background-color:var(--card-bg);padding:15px;box-shadow:var(--shadow);display:flex;justify-content:space-between;align-items:center;z-index:2}.cookie-banner.hidden{display:none}.cookie-banner p{margin:0;font-size:.9em}.cookie-buttons{display:flex;gap:10px}#accept-cookies,#reject-cookies{background-color:var(--primary);color:#fff;border:none;padding:8px 16px;border-radius:5px;cursor:pointer;font-size:.9em}#reject-cookies{background-color:transparent;border:1px solid var(--primary);color:var(--primary)}#accept-cookies:focus,#accept-cookies:hover,#reject-cookies:focus,#reject-cookies:hover{background-color:var(--secondary);color:#fff;outline:2px solid var(--primary)}.controls-container{display:flex;justify-content:center;align-items:center;gap:20px;padding:20px;flex-wrap:wrap}#play-pause-top{background-color:var(--primary);color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:1em;width:120px;transition:background-color .3s,transform .2s}#play-pause-top.playing{background-color:var(--secondary);transform:scale(1.05)}#play-pause-top:focus,#play-pause-top:hover{background-color:var(--secondary);outline:2px solid var(--primary)}.theme-switch{display:flex;align-items:center;padding:2px;margin-right:5px}#theme-toggle{display:none}.theme-switch label{display:flex;align-items:center;cursor:pointer}.theme-icon{width:20px;height:20px;transition:opacity .3s ease}.theme-icon.sun{opacity:0}.theme-icon.moon{opacity:1;position:absolute}[data-theme=dark] .theme-icon.sun{opacity:1}[data-theme=dark] .theme-icon.moon{opacity:0}.sounds-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:20px;padding:20px;max-width:1200px;margin:0 auto}.sound-card{background-color:var(--card-bg);border-radius:8px;padding:15px;box-shadow:var(--shadow);text-align:center;transition:transform .3s ease}.sound-card:hover{transform:translateY(-5px)}.sound-card img{width:60px;height:60px;margin-bottom:10px}.sound-card label{display:flex;flex-direction:column;align-items:center;font-size:.9em;color:var(--text)}.sound-card input[type=range]{width:100%;margin-top:10px;accent-color:var(--primary)}.sound-card input[type=range]:focus{outline:2px solid var(--primary)}.mix-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:15px;background-color:var(--card-bg);border-radius:8px;margin:20px auto;max-width:1200px;box-shadow:var(--shadow);position:relative}.mix-buttons{display:flex;justify-content:center;gap:40px;position:absolute;left:50%;transform:translateX(-50%)}#load-mix,#save-mix{background-color:transparent;color:var(--secondary);border:1px solid var(--secondary);padding:6px 12px;border-radius:5px;cursor:pointer;font-size:.9em;transition:background-color .3s,color .3s}#save-mix{margin-right:20px}#load-mix{margin-left:20px}#load-mix:focus,#load-mix:hover,#save-mix:focus,#save-mix:hover{background-color:var(--secondary);color:#fff;outline:2px solid var(--primary)}.mix-panel{display:none;position:absolute;top:-60px;left:50%;transform:translateX(-50%);background-color:var(--card-bg);border-radius:8px;padding:10px;box-shadow:var(--shadow);z-index:1;transition:opacity .3s ease,transform .3s ease;opacity:0;transform:translateX(-50%) translateY(-10px)}.mix-panel.active{display:block;opacity:1;transform:translateX(-50%) translateY(0)}.mix-load,.mix-save{display:none}.mix-load.active,.mix-save.active{display:flex;align-items:center;gap:5px}#mix-name{padding:6px;border:1px solid #ccc;border-radius:5px;background-color:var(--card-bg);color:var(--text);font-size:.85em;width:150px}#mix-name:focus{outline:2px solid var(--primary)}#confirm-save-mix{background-color:var(--primary);color:#fff;border:none;padding:6px 10px;border-radius:5px;cursor:pointer;font-size:.85em}#confirm-save-mix:focus,#confirm-save-mix:hover{background-color:var(--secondary);outline:2px solid var(--primary)}#mix-selector{padding:6px;border:1px solid #ccc;border-radius:5px;background-color:var(--card-bg);color:var(--text);font-size:.85em;width:150px}#mix-selector:focus{outline:2px solid var(--primary)}.timer-controls{display:flex;align-items:center;gap:10px;background-color:var(--card-bg);padding:10px;border-radius:8px;flex-wrap:wrap;max-width:100%}#timer-display{font-size:.9em;color:var(--text);font-family:Roboto Mono,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100px}.timer-controls img{width:24px;height:24px}.timer-controls input[type=number]{width:60px;padding:5px;border:1px solid #ccc;border-radius:5px;background-color:var(--card-bg);color:var(--text);font-family:Roboto Mono,monospace}.timer-controls input[type=number]:focus{outline:2px solid var(--primary)}.timer-controls span{font-size:1em;color:var(--text)}.timer-cancel,.timer-confirm{background-color:var(--primary);color:#fff;border:none;padding:8px 16px;border-radius:5px;cursor:pointer;font-size:.9em}.timer-cancel{background-color:transparent;padding:0}.timer-cancel img{width:24px;height:24px}.timer-cancel:focus,.timer-cancel:hover,.timer-confirm:focus,.timer-confirm:hover{background-color:var(--secondary);outline:2px solid var(--primary)}.timer-cancel:focus img,.timer-cancel:hover img{filter:brightness(.8)}.language-switcher{position:fixed;bottom:20px;right:20px;z-index:2}#language-toggle{background:none;border:none;cursor:pointer;padding:5px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .3s;position:relative}#language-toggle:focus,#language-toggle:hover{background-color:var(--border);outline:2px solid var(--primary)}.flag{width:24px;height:24px}#current-flag{display:block}.language-dropdown{display:none;position:absolute;bottom:40px;right:0;background-color:var(--card-bg);border-radius:8px;box-shadow:var(--shadow);padding:10px;flex-direction:column;gap:10px;z-index:2}.language-dropdown.active{display:flex}.language-dropdown .flag{display:block;cursor:pointer;transition:transform .2s}.language-dropdown .flag:hover{transform:scale(1.1)}footer{text-align:center;padding:20px;background-color:var(--card-bg);margin-top:auto}footer p{font-size:.9em}footer a{color:var(--primary);text-decoration:none}footer a:focus,footer a:hover{text-decoration:underline;outline:2px solid var(--primary)}.legal-notice{max-width:800px;margin:20px auto;padding:0 20px}.legal-notice h2,.legal-notice h3{margin:20px 0 10px;color:var(--primary)}.legal-notice p{margin-bottom:15px}.legal-notice ul{list-style-type:disc;margin:10px 0 15px 20px}.legal-notice a{color:var(--primary);text-decoration:underline}.legal-notice a:focus,.legal-notice a:hover{color:var(--secondary);outline:2px solid var(--primary)}@media (max-width:600px){body,main{width:100vw;max-width:100vw;overflow-x:hidden}h1{font-size:1.5em}#back-button{padding:6px 12px;font-size:.8em;margin:15px auto}.sounds-grid{grid-template-columns:repeat(2,1fr)}.controls-container,.cookie-banner{flex-direction:column}.cookie-banner{gap:10px}.cookie-buttons{width:100%;justify-content:center}.mix-controls{flex-direction:column;align-items:center;gap:10px;width:100%;max-width:100%}.mix-buttons{position:static;transform:none;gap:20px}#load-mix,#save-mix{margin:0}.mix-panel{top:-100px;width:90%;max-width:300px}.timer-controls{flex-direction:row;flex-wrap:wrap;justify-content:center;padding:8px;width:100%;max-width:100%}#timer-display{max-width:80px;font-size:.8em}.timer-controls input[type=number]{width:50px}.timer-cancel,.timer-confirm{padding:6px 12px;font-size:.8em}.theme-switch{margin-right:0}}@media (min-width:601px) and (max-width:900px){.sounds-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:901px) and (max-width:1200px){.sounds-grid{grid-template-columns:repeat(4,1fr)}}@media (min-width:1201px){.sounds-grid{grid-template-columns:repeat(6,1fr)}@font-face{font-family:Lora;src:url(/fonts/lora-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url(/fonts/roboto-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url(/fonts/roboto-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Roboto Mono;src:url(/fonts/roboto-mono-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}}