@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Cinzel:wght@400;500;600;700&display=swap";.search-bar{position:relative;display:flex;align-items:center;width:100%}.search-icon{position:absolute;left:var(--space-md);width:18px;height:18px;color:var(--text-dim);pointer-events:none}.search-input{width:100%;padding:var(--space-sm) var(--space-md);padding-left:calc(var(--space-md) + 24px);padding-right:calc(var(--space-md) + 24px);background:var(--void-soft);border:1px solid var(--card-border);border-radius:var(--radius-lg);color:var(--chalk);font-size:.875rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.search-input:focus{outline:none;border-color:var(--teal-bright);box-shadow:0 0 0 2px #4dffea26}.search-input::placeholder{color:var(--text-dim)}.search-clear{position:absolute;right:var(--space-sm);width:24px;height:24px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast),background var(--transition-fast)}.search-clear:hover{color:var(--chalk);background:#ffffff1a}.search-clear svg{width:14px;height:14px}.header{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:#05070be6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--card-border);z-index:100}.header-container{display:flex;align-items:center;height:100%;gap:var(--space-xl)}.header-logo{font-family:var(--font-display);font-size:1.25rem;font-weight:500;color:var(--chalk);text-decoration:none;display:flex;align-items:baseline;gap:0;flex-shrink:0}.header-logo:hover{color:var(--chalk)}.logo-text{color:var(--teal-bright)}.logo-dot{color:var(--gold)}.logo-domain{color:var(--text-soft)}.header-nav{display:flex;align-items:center;gap:var(--space-lg)}.nav-link{color:var(--text-muted);font-size:.875rem;font-weight:500;padding:var(--space-sm) 0;border-bottom:2px solid transparent;transition:color var(--transition-fast),border-color var(--transition-fast)}.nav-link:hover{color:var(--chalk)}.nav-link.active{color:var(--teal-bright);border-bottom-color:var(--teal-bright)}.live-indicator{display:inline-block;width:6px;height:6px;background:var(--rose, #ff7da6);border-radius:50%;margin-right:6px;animation:live-pulse 2s ease-in-out infinite}@keyframes live-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.9)}}.header-search{flex:1;max-width:400px}.header-auth{display:flex;align-items:center;gap:var(--space-md);flex-shrink:0}.auth-loading{width:32px;height:32px;display:flex;align-items:center;justify-content:center}.spinner{width:20px;height:20px;border:2px solid var(--card-border);border-top-color:var(--teal-bright);border-radius:50%;animation:spin .8s linear infinite}.user-menu{display:flex;align-items:center;gap:var(--space-sm)}.user-avatar{width:32px;height:32px;border-radius:50%;border:1px solid var(--card-border)}.user-name{font-size:.875rem;color:var(--text-soft)}.logout-btn{font-size:.75rem;padding:var(--space-xs) var(--space-sm)}.login-btn{display:flex;align-items:center;gap:var(--space-sm)}.discord-icon{flex-shrink:0}@media(max-width:768px){.header-container{gap:var(--space-md)}.header-nav,.header-search,.user-name{display:none}}.footer{background:var(--void-soft);border-top:1px solid var(--card-border);padding:var(--space-xl) 0;margin-top:auto}.footer-container{display:flex;flex-direction:column;gap:var(--space-lg)}.footer-content{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-xl)}.footer-brand{display:flex;flex-direction:column;gap:var(--space-sm)}.footer-logo{font-family:var(--font-display);font-size:1rem;font-weight:500}.footer-logo .logo-text{color:var(--teal-bright)}.footer-logo .logo-dot{color:var(--gold)}.footer-logo .logo-domain{color:var(--text-soft)}.footer-tagline{font-size:.875rem;color:var(--text-muted);margin:0}.footer-nav{display:flex;gap:var(--space-lg)}.footer-nav a{color:var(--text-muted);font-size:.875rem;transition:color var(--transition-fast)}.footer-nav a:hover{color:var(--chalk)}.footer-bottom{padding-top:var(--space-md);border-top:1px solid rgba(77,255,234,.1)}.footer-copyright{font-size:.75rem;color:var(--text-dim);margin:0}@media(max-width:768px){.footer-content{flex-direction:column;align-items:center;text-align:center}.footer-nav{flex-wrap:wrap;justify-content:center}}.stream-card{display:flex;flex-direction:column;overflow:hidden;text-decoration:none;color:inherit;padding:0}.stream-card-thumbnail-container{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:var(--void-soft)}.stream-card-thumbnail{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-medium)}.stream-card:hover .stream-card-thumbnail{transform:scale(1.05)}.stream-card-thumbnail-placeholder{display:flex;align-items:center;justify-content:center;color:var(--text-dim)}.stream-card-thumbnail-placeholder svg{width:48px;height:48px}.stream-card-badges{position:absolute;top:var(--space-sm);left:var(--space-sm);display:flex;gap:var(--space-xs)}.stream-card-duration{position:absolute;bottom:var(--space-sm);right:var(--space-sm);background:#000c;color:var(--chalk);font-size:.75rem;font-weight:500;padding:2px 6px;border-radius:var(--radius-sm)}.stream-card-content{padding:var(--space-md);display:flex;flex-direction:column;gap:var(--space-xs)}.stream-card-title{font-family:var(--font-body);font-size:1rem;font-weight:500;color:var(--chalk);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}.stream-card-channel{font-size:.875rem;color:var(--text-muted);margin:0}.stream-card-meta{display:flex;justify-content:space-between;align-items:center;font-size:.75rem;color:var(--text-dim);margin-top:var(--space-xs)}.stream-card-stats{display:flex;gap:var(--space-sm)}.stream-card-stats span:before{content:"·";margin-right:var(--space-sm)}.stream-card-stats span:first-child:before{display:none}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-md);padding:var(--space-2xl)}.loading-spinner{border:3px solid var(--card-border);border-top-color:var(--teal-bright);border-radius:50%;animation:spin .8s linear infinite}.loading-sm .loading-spinner{width:20px;height:20px;border-width:2px}.loading-md .loading-spinner{width:32px;height:32px}.loading-lg .loading-spinner{width:48px;height:48px;border-width:4px}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:var(--text-muted);font-size:.875rem;margin:0}.stream-card-skeleton .stream-card-thumbnail{border-radius:var(--radius-md) var(--radius-md) 0 0;margin:calc(-1 * var(--space-lg));margin-bottom:var(--space-md);width:calc(100% + 2 * var(--space-lg))}.stream-card-skeleton .stream-card-content{display:flex;flex-direction:column;gap:var(--space-sm)}.stream-card-skeleton .stream-card-meta{display:flex;gap:var(--space-md);margin-top:var(--space-sm)}.quote-card-skeleton{display:flex;flex-direction:column;gap:var(--space-md)}.quote-card-skeleton .quote-card-meta{display:flex;justify-content:space-between}.stream-grid-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl);color:var(--text-dim);text-align:center}.stream-grid-empty svg{width:64px;height:64px;margin-bottom:var(--space-md);opacity:.5}.stream-grid-empty p{font-size:1rem;margin:0}.admin-panel{background:var(--card-back, rgba(6, 12, 14, .78));border:1px solid var(--card-border, rgba(77, 255, 234, .32));border-radius:12px;padding:24px;margin-bottom:32px}.admin-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}.admin-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.admin-header h2{margin:0;font-size:1.5rem;color:var(--gold, #d2a778)}.admin-badge{background:var(--teal, #18968d);color:var(--void, #05070b);padding:4px 12px;border-radius:16px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.admin-section h3{margin:0 0 8px;font-size:1.1rem;color:var(--chalk, #f5f6f6)}.admin-description{color:var(--text-muted, rgba(245, 246, 246, .6));margin:0 0 20px;font-size:.9rem;line-height:1.5}.backfill-form{display:flex;flex-direction:column;gap:16px;max-width:400px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.85rem;color:var(--text-soft, rgba(245, 246, 246, .78));font-weight:500}.form-group input{background:var(--void-soft, #090c12);border:1px solid var(--card-border, rgba(77, 255, 234, .32));border-radius:8px;padding:10px 14px;color:var(--chalk, #f5f6f6);font-size:.95rem;transition:border-color .15s,box-shadow .15s}.form-group input:focus{outline:none;border-color:var(--teal-bright, #4dffea);box-shadow:0 0 0 3px #4dffea26}.form-group input::placeholder{color:var(--text-muted, rgba(245, 246, 246, .4))}.btn{padding:12px 24px;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .15s;border:none}.btn-primary{background:var(--teal, #18968d);color:var(--void, #05070b)}.btn-primary:hover:not(:disabled){background:var(--teal-bright, #4dffea)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.backfill-result{margin-top:20px;padding:16px;border-radius:8px}.backfill-result.success{background:#18968d26;border:1px solid var(--teal, #18968d)}.backfill-result.error{background:#ff7da626;border:1px solid var(--rose, #ff7da6)}.backfill-result h4{margin:0 0 8px;font-size:1rem}.backfill-result.success h4{color:var(--teal-bright, #4dffea)}.backfill-result.error h4{color:var(--rose, #ff7da6)}.backfill-result p{margin:0;color:var(--text-soft, rgba(245, 246, 246, .78));font-size:.9rem}.result-stats{display:flex;gap:20px;margin-top:12px}.result-stats .stat{font-size:.85rem;color:var(--text-muted, rgba(245, 246, 246, .6))}.result-stats .stat strong{color:var(--chalk, #f5f6f6);margin-right:4px}.btn-twitch{background:var(--twitch-purple, #9146ff);color:#fff}.btn-twitch:hover:not(:disabled){background:#a970ff}.btn-youtube{background:var(--youtube-red, #ff0000);color:#fff}.btn-youtube:hover:not(:disabled){background:#f33}.admin-section{background:#0003;border-radius:8px;padding:20px}.home-page{display:flex;flex-direction:column;gap:var(--space-3xl);padding-bottom:var(--space-3xl)}.hero{padding:var(--space-3xl) 0;text-align:center;background:radial-gradient(ellipse at 50% 0%,rgba(77,255,234,.08) 0%,transparent 70%)}.hero-title{font-size:3rem;font-weight:600;margin-bottom:var(--space-md)}.hero-title-prefix{color:var(--teal-bright)}.hero-title-dot{color:var(--gold)}.hero-title-domain{color:var(--chalk)}.hero-subtitle{font-size:1.125rem;color:var(--text-muted);margin-bottom:var(--space-xl)}.hero-search{max-width:500px;margin:0 auto}.featured-quote{margin-top:calc(-1 * var(--space-xl))}.featured-quote .quote-card{max-width:700px;margin:0 auto;text-align:center;border-color:#d2a7784d;background:linear-gradient(135deg,#060c0ee6,#d2a7780d)}.quote-text{font-family:var(--font-display);font-size:1.25rem;font-style:italic;color:var(--chalk);line-height:1.6;margin:0 0 var(--space-md)}.quote-meta{display:flex;justify-content:center;gap:var(--space-sm);font-size:.875rem;color:var(--text-muted)}.quote-separator{color:var(--text-dim)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-lg)}.section-title{font-size:1.5rem;margin:0}.section-link{display:flex;align-items:center;gap:var(--space-xs);font-size:.875rem;font-weight:500}.section-link svg{width:16px;height:16px}.cta-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-lg)}.cta-card{text-align:center;text-decoration:none;color:inherit}.cta-icon{width:56px;height:56px;margin:0 auto var(--space-md);display:flex;align-items:center;justify-content:center;background:#4dffea1a;border-radius:var(--radius-lg);color:var(--teal-bright)}.cta-icon svg{width:28px;height:28px}.cta-card h3{font-family:var(--font-body);font-size:1.125rem;font-weight:600;margin:0 0 var(--space-sm)}.cta-card p{font-size:.875rem;color:var(--text-muted);margin:0}@media(max-width:768px){.hero-title{font-size:2rem}.cta-cards{grid-template-columns:1fr}}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin-top:var(--space-xl)}.pagination-pages{display:flex;align-items:center;gap:var(--space-xs)}.pagination-btn{display:flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 var(--space-sm);background:transparent;border:1px solid var(--card-border);border-radius:var(--radius-md);color:var(--text-soft);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.pagination-btn:hover:not(:disabled){background:#4dffea1a;border-color:var(--teal-dim);color:var(--chalk)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-btn.active{background:var(--teal);border-color:var(--teal);color:var(--void)}.pagination-btn svg{width:18px;height:18px}.pagination-ellipsis{color:var(--text-dim);padding:0 var(--space-xs)}.pagination-prev,.pagination-next{min-width:36px}@media(max-width:480px){.pagination-page:not(.active){display:none}}.streams-page{padding:var(--space-xl) var(--space-lg)}.page-header{margin-bottom:var(--space-xl)}.page-title{font-size:2rem;margin:0 0 var(--space-sm)}.page-description{font-size:1rem;color:var(--text-muted);margin:0}.streams-filters{display:flex;gap:var(--space-lg);margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--card-border)}.filter-group{display:flex;flex-direction:column;gap:var(--space-sm)}.filter-label{font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.filter-buttons{display:flex;gap:var(--space-xs)}.filter-btn{padding:var(--space-sm) var(--space-md);background:transparent;border:1px solid var(--card-border);border-radius:var(--radius-md);color:var(--text-soft);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.filter-btn:hover:not(.active){background:#4dffea0d;border-color:var(--teal-dim)}.filter-btn.active{background:var(--teal);border-color:var(--teal);color:var(--void)}.filter-btn-twitch.active{background:var(--twitch-purple);border-color:var(--twitch-purple)}.filter-btn-youtube.active{background:var(--youtube-red);border-color:var(--youtube-red)}@media(max-width:768px){.streams-filters{flex-direction:column}.filter-buttons{flex-wrap:wrap}}.vod-links{display:flex;flex-direction:column;gap:var(--space-md)}.vod-links-title{font-family:var(--font-body);font-size:.875rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin:0}.vod-links-list{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.vod-link{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--void-soft);border:1px solid var(--card-border);border-radius:var(--radius-md);color:var(--chalk);font-size:.875rem;font-weight:500;text-decoration:none;transition:all var(--transition-fast)}.vod-link:hover{transform:translateY(-1px)}.vod-link svg{width:18px;height:18px}.vod-link-twitch{border-color:#9146ff4d}.vod-link-twitch:hover{background:#9146ff26;border-color:var(--twitch-purple);color:var(--twitch-purple)}.vod-link-twitch svg{color:var(--twitch-purple)}.vod-link-youtube{border-color:#ff00004d}.vod-link-youtube:hover{background:#ff000026;border-color:var(--youtube-red);color:var(--youtube-red)}.vod-link-youtube svg{color:var(--youtube-red)}.vod-link-archive{border-color:#4dffea4d}.vod-link-archive:hover{background:#4dffea26;border-color:var(--teal-bright);color:var(--teal-bright)}.vod-link-archive svg{color:var(--teal-bright)}.vod-links-empty{padding:var(--space-md);text-align:center}.vod-links-status{display:flex;align-items:center;gap:var(--space-sm);font-size:.875rem;color:var(--text-muted)}.vod-status-indicator{width:8px;height:8px;background:var(--gold);border-radius:50%;animation:pulse 2s infinite}.caption-entry{display:flex;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-bottom:1px solid rgba(77,255,234,.1);transition:background var(--transition-fast)}.caption-entry:hover{background:#4dffea08}.caption-entry.highlighted{background:#4dffea1a;border-color:var(--teal-dim)}.caption-timestamp{flex-shrink:0;font-family:SF Mono,Consolas,monospace;font-size:.75rem;color:var(--teal-bright);background:#4dffea1a;border:none;border-radius:var(--radius-sm);padding:2px 8px;cursor:pointer;transition:all var(--transition-fast)}.caption-timestamp:hover:not(:disabled){background:#4dffea33}.caption-timestamp:disabled{cursor:default;opacity:.7}.caption-content{flex:1;min-width:0}.caption-text{font-size:.875rem;color:var(--chalk);line-height:1.5;margin:0}.caption-translation{font-size:.8125rem;color:var(--text-muted);font-style:italic;margin:var(--space-xs) 0 0}.caption-list{display:flex;flex-direction:column}.caption-list-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl);color:var(--text-dim);text-align:center}.caption-list-empty svg{width:48px;height:48px;margin-bottom:var(--space-md);opacity:.5}.caption-list-empty p{font-size:.875rem;margin:0}.caption-search{position:relative}.caption-search-input-container{position:relative;display:flex;align-items:center}.caption-search-icon{position:absolute;left:var(--space-md);width:16px;height:16px;color:var(--text-dim);pointer-events:none}.caption-search-input{width:100%;padding:var(--space-sm) var(--space-md);padding-left:calc(var(--space-md) + 22px);padding-right:calc(var(--space-md) + 24px);background:var(--void-soft);border:1px solid var(--card-border);border-radius:var(--radius-md);color:var(--chalk);font-size:.875rem}.caption-search-input:focus{outline:none;border-color:var(--teal-bright)}.caption-search-clear{position:absolute;right:var(--space-xs);width:24px;height:24px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center}.caption-search-clear:hover{color:var(--chalk);background:#ffffff1a}.caption-search-clear svg{width:14px;height:14px}.caption-search-results{position:absolute;top:100%;left:0;right:0;margin-top:var(--space-xs);background:var(--void-soft);border:1px solid var(--card-border);border-radius:var(--radius-md);max-height:300px;overflow-y:auto;z-index:10}.caption-search-result{display:block;width:100%;padding:var(--space-sm) var(--space-md);background:transparent;border:none;border-bottom:1px solid rgba(77,255,234,.1);color:var(--text-soft);font-size:.875rem;text-align:left;cursor:pointer;transition:background var(--transition-fast)}.caption-search-result:last-child{border-bottom:none}.caption-search-result:hover{background:#4dffea0d}.caption-search-result-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.caption-search-highlight{background:#4dffea4d;color:var(--chalk);padding:0 2px;border-radius:2px}.caption-search-no-results{padding:var(--space-md);text-align:center;color:var(--text-dim);font-size:.875rem}.stream-page{padding:var(--space-xl) var(--space-lg)}.stream-not-found{text-align:center;padding:var(--space-3xl)}.stream-not-found h2{margin-bottom:var(--space-md)}.stream-not-found p{color:var(--text-muted);margin-bottom:var(--space-xl)}.stream-header{display:grid;grid-template-columns:400px 1fr;gap:var(--space-xl);margin-bottom:var(--space-xl)}.stream-thumbnail-container{position:relative;aspect-ratio:16 / 9;border-radius:var(--radius-lg);overflow:hidden;background:var(--void-soft)}.stream-thumbnail{width:100%;height:100%;object-fit:cover}.stream-thumbnail-placeholder{display:flex;align-items:center;justify-content:center;color:var(--text-dim)}.stream-thumbnail-placeholder svg{width:64px;height:64px}.stream-badges{position:absolute;top:var(--space-sm);left:var(--space-sm);display:flex;gap:var(--space-xs)}.stream-info{display:flex;flex-direction:column;gap:var(--space-md)}.stream-title{font-size:1.75rem;margin:0;line-height:1.3}.stream-channel{font-size:1rem;color:var(--text-muted);margin:0}.stream-meta{display:flex;flex-wrap:wrap;gap:var(--space-lg)}.meta-item{display:flex;flex-direction:column;gap:var(--space-xs)}.meta-label{font-size:.75rem;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.05em}.meta-value{font-size:.875rem;color:var(--chalk)}.stream-vods{padding-top:var(--space-md);border-top:1px solid var(--card-border)}.stream-downloads{display:flex;gap:var(--space-sm);padding-top:var(--space-md)}.download-btn{display:inline-flex;align-items:center;gap:var(--space-sm);text-decoration:none}.download-btn svg{width:16px;height:16px}.stream-content{background:var(--card-back);border:1px solid var(--card-border);border-radius:var(--radius-lg);overflow:hidden}.content-tabs{display:flex;border-bottom:1px solid var(--card-border)}.tab-btn{flex:1;padding:var(--space-md) var(--space-lg);background:transparent;border:none;color:var(--text-muted);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);border-bottom:2px solid transparent;margin-bottom:-1px}.tab-btn:hover{color:var(--chalk);background:#4dffea08}.tab-btn.active{color:var(--teal-bright);border-bottom-color:var(--teal-bright)}.captions-panel{display:flex;flex-direction:column}.captions-search{padding:var(--space-md);border-bottom:1px solid var(--card-border)}.quotes-panel{padding:var(--space-md)}.quotes-list{display:flex;flex-direction:column;gap:var(--space-md)}.quote-item{padding:var(--space-md)}.quote-content{font-size:1rem;font-style:italic;color:var(--chalk);margin:0 0 var(--space-md);line-height:1.6}.quote-footer{display:flex;gap:var(--space-md);font-size:.875rem;color:var(--text-muted)}.quotes-empty{text-align:center;padding:var(--space-xl);color:var(--text-dim)}@media(max-width:900px){.stream-header{grid-template-columns:1fr}.stream-thumbnail-container{max-width:500px}}@media(max-width:480px){.stream-downloads{flex-direction:column}.download-btn{justify-content:center}}.quote-card{display:flex;flex-direction:column;gap:var(--space-md);position:relative}.quote-card:before{content:'"';position:absolute;top:var(--space-sm);left:var(--space-sm);font-family:var(--font-display);font-size:4rem;line-height:1;color:#4dffea1a;pointer-events:none}.quote-card-text{font-size:1rem;font-style:italic;color:var(--chalk);line-height:1.6;margin:0;padding-left:var(--space-md);border-left:2px solid var(--teal-dim)}.quote-card-translation{font-size:.875rem;color:var(--text-muted);font-style:italic;margin:0;padding-left:var(--space-md)}.quote-card-footer{display:flex;flex-direction:column;gap:var(--space-xs);font-size:.8125rem}.quote-card-meta{display:flex;align-items:center;gap:var(--space-sm);flex-wrap:wrap}.quote-card-stream{color:var(--teal-bright);font-weight:500}.quote-card-stream:hover{color:var(--gold-bright)}.quote-card-timestamp{color:var(--text-dim)}.quote-card-info{display:flex;gap:var(--space-md);color:var(--text-dim)}.quote-card-watch{display:inline-flex;align-items:center;gap:var(--space-xs);align-self:flex-start;margin-top:var(--space-sm);padding:var(--space-xs) var(--space-md);font-size:.8125rem;text-decoration:none}.quote-card-watch svg{width:14px;height:14px}.quotes-page{padding:var(--space-xl) var(--space-lg)}.quotes-grid{margin-bottom:var(--space-xl)}.quotes-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl);color:var(--text-dim);text-align:center}.quotes-empty svg{width:64px;height:64px;margin-bottom:var(--space-md);opacity:.5}.quotes-empty p{font-size:1.125rem;margin:0 0 var(--space-sm);color:var(--text-muted)}.quotes-empty span{font-size:.875rem}.search-page{padding:var(--space-xl) var(--space-lg)}.search-header{margin-bottom:var(--space-xl)}.search-input-container{max-width:600px;margin-top:var(--space-md)}.search-filters{display:flex;gap:var(--space-xs);margin-bottom:var(--space-xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--card-border)}.search-empty,.search-error,.search-no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl);text-align:center;color:var(--text-dim)}.search-empty svg{width:64px;height:64px;margin-bottom:var(--space-md);opacity:.5}.search-empty p,.search-no-results p,.search-error p{font-size:1rem;color:var(--text-muted);margin:0 0 var(--space-sm)}.search-no-results span{font-size:.875rem}.search-results{display:flex;flex-direction:column;gap:var(--space-2xl)}.results-count{font-size:.875rem;color:var(--text-muted);margin:0}.results-section{display:flex;flex-direction:column;gap:var(--space-md)}.results-section-title{font-size:1.25rem;font-family:var(--font-body);font-weight:600;margin:0}.captions-results{padding:0;overflow:hidden}.caption-result-link{display:block;text-decoration:none;color:inherit}.caption-result-link:hover{background:#4dffea08}.live-captions{background:var(--card-back);border:1px solid var(--card-border);border-radius:8px;overflow:hidden}.live-captions-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#0000004d;border-bottom:1px solid var(--card-border)}.live-status{display:flex;align-items:center;gap:8px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--text-muted)}.status-dot.connected{background:var(--success, #22c55e);animation:pulse 2s infinite}.status-dot.disconnected{background:var(--warning, #f59e0b)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status-text{font-size:14px;font-weight:500;color:var(--text-soft)}.viewer-count{font-size:13px;color:var(--text-muted)}.live-captions-error{padding:12px 16px;background:#ef44441a;color:var(--error, #ef4444);font-size:14px}.live-captions-container{max-height:400px;overflow-y:auto;scroll-behavior:smooth}.live-captions-empty{padding:40px 20px;text-align:center;color:var(--text-muted);font-size:14px}.live-caption{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.05);transition:background .2s ease}.live-caption:hover{background:#ffffff05}.live-caption.interim{opacity:.7}.live-caption.final{opacity:1}.caption-meta{display:flex;align-items:center;gap:8px;margin-bottom:6px}.caption-time{font-size:12px;color:var(--text-muted);font-family:monospace}.platform-badge{font-size:10px;font-weight:600;text-transform:uppercase;padding:2px 6px;border-radius:4px;background:var(--text-muted);color:var(--void)}.platform-badge.twitch{background:var(--twitch-purple, #9146ff);color:#fff}.platform-badge.youtube{background:var(--youtube-red, #ff0000);color:#fff}.platform-badge.obs{background:#302e31;color:#fff}.caption-text{font-size:15px;line-height:1.5;color:var(--chalk)}.caption-translation{margin-top:4px;font-size:13px;color:var(--text-soft);font-style:italic}.live-captions-container::-webkit-scrollbar{width:6px}.live-captions-container::-webkit-scrollbar-track{background:transparent}.live-captions-container::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}.live-captions-container::-webkit-scrollbar-thumb:hover{background:var(--text-soft)}.live-page{padding:40px 20px}.live-header{margin-bottom:32px}.page-subtitle{color:var(--text-muted);margin-top:8px}.live-content{margin-bottom:32px}.live-info{padding:20px}.live-info h3{font-size:16px;font-weight:600;color:var(--chalk);margin-bottom:12px}.live-info p{font-size:14px;color:var(--text-soft);line-height:1.6}.callback-page{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - var(--header-height) - 100px)}.main-content{flex:1;padding-top:var(--header-height);min-height:calc(100vh - var(--header-height))}:root{--void: #05070b;--void-soft: #090c12;--void-lighter: #0d1117;--teal: #18968d;--teal-bright: #4dffea;--teal-dim: rgba(77, 255, 234, .5);--gold: #d2a778;--gold-bright: #ffe98b;--rose: #ff7da6;--chalk: #f5f6f6;--text-soft: rgba(245, 246, 246, .78);--text-muted: rgba(245, 246, 246, .6);--text-dim: rgba(245, 246, 246, .4);--card-back: rgba(6, 12, 14, .78);--card-border: rgba(77, 255, 234, .32);--card-border-hover: rgba(77, 255, 234, .5);--twitch-purple: #9146ff;--youtube-red: #ff0000;--discord-blurple: #5865f2;--success: #4dffea;--warning: #ffe98b;--error: #ff7da6;--info: #5865f2;--font-body: "Inter", system-ui, -apple-system, sans-serif;--font-display: "Cinzel", serif;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--transition-fast: .16s cubic-bezier(.36, .66, .04, 1);--transition-medium: .54s cubic-bezier(.36, .66, .04, 1);--transition-slow: .8s cubic-bezier(.36, .66, .04, 1);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--shadow-md: 0 4px 16px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(77, 255, 234, .3);--max-width: 1200px;--header-height: 64px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-body);font-size:1rem;line-height:1.6;color:var(--chalk);background-color:var(--void);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:500;line-height:1.3;color:var(--chalk)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{color:var(--text-soft);margin-bottom:var(--space-md)}a{color:var(--teal-bright);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--gold-bright)}input,textarea,select{font-family:var(--font-body);font-size:1rem;color:var(--chalk);background-color:var(--void-soft);border:1px solid var(--card-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-md);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--teal-bright);box-shadow:0 0 0 2px #4dffea33}input::placeholder,textarea::placeholder{color:var(--text-dim)}button{font-family:var(--font-body);font-size:.875rem;font-weight:500;cursor:pointer;border:none;border-radius:var(--radius-md);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-fast)}button:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--teal) 0%,var(--teal-bright) 100%);color:var(--void)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-glow);transform:translateY(-1px)}.btn-secondary{background:transparent;color:var(--teal-bright);border:1px solid var(--card-border)}.btn-secondary:hover:not(:disabled){background:#4dffea1a;border-color:var(--teal-bright)}.btn-ghost{background:transparent;color:var(--text-soft)}.btn-ghost:hover:not(:disabled){color:var(--chalk);background:#ffffff0d}.card{background:var(--card-back);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:border-color var(--transition-fast),transform var(--transition-fast)}.card:hover{border-color:var(--card-border-hover)}.card-interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.badge{display:inline-flex;align-items:center;gap:var(--space-xs);font-size:.75rem;font-weight:500;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);text-transform:uppercase;letter-spacing:.05em}.badge-twitch{background:#9146ff33;color:var(--twitch-purple)}.badge-youtube{background:#f003;color:var(--youtube-red)}.badge-live{background:#ff00004d;color:#f44;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-lg)}.grid{display:grid;gap:var(--space-lg)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}@media(max-width:1024px){.grid-cols-4{grid-template-columns:repeat(3,1fr)}.grid-cols-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,1fr)}.grid-cols-2{grid-template-columns:repeat(1,1fr)}}@media(max-width:480px){.grid-cols-4{grid-template-columns:repeat(1,1fr)}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.skeleton{background:linear-gradient(90deg,var(--void-soft) 25%,var(--void-lighter) 50%,var(--void-soft) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--void-soft)}::-webkit-scrollbar-thumb{background:var(--card-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--teal-dim)}::selection{background:var(--teal);color:var(--void)}