:export{surfacePrimary:var(--surface-primary);surfaceSecondary:var(--surface-secondary);surfaceInteractive:var(--surface-interactive)}.twitch-streams{width:100%;max-width:1600px;margin:0 auto}.twitch-streams--loading{min-height:400px;display:flex;align-items:center;justify-content:center}.twitch-streams__header{margin-bottom:2rem;text-align:center}.twitch-streams__logo{display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-md)}.twitch-streams__logo-icon{width:auto;height:80px;-o-object-fit:contain;object-fit:contain}.twitch-streams__subtitle{font-size:var(--font-size-lg);color:hsl(var(--content-secondary));font-weight:var(--font-weight-medium)}.twitch-streams__error{color:hsl(var(--destructive));font-size:var(--font-size-lg);text-align:center;padding:var(--spacing-xl)}.twitch-streams__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-md);width:100%}@media(min-width:640px){.twitch-streams__list{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media(min-width:1024px){.twitch-streams__list{grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}}@media(min-width:1536px){.twitch-streams__list{grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}}.stream-item{position:relative;aspect-ratio:16/9;border-radius:var(--radius-md);cursor:pointer;overflow:hidden;background:hsl(var(--surface-secondary)/.3);background-size:cover;background-position:50%;border:1px solid hsl(var(--border-default));transition:all .15s ease}.stream-item:hover{border-color:hsl(25,95%,53%);box-shadow:0 0 20px hsla(25,95%,53%,.3);transform:translateY(-2px)}.stream-item:hover .stream-item__hover-overlay{opacity:1;pointer-events:auto}.stream-item__overlay{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:var(--spacing-sm);background:linear-gradient(180deg,rgba(0,0,0,.1) 0,rgba(0,0,0,.6))}.stream-item__avatar{width:48px;height:48px;border-radius:50%;border:2px solid hsl(25,95%,53%);box-shadow:0 4px 12px rgba(0,0,0,.4);flex-shrink:0;-o-object-fit:cover;object-fit:cover;align-self:flex-start}.stream-item__info{display:flex;align-items:center;gap:var(--spacing-sm);align-self:flex-end}.stream-item__name{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.stream-item__stats{display:flex;align-items:center;gap:var(--spacing-sm);margin-left:auto;flex-shrink:0}.stream-item__header{display:flex;align-items:center;gap:.8rem}.stream-item__duration,.stream-item__viewers{display:inline-flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);color:hsl(25,95%,53%);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);background:hsl(var(--surface-primary)/.8);border:1px solid hsl(var(--border-default));backdrop-filter:blur(8px);box-shadow:0 2px 8px rgba(0,0,0,.3);white-space:nowrap}.stream-item__hover-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:10}.stream-item__cta{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:0;background:rgba(0,0,0,0);border:none;color:#fff;font-weight:var(--font-weight-bold);cursor:pointer;transition:all .2s ease}.stream-item__cta:hover{transform:scale(1.1);filter:drop-shadow(0 0 8px rgba(255,255,255,.8))}.stream-item__cta:active{transform:scale(1.05)}.stream-item__cta-icon{font-size:var(--font-size-xl);line-height:1}.stream-item__cta-text{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em}.twitch-player-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.95);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--spacing-md);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.twitch-player-modal__container{background:hsl(var(--surface-primary));border-radius:var(--radius-2xl);width:100%;max-width:1440px;max-height:95vh;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px rgba(0,0,0,.5);border:1px solid hsl(var(--border));animation:slideUp .3s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.twitch-player-modal__header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid hsl(var(--border));background:linear-gradient(180deg,hsl(var(--surface-secondary)),hsl(var(--surface-primary)))}.twitch-player-modal__header h3{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:hsl(var(--content-primary));display:flex;align-items:center;gap:var(--spacing-sm)}.twitch-player-modal__header h3:before{content:"🔴";animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.twitch-player-modal__close{background:hsl(var(--surface-secondary));border:1px solid hsl(var(--border));color:hsl(var(--content-secondary));font-size:var(--font-size-xl);cursor:pointer;padding:var(--spacing-sm) var(--spacing-sm);line-height:1;border-radius:var(--radius-md);transition:all .2s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.twitch-player-modal__close:hover{background:hsl(var(--destructive));color:hsl(var(--destructive-foreground));border-color:hsl(var(--destructive));transform:rotate(90deg)}.twitch-player-modal__wrapper{flex:1;position:relative;aspect-ratio:16/9;background:#000;min-height:0}.twitch-player-modal__wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.twitch-player-modal__info{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid hsl(var(--border));background:linear-gradient(180deg,hsl(var(--surface-primary)),hsl(var(--surface-secondary)))}.twitch-player-modal__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:hsl(var(--content-primary));margin-bottom:var(--spacing-sm);line-height:1.4}.twitch-player-modal__stats{display:flex;gap:var(--spacing-lg);align-items:center;flex-wrap:wrap;font-size:var(--font-size-base);color:hsl(var(--content-secondary));font-weight:var(--font-weight-medium)}.twitch-player-modal__stats span{display:flex;align-items:center;gap:var(--spacing-sm)}.twitch-player-modal__link{color:hsl(var(--primary));text-decoration:none;font-weight:var(--font-weight-semibold);transition:all .2s ease;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border:1px solid hsl(var(--primary)/.3);background:hsl(var(--primary)/.1);margin-left:auto}.twitch-player-modal__link:hover{background:hsl(var(--primary));color:hsl(var(--primary-foreground));border-color:hsl(var(--primary));transform:translateY(-2px);box-shadow:0 4px 12px hsl(var(--primary)/.3)}