*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#0e0e10;color:#efeff1;overflow-x:hidden}.header{background-color:#18181b;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #2e2e35}.title{font-size:1.5rem;font-weight:700;color:#9147ff}.stats{font-size:.9rem;color:#adadb8}#liveCount{font-weight:600;color:#efeff1}.stream-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:10px;padding:10px;width:100%}@media (min-width: 640px){.stream-grid{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}}@media (min-width: 1024px){.stream-grid{grid-template-columns:repeat(auto-fit,minmax(480px,1fr))}}@media (min-width: 1920px){.stream-grid{grid-template-columns:repeat(auto-fit,minmax(600px,1fr))}}.stream-container{position:relative;aspect-ratio:16 / 9;background-color:#18181b;border-radius:4px;overflow:hidden;box-shadow:0 2px 8px #0000004d;transition:transform .2s ease,box-shadow .2s ease}.stream-container:hover{transform:translateY(-2px);box-shadow:0 4px 12px #9147ff4d}.stream-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.channel-name{position:absolute;top:8px;left:8px;background-color:#000c;color:#efeff1;padding:4px 8px;border-radius:4px;font-size:.85rem;font-weight:600;z-index:10;pointer-events:none}.viewer-count{position:absolute;bottom:8px;right:8px;background-color:#000c;color:#efeff1;padding:4px 8px;border-radius:4px;font-size:.8rem;font-weight:500;z-index:10;display:flex;align-items:center;gap:4px;pointer-events:none}.viewer-count:before{content:"👁";font-size:.9rem}.loading{text-align:center;padding:2rem;font-size:1.2rem;color:#adadb8}.loading.hidden{display:none}.stream-placeholder{position:relative;aspect-ratio:16 / 9;background:linear-gradient(90deg,#18181b 25%,#1f1f23,#18181b 75%);background-size:200% 100%;animation:loading 1.5s ease-in-out infinite;border-radius:4px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.stream-error{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#adadb8;font-size:.9rem}.live-indicator{position:absolute;top:8px;right:8px;background-color:#eb0400;color:#fff;padding:2px 6px;border-radius:2px;font-size:.7rem;font-weight:700;text-transform:uppercase;z-index:10;pointer-events:none}