.navbar{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.25rem;background:rgba(0,0,0,.65);backdrop-filter:blur(6px);border-bottom:1px solid rgba(255,255,255,.08);position:relative;z-index:30}.navbar-logo h1{margin:0;font-size:1.1rem;font-weight:600;letter-spacing:1px;color:#f5f5f5}.navbar-links{list-style:none;display:flex;gap:1rem;margin:0;padding:0}.navbar-links a{color:#ddd;text-decoration:none;font-size:.9rem;position:relative;padding:.25rem .4rem}.navbar-links a:after{content:"";position:absolute;left:0;bottom:-2px;width:0;height:2px;background:linear-gradient(90deg,#ffcf33,#ff0080);transition:width .3s}.navbar-links a:hover:after,.navbar-links a:focus:after{width:100%}.navbar-links a:hover{color:#fff}.navbar-toggle{display:none;background:transparent;border:none;padding:6px;margin-left:auto;cursor:pointer}.navbar-toggle:focus{outline:2px solid #888;outline-offset:2px}@media (max-width: 820px){.navbar{padding:.5rem .8rem}.navbar-toggle{display:block}.navbar-links{display:none;position:absolute;top:56px;left:0;right:0;margin:0;padding:10px 12px;flex-direction:column;gap:8px;background:rgba(0,0,0,.9);border-bottom:1px solid rgba(255,255,255,.08);z-index:20}.navbar[data-open=true] .navbar-links{display:flex}}.footer{padding:1.2rem 1rem;background:rgba(0,0,0,.75);backdrop-filter:blur(6px);border-top:1px solid rgba(255,255,255,.08);margin-top:auto;font-size:.8rem;color:#bbb}.footer-content{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;gap:.5rem;align-items:center}.logo-flag{perspective:700px}.logo-flag img{height:40px;filter:none;transform-origin:left center;display:block;animation:flagTilt 10s ease-in-out infinite}@keyframes flagTilt{0%{transform:rotateY(-18deg) translateZ(0) skewY(0)}25%{transform:rotateY(-10deg) translateZ(1px) skewY(.5deg)}50%{transform:rotateY(-18deg) translateZ(0) skewY(0)}75%{transform:rotateY(-26deg) translateZ(-1px) skewY(-.5deg)}to{transform:rotateY(-18deg) translateZ(0) skewY(0)}}.social-links{display:flex;gap:1rem}.social-links a{color:#ccc;text-decoration:none;font-size:.85rem;position:relative}.social-links a:hover{color:#fff}@media (max-width:600px){.footer{font-size:.75rem}}.audio-player{display:flex;align-items:center;gap:.5rem;color:#ccc;opacity:.9;width:100%;max-width:700px}.audio-btn{width:28px;height:28px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(255,255,255,.06);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.8rem}.audio-btn:hover{background:rgba(255,255,255,.14)}.audio-progress{flex:1;accent-color:#fff;height:4px}.audio-time{min-width:40px;text-align:right;color:#aaa;font-variant-numeric:tabular-nums}.audio-vol-icon{font-size:.9rem;opacity:.8}.audio-volume{width:80px;accent-color:#fff}.audio-hint{color:#aaa;font-size:.75rem;margin-left:.25rem}.explore-root{position:relative}.flag-bg{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:0}.flag-bg img{width:100vw;height:auto;opacity:.08;transform-origin:left center;animation:flagWave 16s ease-in-out infinite;filter:none}@keyframes flagWave{0%{transform:rotateY(-14deg) skewY(0) translateZ(0)}25%{transform:rotateY(-12deg) skewY(.2deg) translateZ(.5px)}50%{transform:rotateY(-14deg) skewY(0) translateZ(0)}75%{transform:rotateY(-16deg) skewY(-.2deg) translateZ(-.5px)}to{transform:rotateY(-14deg) skewY(0) translateZ(0)}}body{margin:0;padding:0;font-family:Arial,sans-serif;background-color:#000;color:#fff}h1,h2,h3,h4,h5,h6{margin:0;padding:0}a{color:#1db954;text-decoration:none}a:hover{text-decoration:underline}.container{max-width:1200px;margin:0 auto;padding:20px}.header,.footer{text-align:center;padding:20px}.gallery{display:flex;flex-wrap:wrap;justify-content:center}.gallery img{max-width:100%;height:auto;margin:10px}.chat-container{display:flex;flex-direction:column;height:100%}.message-list{flex:1;overflow-y:auto;padding:10px;border:1px solid #ccc;border-radius:5px}.message-input{display:flex;margin-top:10px}.message-input input{flex:1;padding:10px;border:1px solid #ccc;border-radius:5px}.message-input button{padding:10px;border:none;background-color:#1db954;color:#fff;border-radius:5px;cursor:pointer}.message-input button:hover{background-color:#1ed760}