*{font-family:SF Pro Display,sans-serif;margin:0;padding:0;box-sizing:border-box}html,body{background:#000!important;color:#fff;width:100%;height:100%}#app{background:#000;min-height:100vh;display:flex;justify-content:center;align-items:center}.container{width:100%;max-width:400px;text-align:center;background:#000;color:#fff;padding:20px;border-radius:10px;display:flex;flex-direction:column;min-height:100vh;position:relative}.equalizer{position:absolute;top:20px;left:20px;display:flex;align-items:flex-end;gap:2px;height:16px;cursor:pointer}.bar{width:3px;height:4px;background:#fff;border-radius:2px;transition:height .3s}.bar.playing{animation:equalize 1s ease-in-out infinite}.bar.playing:nth-child(1){animation-delay:0s}.bar.playing:nth-child(2){animation-delay:.2s}.bar.playing:nth-child(3){animation-delay:.35s}.bar.playing:nth-child(4){animation-delay:.1s}@keyframes equalize{0%,to{height:4px}50%{height:14px}}.player-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1900}.player-modal{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:400px;background:#1a1a1a;border-radius:20px 20px 0 0;padding:12px 24px 36px;z-index:2000}.player-handle{width:36px;height:4px;background:#444;border-radius:2px;margin:0 auto 20px}.player-track-info{display:flex;align-items:center;gap:14px;margin-bottom:20px}.player-cover{width:52px;height:52px;border-radius:8px;object-fit:cover}.player-cover-placeholder{width:52px;height:52px;border-radius:8px;background:#333;display:flex;align-items:center;justify-content:center;color:#888;flex-shrink:0}.player-meta{text-align:left}.player-title{font-size:15px;font-weight:600;margin-bottom:3px}.player-artist{font-size:13px;color:#888}.player-progress{width:100%;accent-color:white;cursor:pointer;margin-bottom:4px}.player-time{display:flex;justify-content:space-between;font-size:11px;color:#666;margin-bottom:20px}.player-controls{display:flex;align-items:center;justify-content:center;gap:32px}.ctrl-btn{background:none;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0}.play-btn{width:56px;height:56px;background:#fff;border-radius:50%;color:#000}.slide-up-enter-active,.slide-up-leave-active{transition:transform .35s ease}.slide-up-enter-from,.slide-up-leave-to{transform:translate(-50%) translateY(100%)}.slide-up-enter-to,.slide-up-leave-from{transform:translate(-50%) translateY(0)}.lang-switcher{position:absolute;top:20px;right:20px;display:flex;align-items:center;gap:4px}.lang-switcher button{background:none;border:none;color:#555;font-size:13px;cursor:pointer;padding:0}.lang-switcher button.lang-active{color:#fff;font-weight:700}.lang-divider{color:#555;font-size:13px}.avatar{width:100px;height:100px;border-radius:50%}.tabs{display:flex;justify-content:center;margin-top:10px;background:#222;border-radius:12px;overflow:hidden}.tabs button{flex:1;background:#222;border:none;padding:10px 20px;color:#fff;cursor:pointer;font-weight:700}.tabs .active{background:#fff;color:#000}.links{margin-top:20px}.link-item{background:#222;padding:12px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #333}.link-item:first-child{border-radius:12px 12px 0 0}.link-item.last{border-radius:0 0 12px 12px;border-bottom:12px solid #222}.telegram-item{background:#222;padding:12px;margin-top:35px;border-radius:12px}.telegram-item a,.link-item a{display:flex;align-items:center;justify-content:space-between;width:100%;color:#fff;text-decoration:none;padding:10px 20px;font-size:16px;font-weight:500}.link-content{display:flex;align-items:center}.icon{margin-right:10px}.link-text{margin-left:8px}.arrow{font-size:18px;margin-left:auto}.blog{margin-top:20px}.blog-post{background:#222;padding-bottom:12px;margin-bottom:15px;border-radius:12px;overflow:hidden}.post-image{display:block;width:100%;max-height:360px;object-fit:cover}.post-content{padding:12px;text-align:left}.post-text-content{margin-bottom:8px}.post-text-content p{font-weight:300}.post-text{font-size:16px;color:#fff;margin-bottom:8px;font-weight:300}.post-date{font-size:14px;color:gray}.modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{position:relative;max-width:90%;max-height:90%}.modal-image{width:100%;max-height:90vh;object-fit:contain;border-radius:8px}.close{position:absolute;top:10px;right:15px;color:#fff;cursor:pointer;background:#ffffff4d;padding:5px 10px;border-radius:50%}.close:hover{background:#fff9}