:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}:root{--tg-theme-bg-color: #1a1a1a;--tg-theme-text-color: #ffffff;--tg-theme-hint-color: #888888;--tg-theme-link-color: #ff6b6b;--tg-theme-button-color: #ff6b6b;--tg-theme-button-text-color: #ffffff}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--tg-theme-bg-color);color:var(--tg-theme-text-color);line-height:1.6;margin:0;padding:0}#root,.app{width:100%;min-height:100vh}.container{max-width:400px;margin:0 auto;padding:20px}.header{text-align:center;margin-bottom:30px;padding:20px 0;border-bottom:2px solid #333;position:relative}.online-counter{position:relative;top:0;left:0;transform:none;background:#0000004d;padding:6px;border-radius:20px;font-size:12px;color:var(--tg-theme-text-color);border:1px solid rgba(255,255,255,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;display:flex;align-items:center;gap:4px;margin:6px auto;width:fit-content;white-space:nowrap}.online-text{color:var(--tg-theme-hint-color);font-size:11px}.online-number{color:var(--tg-theme-link-color);font-weight:700;font-size:12px;min-width:20px;text-align:center}.online-number.loading{color:var(--tg-theme-hint-color);animation:pulse 1.5s ease-in-out infinite}.online-error{color:#ff6b6b;font-size:10px;margin-left:4px}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.ad-banner-container{width:100%;max-width:350px;margin:0 auto;position:relative}.banner-wrapper{width:100%;height:120px;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #0000004d;cursor:pointer;transition:transform .3s ease}.banner-wrapper:hover{transform:scale(1.02)}.banner-image{width:100%;height:100%;object-fit:cover;transition:all .3s ease}.banner-indicators{display:flex;justify-content:center;gap:8px;margin-top:10px}.indicator{width:32px;height:2px;border-radius:1px;border:none;background:#ffffff40;cursor:pointer;transition:all .3s ease}.indicator.active{background:var(--tg-theme-link-color);transform:scaleX(1.3);box-shadow:0 0 8px #667eea99}.indicator:hover{background:#ffffff80;transform:scaleX(1.1)}.banner-fallback{width:100%;height:100%;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;cursor:pointer}.fallback-content h3{font-size:18px;margin-bottom:8px;color:#fff}.fallback-content p{font-size:14px;color:#ffffffe6;margin:0}.banner-wrapper{cursor:grab;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;touch-action:pan-y pinch-zoom;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.banner-wrapper:active{cursor:grabbing}.banner-wrapper.swiping{cursor:grabbing;transition:none}.banner-image{transition:transform .3s ease;pointer-events:auto;cursor:pointer}.banner-wrapper.swiping .banner-nav-arrow{opacity:.3;pointer-events:none}.banner-image{transition:transform .3s ease}.swipe-demo{background:#ffffff0d;border-radius:12px;padding:20px;margin:20px 0;border:1px solid rgba(255,255,255,.1)}.swipe-demo h3{color:var(--tg-theme-link-color);margin-bottom:20px;text-align:center}.demo-section{margin-bottom:20px}.demo-section h4{color:var(--tg-theme-text-color);margin-bottom:10px;font-size:16px}.demo-section ul{list-style:none;padding:0}.demo-section li{margin-bottom:8px;padding-left:20px;position:relative;color:var(--tg-theme-hint-color)}.demo-section li:before{content:"•";color:var(--tg-theme-link-color);position:absolute;left:0;font-weight:700}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#ffffff0d;border-radius:6px;border:1px solid rgba(255,255,255,.1)}.setting-name{color:var(--tg-theme-text-color);font-size:14px}.setting-value{color:var(--tg-theme-link-color);font-weight:700;font-size:14px}.bottom-navigation{position:fixed;bottom:0;left:0;right:0;background:#1a1a1a;border-top:1px solid #333;padding:8px 0;z-index:1000}.nav-tabs{display:flex;justify-content:space-around;align-items:center;max-width:400px;margin:0 auto}.nav-tab{display:flex;flex-direction:column;align-items:center;justify-content:center;background:transparent;border:none;color:var(--tg-theme-hint-color);cursor:pointer;transition:all .3s ease;padding:8px 4px;min-width:60px;border-radius:8px}.nav-tab:hover{background:#ffffff1a}.nav-tab.active{color:var(--tg-theme-link-color)}.nav-icon{font-size:20px;margin-bottom:4px}.nav-label{font-size:10px;text-align:center;line-height:1.2;font-weight:500}.main-content{min-height:200px;padding-bottom:80px}.card{background:#2a2a2a;border-radius:12px;padding:20px;margin-bottom:20px;border:1px solid #333}.card h3{color:var(--tg-theme-link-color);margin-bottom:15px;font-size:18px}.news-item{background:#333;border-radius:8px;padding:15px;margin-bottom:15px;border-left:4px solid var(--tg-theme-link-color)}.news-item h4{color:var(--tg-theme-text-color);margin-bottom:8px;font-size:16px}.news-item p{color:#ccc;font-size:14px;margin-bottom:8px}.news-meta{color:var(--tg-theme-hint-color);font-size:12px}.cosplayer-item{display:flex;align-items:center;background:#333;border-radius:8px;padding:15px;margin-bottom:15px;gap:15px}.cosplayer-avatar{width:50px;height:50px;border-radius:50%;background:var(--tg-theme-link-color);display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;overflow:hidden}.cosplayer-avatar img{width:100%;height:100%;object-fit:cover}.cosplayer-info{flex:1}.cosplayer-name{color:var(--tg-theme-text-color);font-weight:700;margin-bottom:5px}.cosplayer-stats{color:var(--tg-theme-hint-color);font-size:14px}.cosplayer-channel{margin-top:5px}.cosplayer-channel a{color:var(--tg-theme-link-color);text-decoration:none;font-size:12px}.form-group{margin-bottom:20px}.form-group label{display:block;color:#ccc;margin-bottom:8px;font-size:14px}.form-group input,.form-group textarea,.form-group select{width:100%;padding:12px;background:#333;border:1px solid #444;border-radius:8px;color:var(--tg-theme-text-color);font-size:16px}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--tg-theme-link-color)}.btn{background:var(--tg-theme-button-color);color:var(--tg-theme-button-text-color);border:none;padding:12px 24px;border-radius:8px;cursor:pointer;font-size:16px;transition:background .3s ease}.btn:hover:not(:disabled){background:#ff5252}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{background:#555}.btn-secondary:hover:not(:disabled){background:#666}.btn-liked{background:#ff4757}.btn-liked:hover:not(:disabled){background:#ff3742}.event-item{background:#333;border-radius:8px;padding:15px;margin-bottom:15px;border-left:4px solid #4ecdc4}.event-date{color:#4ecdc4;font-weight:700;margin-bottom:8px}.shop-item{background:#333;border-radius:8px;padding:15px;margin-bottom:15px;border-left:4px solid #45b7d1}.shop-category{color:#45b7d1;font-size:12px;text-transform:uppercase;margin-bottom:8px}.loading{text-align:center;color:var(--tg-theme-hint-color);padding:40px}.error{background:#ff4757;color:#fff;padding:15px;border-radius:8px;margin-bottom:20px}.success{background:#2ed573;color:#fff;padding:15px;border-radius:8px;margin-bottom:20px}.reg-status-msg{margin-bottom:20px}.lazy-loader{margin:20px 0;padding:20px;text-align:center}.loading-spinner{display:flex;flex-direction:column;align-items:center;gap:10px;color:var(--tg-theme-hint-color)}.loading-spinner .spinner{width:24px;height:24px;border:2px solid #333;border-top:2px solid var(--tg-theme-link-color);border-radius:50%;animation:spin 1s linear infinite}.loading-spinner span{font-size:14px}.pagination{margin-top:30px;display:flex;justify-content:center}.pagination-buttons{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.pagination-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:60px;height:70px;padding:8px 4px;background:#2a2a2a;border:1px solid #333;border-radius:8px;color:var(--tg-theme-text-color);cursor:pointer;transition:all .3s ease;font-size:14px}.pagination-btn:hover:not(:disabled){background:#3a3a3a;border-color:var(--tg-theme-link-color)}.pagination-btn.active{background:var(--tg-theme-link-color);border-color:var(--tg-theme-link-color);color:#fff}.pagination-btn.disabled{cursor:default;opacity:.6}.pagination-icon{font-size:18px;font-weight:700;margin-bottom:4px}.pagination-text{font-size:10px;text-align:center;line-height:1.2}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;gap:20px}.spinner{width:40px;height:40px;border:4px solid #333;border-top:4px solid var(--tg-theme-link-color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background:#2a2a2a;border-radius:12px;padding:30px;max-width:90%;max-height:90%;overflow-y:auto}.profile-info{text-align:left;margin-bottom:20px}.profile-info p{margin-bottom:10px}@media (max-width: 480px){.currency-container{right:5px;gap:8px}.currency{padding:6px 10px;font-size:16px;min-width:35px}.header h1{font-size:24px;margin:0 80px 10px}.header p{font-size:14px;margin:0 80px}.bottom-navigation{padding:6px 0}.nav-tab{min-width:50px;padding:6px 2px}.nav-icon{font-size:18px}.nav-label{font-size:9px}.main-content{padding-bottom:70px}.cosplayer-item{flex-direction:column;text-align:center;gap:10px}.cosplayer-info{width:100%}}.splash-screen{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#000;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeOut .3s ease-out forwards;animation-delay:2.7s}.splash-content{text-align:center;color:#fff}.splash-text{opacity:0;transform:translateY(20px);transition:all .8s ease-out}.splash-text.visible{opacity:1;transform:translateY(0)}.splash-title{font-size:2.5rem;font-weight:700;margin:0 0 20px;color:#fff;text-shadow:0 0 20px rgba(255,255,255,.3);letter-spacing:2px}.splash-subtitle{font-size:1.2rem;margin:0;color:#fff;font-style:italic;opacity:.9;letter-spacing:1px}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@media (max-width: 480px){.splash-title{font-size:2rem;letter-spacing:1px}.splash-subtitle{font-size:1rem;letter-spacing:.5px}}@media (max-width: 360px){.splash-title{font-size:1.8rem}.splash-subtitle{font-size:.9rem}}