*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:Inter,sans-serif;background:#121212;color:#fff;height:100%}.live-page{background-color:#0b0f17;color:#fff;min-height:100vh;box-sizing:border-box;display:flex;justify-content:center;align-items:flex-start}.live-layout{width:100%;display:grid;grid-template-columns:2fr 1fr;gap:1rem}.live-player-wrapper{position:relative;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #000c;width:100%}.live-player{width:100%;aspect-ratio:16 / 9;background:#000}.live-indicator{position:absolute;top:12px;left:12px;background:#e01129;color:#fff;font-size:.75rem;font-weight:600;padding:4px 8px;border-radius:6px;box-shadow:0 8px 24px #e0112999;letter-spacing:.03em}.live-chat-wrapper{background:#111827;border-radius:12px;border:1px solid rgba(255,255,255,.07);overflow:hidden;height:100vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #000c}.chat-frame{border:none;width:100%;flex:1;min-height:400px;background:#0f172a;color-scheme:dark}@media(max-width:900px){.live-layout{display:flex;flex-direction:column;height:100vh}.live-player-wrapper{max-width:100%;height:300px;flex:none}.live-chat-wrapper{max-width:100%;flex:1;min-height:0;display:flex;flex-direction:column}.chat-frame{flex:1;min-height:0;overflow-y:auto}}.offline-page{position:relative;width:100%;min-height:100vh;background-color:#0b0f17;color:#fff;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;box-sizing:border-box}.offline-root{width:100%;max-width:1280px;display:flex;justify-content:center;color:#fff}.offline-card{max-width:480px;width:100%;text-align:center;display:flex;flex-direction:column;align-items:center}.profile-block{display:flex;flex-direction:column;align-items:center;gap:1rem}.avatar-ring{background:radial-gradient(circle at 30% 30%,#6d4aff,#000 70%);padding:4px;border-radius:999px;box-shadow:0 12px 40px #6d4aff73}.avatar-inner{width:64px;height:64px;background:#0f1726;border-radius:999px;border:2px solid #1f253a;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:600;color:#a78bfa;box-shadow:0 8px 24px #000c}.stream-info{display:flex;flex-direction:column;align-items:center}.stream-name{font-size:1.125rem;font-weight:600;color:#fff}.stream-category{font-size:.8rem;color:#9ca3af;line-height:1.4}.stream-status-btn{display:inline-flex;align-items:center;gap:.5rem;background:#7f1d1d33;color:#f87171;font-size:.75rem;font-weight:500;line-height:1;border:1px solid rgba(248,113,113,.4);border-radius:6px;padding:.5rem .75rem;box-shadow:0 8px 24px #f8717133}.dot-live{display:block;width:8px;height:8px;border-radius:999px}.dot-live.red{background-color:#ef4444;box-shadow:0 0 10px #ef4444cc}.offline-text-block{margin-top:1.5rem;max-width:380px}.offline-title{font-size:1.5rem;line-height:1.25;font-weight:600;color:#fff}.offline-subtitle{margin-top:.75rem;font-size:.875rem;line-height:1.5;color:#9ca3af}.schedule-wrapper{background:#11182799;border:1px solid rgba(75,85,99,.4);border-radius:10px;padding:1rem;margin-top:2rem;width:100%;max-width:420px;box-shadow:0 24px 64px #000c}.schedule-header{font-size:.9rem;font-weight:500;text-align:center;color:#fff;margin-bottom:1rem}.schedule-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.schedule-card{background:#1a1f2e;border-radius:8px;border:1px solid rgba(148,163,184,.2);padding:.75rem;text-align:center;min-width:0}.schedule-icon{font-size:1rem;line-height:1;margin-bottom:.5rem}.schedule-meta{display:flex;flex-direction:column;row-gap:.25rem}.schedule-title{font-size:.7rem;line-height:1.2;color:#9ca3af;font-weight:500;word-break:break-word}.schedule-time{font-size:.75rem;line-height:1.2;color:#fff;font-weight:600;word-break:break-word}.follow-hint{margin-top:1.5rem;font-size:.75rem;color:#9ca3af;text-align:center}.social-row{margin-top:.75rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}.social-btn{background:radial-gradient(circle at 30% 30%,#6d4aff,#2a174a 60%,#000);width:40px;height:40px;border-radius:999px;border:1px solid rgba(255,255,255,.15);box-shadow:0 20px 40px #6d4aff66;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.social-btn:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 24px 50px #6d4aff99}.social-svg{width:20px;height:20px;display:block;color:#fff}@media(max-width:480px){.offline-title{font-size:1.3rem}.schedule-wrapper{padding:1rem}.schedule-cards{grid-template-columns:1fr}.schedule-card{display:flex;align-items:flex-start;text-align:left;gap:.75rem}.schedule-icon{margin-bottom:0;line-height:1.2}.schedule-meta{row-gap:.2rem}.schedule-title,.schedule-time{font-size:.8rem}}