@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:u+1f??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Fallback;src:local("Arial");ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.00%;size-adjust:107.12%}.__className_f367f3{font-family:Inter,Inter Fallback;font-style:normal}.__variable_f367f3{--font-inter:"Inter","Inter Fallback"}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/db911767852bc875-s.woff2) format("woff2");unicode-range:u+0900-097f,u+1cd0-1cf9,u+200c-200d,u+20a8,u+20b9,u+20f0,u+25cc,u+a830-a839,u+a8e0-a8ff,u+11b00-11b09}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/f10b8e9d91f3edcb-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Poppins;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/8888a3826f4a3af4-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/29e7bbdce9332268-s.woff2) format("woff2");unicode-range:u+0900-097f,u+1cd0-1cf9,u+200c-200d,u+20a8,u+20b9,u+20f0,u+25cc,u+a830-a839,u+a8e0-a8ff,u+11b00-11b09}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/c3bc380753a8436c-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/0484562807a97172-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/29a4aea02fdee119-s.woff2) format("woff2");unicode-range:u+0900-097f,u+1cd0-1cf9,u+200c-200d,u+20a8,u+20b9,u+20f0,u+25cc,u+a830-a839,u+a8e0-a8ff,u+11b00-11b09}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/a1386beebedccca4-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/b957ea75a84b6ea7-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Poppins Fallback;src:local("Arial");ascent-override:93.62%;descent-override:31.21%;line-gap-override:8.92%;size-adjust:112.16%}.__className_1e35df{font-family:Poppins,Poppins Fallback;font-style:normal}.__variable_1e35df{--font-poppins:"Poppins","Poppins Fallback"}:root{--color-black:#111111;--color-gray-900:#1a1a1a;--color-gray-700:#374151;--color-gray-500:#6b7280;--color-gray-300:#d1d5db;--color-gray-200:#e5e7eb;--color-gray-100:#f3f4f6;--color-gray-50:#f9fafb;--color-white:#ffffff;--color-accent:#0d9488;--color-accent-light:#ccfbf1;--color-accent-hover:#0f766e;--bg-primary:var(--color-white);--bg-secondary:var(--color-gray-50);--text-primary:var(--color-black);--text-secondary:var(--color-gray-500);--text-tertiary:var(--color-gray-300);--border-color:var(--color-gray-200);--border-light:var(--color-gray-100);--font-body:var(--font-inter,"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif);--font-heading:var(--font-poppins,"Poppins",sans-serif);--space-xs:0.25rem;--space-sm:0.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--space-3xl:4rem;--space-4xl:6rem;--shadow-sm:0 1px 2px rgba(0,0,0,0.04);--shadow-md:0 2px 8px rgba(0,0,0,0.06);--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--transition:150ms ease}html.dark{--bg-primary:#0f0f0f;--bg-secondary:#1a1a1a;--text-primary:#e5e7eb;--text-secondary:#9ca3af;--text-tertiary:#4b5563;--border-color:#2a2a2a;--border-light:#1f1f1f;--color-accent:#2dd4bf;--color-accent-light:#1a2e2b;--color-accent-hover:#5eead4;--shadow-sm:0 1px 2px rgba(0,0,0,0.2);--shadow-md:0 2px 8px rgba(0,0,0,0.3)}*,:after,:before{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);background-color:var(--bg-primary);line-height:1.7;font-size:15px;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,h1,h2,h3,h4,h5,h6{color:var(--text-primary)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;line-height:1.3;letter-spacing:-.01em}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font-family:var(--font-body)}.text-primary-gradient{background:none;-webkit-text-fill-color:unset;background-clip:unset;-webkit-background-clip:unset;color:inherit}.mb-0{margin-bottom:0}.container{width:100%;max-width:1120px;margin:0 auto;padding:0 var(--space-lg)}header{padding:var(--space-md) 0;position:-webkit-sticky;position:sticky;top:0;z-index:100;background-color:var(--bg-primary);border-bottom:1px solid var(--border-light)}header nav{display:flex;justify-content:space-between;align-items:center;width:100%;background-color:transparent}.logo-container{flex-shrink:0}.logo{font-family:var(--font-heading);font-size:1.3rem;font-weight:600;color:var(--text-primary);text-decoration:none;display:flex;align-items:center;letter-spacing:-.02em}.logo i{margin-right:var(--space-sm);font-size:1.1rem;color:var(--color-accent)}.menu-toggle{display:none;background:none;border:none;font-size:1.25rem;color:var(--text-primary);cursor:pointer;padding:var(--space-sm)}.nav-menu{display:flex;gap:var(--space-xl);list-style:none}.nav-menu li a{color:var(--text-secondary);text-decoration:none;font-weight:400;font-size:.9rem;padding:var(--space-xs) 0;border-bottom:1.5px solid transparent;transition:color var(--transition),border-color var(--transition)}.nav-menu li a:hover{color:var(--text-primary);border-bottom-color:var(--text-primary)}.upload-button-container{flex-shrink:0;margin-left:var(--space-xl)}.upload-button{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);text-decoration:none;font-weight:500;font-size:.85rem;transition:all var(--transition)}.upload-button:hover{background-color:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}main{padding:0}.hero{text-align:center;padding:var(--space-4xl) var(--space-md) var(--space-3xl);margin-bottom:var(--space-xl)}.hero-content{max-width:640px;margin:0 auto}.hero h1{font-family:var(--font-heading);font-size:2.75rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-md);line-height:1.15;letter-spacing:-.03em}.hero-subtitle{font-size:1.05rem;color:var(--text-secondary);margin-bottom:var(--space-2xl);line-height:1.7;font-weight:300}.hero-search{max-width:480px;margin:0 auto}.search-form{display:flex;background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-color);overflow:hidden;transition:border-color var(--transition)}.search-form:focus-within{border-color:var(--color-accent)}.search-input{flex:1 1;border:none;padding:.85rem var(--space-lg);font-size:.9rem;font-family:var(--font-body);outline:none;background:transparent;color:var(--text-primary)}.search-input::placeholder{color:var(--text-tertiary)}.search-button{background:var(--text-primary);color:var(--bg-primary);border:none;padding:.85rem var(--space-lg);cursor:pointer;transition:opacity var(--transition);display:flex;align-items:center;justify-content:center}.search-button:hover{opacity:.8}.categories-section{margin-bottom:var(--space-3xl)}.categories{display:flex;gap:var(--space-sm);flex-wrap:wrap;justify-content:center}.category-btn{padding:var(--space-sm) var(--space-lg);border:1px solid var(--border-color);border-radius:var(--radius-full);font-weight:500;font-size:.8rem;cursor:pointer;transition:all var(--transition);text-decoration:none;color:var(--text-secondary);background:transparent}.category-btn:hover{border-color:var(--text-primary);color:var(--text-primary)}.category-btn.active{background-color:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.section-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:var(--space-xl);padding-bottom:var(--space-md);border-bottom:1px solid var(--border-light)}.section-title{font-family:var(--font-heading);font-size:1.25rem;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:var(--space-sm);margin-bottom:0}.section-title i{font-size:.9rem;color:var(--text-tertiary)}.view-all{color:var(--text-secondary);font-weight:400;font-size:.85rem;text-decoration:none;transition:color var(--transition)}.view-all:hover{color:var(--text-primary)}.sound-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-gap:var(--space-lg);gap:var(--space-lg);margin-bottom:var(--space-2xl)}.sound-card{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition);padding:var(--space-lg)}.sound-card:hover{border-color:var(--border-color);box-shadow:var(--shadow-md);transform:translateY(-1px)}.sound-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-sm)}.sound-category{font-size:.7rem;font-weight:500;color:var(--color-accent);background-color:var(--color-accent-light);padding:2px var(--space-sm);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.sound-duration{font-size:.75rem;color:var(--text-tertiary)}.sound-title{font-family:var(--font-heading);font-size:.95rem;font-weight:500;margin-bottom:var(--space-sm);line-height:1.5}.sound-title a{color:var(--text-primary);text-decoration:none;transition:color var(--transition);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.sound-title a:hover{color:var(--color-accent)}.sound-stats{gap:var(--space-md);margin-bottom:var(--space-md);font-size:.8rem;color:var(--text-tertiary)}.sound-stats,.sound-stats span{display:flex;align-items:center}.sound-stats span{gap:var(--space-xs)}.sound-actions{display:flex;align-items:center;justify-content:space-between}.play-button{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:var(--text-primary);color:var(--bg-primary);border-radius:var(--radius-full);font-size:.8rem;font-weight:500;text-decoration:none;transition:opacity var(--transition)}.play-button:hover{opacity:.85}.action-buttons{display:flex;align-items:center;gap:var(--space-xs)}.action-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--radius-md);font-size:.85rem;transition:all var(--transition);background:transparent;border:none;cursor:pointer;color:var(--text-tertiary)}.action-btn:hover{background-color:var(--bg-secondary);color:var(--text-primary)}.audio-detail{max-width:800px;margin:0 auto}.audio-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-xl);padding-bottom:var(--space-xl);border-bottom:1px solid var(--border-light)}.audio-info{flex:1 1}.audio-header h1{font-family:var(--font-heading);font-size:1.75rem;font-weight:600;margin-bottom:var(--space-sm);color:var(--text-primary)}.audio-meta{display:flex;gap:var(--space-md);align-items:center}.audio-meta .category{background:var(--text-primary);color:var(--bg-primary);padding:2px var(--space-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;text-decoration:none}.audio-meta .downloads{color:var(--text-tertiary);font-size:.85rem}.audio-player{gap:var(--space-lg);margin-bottom:var(--space-xl);padding:var(--space-xl);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-light)}.audio-player,.player-controls{display:flex;align-items:center}.player-controls{flex:1 1;gap:var(--space-md)}.play-btn{width:44px;height:44px;border-radius:50%;border:none;background:var(--text-primary);color:var(--bg-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:opacity var(--transition);flex-shrink:0}.play-btn:hover{opacity:.85}.audio-progress{flex:1 1;height:3px;background-color:var(--border-color);border-radius:2px;position:relative;cursor:pointer}.progress-bar{position:absolute;left:0;top:0;height:100%;background:var(--text-primary);border-radius:2px;width:0}.audio-time{color:var(--text-tertiary);font-size:.8rem;min-width:80px;text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.volume-control{display:flex;align-items:center;gap:var(--space-xs);flex-shrink:0;color:var(--text-tertiary);font-size:.8rem}.volume-slider{width:72px;accent-color:var(--text-primary);cursor:pointer;flex-shrink:0}.audio-detail .action-buttons{display:flex;gap:var(--space-sm)}.audio-detail .action-buttons .action-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border:1px solid var(--border-color);border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);font-weight:400;font-size:.85rem;cursor:pointer;transition:all var(--transition);width:auto;height:auto;position:relative}.audio-detail .action-buttons .action-btn:hover{border-color:var(--text-primary);color:var(--text-primary)}.action-btn .tooltip{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background:var(--text-primary);color:var(--bg-primary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:.75rem;opacity:0;visibility:hidden;transition:all var(--transition);white-space:nowrap;margin-bottom:var(--space-xs)}.action-btn .tooltip.show{opacity:1;visibility:visible}.audio-description{margin-bottom:var(--space-xl);padding:var(--space-xl);background-color:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg)}.audio-description h2{font-family:var(--font-heading);font-size:1rem;font-weight:600;margin-bottom:var(--space-sm)}.audio-description p{color:var(--text-secondary);line-height:1.7;font-size:.9rem}.related-audio{margin-top:var(--space-3xl);padding-top:var(--space-xl);border-top:1px solid var(--border-light)}.related-audio h2{font-family:var(--font-heading);font-size:1.1rem;font-weight:600;margin-bottom:var(--space-xl)}.breadcrumb{margin-bottom:var(--space-xl);padding:var(--space-sm) 0}.breadcrumb ol{display:flex;flex-wrap:wrap;list-style:none}.breadcrumb li{display:flex;align-items:center;font-size:.8rem;color:var(--text-tertiary)}.breadcrumb li:not(:last-child):after{content:"/";margin:0 var(--space-sm)}.breadcrumb li a{color:var(--text-secondary);text-decoration:none;transition:color var(--transition)}.breadcrumb li a:hover{color:var(--text-primary)}.breadcrumb li[aria-current=page]{color:var(--text-primary);font-weight:500}.category-header{margin-bottom:var(--space-2xl)}.category-header h1{font-family:var(--font-heading);font-size:1.75rem;font-weight:600;margin-bottom:var(--space-sm)}.category-description{color:var(--text-secondary);font-size:.95rem;line-height:1.7;max-width:640px}.pagination-container{margin:var(--space-xl) 0 var(--space-2xl)}.pagination,.pagination-container{display:flex;justify-content:center}.pagination{align-items:center;gap:4px;flex-wrap:wrap}.pagination-btn,.pagination-number{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 var(--space-sm);border-radius:var(--radius-md);text-decoration:none;color:var(--text-secondary);background-color:transparent;border:1px solid var(--border-color);font-size:.85rem;transition:all var(--transition);white-space:nowrap}.pagination-btn{padding:0 var(--space-md);gap:var(--space-sm)}.pagination-btn:hover,.pagination-number:hover{border-color:var(--text-primary);color:var(--text-primary);background-color:var(--bg-secondary)}.pagination-number.active{background-color:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary);font-weight:500}.pagination-ellipsis{display:inline-flex;align-items:center;justify-content:center;height:36px;width:28px;color:var(--text-tertiary);font-size:.85rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.page-header{margin-bottom:var(--space-2xl);padding:var(--space-2xl) 0 var(--space-xl);border-bottom:1px solid var(--border-light)}.page-header h1{font-size:1.75rem;font-weight:600;margin-bottom:var(--space-sm)}.page-header p{color:var(--text-secondary);font-size:.95rem}.page-header-row{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:var(--space-lg)}.sort-controls{display:flex;gap:var(--space-sm);flex-wrap:wrap;align-items:center}.search-form-page{margin-bottom:var(--space-2xl)}.category-card-count{display:block;font-size:.75rem;color:var(--text-tertiary);margin-top:var(--space-xs);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.category-card-desc{font-size:.8rem;color:var(--text-secondary);margin-top:var(--space-xs);overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.search-highlight{font-style:normal;color:var(--color-accent)}.categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:var(--space-lg);gap:var(--space-lg);margin-bottom:var(--space-3xl)}.category-card{border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-xl) var(--space-lg);text-decoration:none;color:var(--text-primary);transition:border-color var(--transition),background-color var(--transition);display:block}.category-card:hover{border-color:var(--border-color);background-color:var(--bg-secondary)}.category-card h3{font-size:1rem;font-weight:600;margin-bottom:var(--space-xs)}.category-card .count{font-size:.8rem;color:var(--text-tertiary)}.empty-state{text-align:center;padding:var(--space-4xl) var(--space-md);color:var(--text-secondary)}.empty-state i{font-size:2.5rem;color:var(--text-tertiary);margin-bottom:var(--space-lg);display:block}.empty-state h3{font-size:1.1rem;margin-bottom:var(--space-sm)}.empty-state p{font-size:.9rem;margin-top:var(--space-sm)}.footer{background-color:var(--bg-secondary);color:var(--text-primary);padding:var(--space-3xl) 0 var(--space-xl);margin-top:var(--space-4xl);border-top:1px solid var(--border-light)}.footer-content{display:flex;flex-wrap:wrap;justify-content:space-between}.footer-content,.footer-section{margin-bottom:var(--space-xl)}.footer-section.description{max-width:380px}.footer-content .footer-section:nth-child(2){margin-left:var(--space-xl)}.footer-section h3{font-size:1.1rem}.footer-section h3,.footer-section h4{font-family:var(--font-heading);font-weight:600;margin-bottom:var(--space-md)}.footer-section h4{font-size:.85rem;text-transform:uppercase;letter-spacing:.08em}.footer-section p{color:var(--text-secondary);line-height:1.7;font-size:.9rem}.footer-section ul{list-style:none;padding:0;margin:0}.footer-section ul li{margin-bottom:var(--space-sm)}.footer-section ul li a{color:var(--text-secondary);font-size:.9rem;transition:color var(--transition)}.footer-section ul li a:hover{color:var(--text-primary)}.footer-bottom{text-align:center;padding-top:var(--space-xl);border-top:1px solid var(--border-color)}.footer-bottom p{color:var(--text-tertiary);font-size:.8rem}@media (max-width:768px){.menu-toggle{display:block}.nav-menu{position:absolute;top:100%;left:0;width:100%;background-color:var(--bg-primary);flex-direction:column;padding:0 var(--space-lg);gap:0;max-height:0;overflow:hidden;transition:max-height .3s ease;z-index:999;border-bottom:1px solid var(--border-color)}.nav-menu.open{max-height:500px}.nav-menu li{width:100%;opacity:0;transform:translateY(-10px);transition:opacity .2s ease,transform .2s ease}.nav-menu.open li{opacity:1;transform:translateY(0)}.nav-menu li a{display:block;padding:var(--space-md) 0;font-size:1rem;border-bottom:none}.upload-button-container{display:none}.hero{padding:var(--space-2xl) var(--space-md)}.hero h1{font-size:2rem}.hero-subtitle{font-size:.95rem}.sound-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-md)}.audio-header{align-items:flex-start}.audio-header,.audio-player{flex-direction:column;gap:var(--space-md)}.audio-player,.player-controls{align-items:stretch}.player-controls{flex-direction:column}.audio-detail .action-buttons{width:100%;flex-wrap:wrap}.audio-detail .action-buttons .action-btn{flex:1 1;justify-content:center}.footer-content{flex-direction:column;gap:var(--space-md)}.footer-content .footer-section:nth-child(2){margin-left:0}}@media (max-width:480px){.hero{padding:var(--space-xl) var(--space-md)}.hero h1{font-size:1.65rem}.search-form{flex-direction:column}.search-button{width:100%}.categories{gap:var(--space-xs)}.category-btn{padding:var(--space-xs) var(--space-md);font-size:.75rem}.sound-grid{grid-template-columns:1fr}.categories-grid{grid-template-columns:1fr 1fr}.volume-slider{width:56px}}