:root{--color-primary:#ff7c0a;--color-primary-hover:#fa0;--color-background:#0e0e10;--color-surface:#18181b;--color-surface-elevated:#1f1f23;--color-border:#2f2f35;--color-border-light:#404040;--color-text-primary:#efeff1;--color-text-secondary:#adadb8;--color-text-muted:#b3b3b3;--color-success:#00ad03;--color-error:#ff4757;--color-warning:#bf9000;--color-live:red;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:20px;--spacing-2xl:24px;--spacing-3xl:32px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 2px 4px #0000001a;--shadow-md:0 4px 12px #0000004d;--shadow-lg:0 8px 25px #0006}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0e0e10;background-color:var(--color-background);color:#efeff1;color:var(--color-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}code{background-color:#18181b;background-color:var(--color-surface);border-radius:4px;border-radius:var(--radius-sm);color:#ff7c0a;color:var(--color-primary);font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace;font-size:.9em;padding:2px 4px}*{box-sizing:border-box}a{color:inherit;text-decoration:none;transition:color .2s ease}a:hover{color:#ff7c0a;color:var(--color-primary)}.btn{align-items:center;border:none;border-radius:4px;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:8px;gap:var(--spacing-sm);justify-content:center;padding:12px 20px;padding:var(--spacing-md) var(--spacing-xl);text-decoration:none;transition:all .2s ease}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background-color:#ff7c0a;background-color:var(--color-primary);color:#0e0e10;color:var(--color-background)}.btn-primary:hover:not(:disabled){background-color:#fa0;background-color:var(--color-primary-hover);box-shadow:0 4px 12px #0000004d;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{background-color:#1f1f23;background-color:var(--color-surface-elevated);border:1px solid #2f2f35;border:1px solid var(--color-border);color:#efeff1;color:var(--color-text-primary)}.btn-secondary:hover:not(:disabled){background-color:#404040;background-color:var(--color-border-light);border-color:#404040;border-color:var(--color-border-light)}.loading-spinner{border:3px solid #2f2f35;border-top:3px solid #ff7c0a;border:3px solid var(--color-border);border-top-color:var(--color-primary);height:24px;width:24px}.App{background-color:var(--color-background);display:flex;flex-direction:column;height:100vh}.content-container{display:flex;flex:1 1;overflow:hidden}.content-container.watch-mode{padding:0}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:var(--color-surface);color:var(--color-text-primary);display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:var(--color-primary);transition:color .2s ease}.App-link:hover{color:var(--color-primary-hover)}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.hive-login-modal{align-items:center;animation:fadeIn .2s ease-out;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.hive-login-content{animation:slideIn .3s ease-out;background:#fff;border-radius:8px;box-shadow:0 4px 20px #00000026;max-height:90vh;max-width:450px;overflow-y:auto;width:90%}.hive-login-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:20px 24px 16px}.hive-login-header h2{color:#111827;font-size:20px;font-weight:600;margin:0}.close-button{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:24px;padding:4px;transition:all .2s ease}.close-button:hover{background-color:#f3f4f6;color:#374151}.close-button:disabled{cursor:not-allowed;opacity:.5}.hive-login-body{padding:24px}.keychain-info{margin-bottom:24px;text-align:center}.keychain-icon{font-size:48px;margin-bottom:12px}.keychain-info p{color:#6b7280;line-height:1.5;margin:0}.login-form{margin-bottom:24px}.form-group{margin-bottom:16px}.form-group label{color:#374151;display:block;font-weight:500;margin-bottom:6px}.form-group input{border:1px solid #d1d5db;border-radius:6px;box-sizing:border-box;font-size:16px;padding:12px 16px;transition:border-color .2s ease;width:100%}.form-group input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group input:disabled{background-color:#f9fafb;color:#6b7280;cursor:not-allowed}.error-message{align-items:center;background-color:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;display:flex;font-size:14px;gap:8px;margin-bottom:16px;padding:12px}.error-icon{flex-shrink:0}.form-actions{margin-top:20px}.login-button{background-color:#3b82f6;border-radius:6px;color:#fff;font-size:16px;font-weight:500;gap:8px;justify-content:center;padding:12px 16px;width:100%}.login-button:hover:not(:disabled){background-color:#2563eb}.login-button:disabled{background-color:#9ca3af;cursor:not-allowed}.loading-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:16px;width:16px}.keychain-help{border-top:1px solid #e5e7eb;padding-top:20px}.keychain-help h4{color:#374151;font-size:16px;font-weight:600;margin:0 0 8px}.keychain-help p{color:#6b7280;font-size:14px;line-height:1.5;margin:0 0 12px}.browser-links{display:flex;flex-wrap:wrap;gap:12px}.browser-link{align-items:center;background-color:#f3f4f6;border-radius:4px;color:#374151;display:inline-flex;font-size:14px;font-weight:500;padding:6px 12px;text-decoration:none;transition:all .2s ease}.browser-link:hover{background-color:#e5e7eb;color:#111827;text-decoration:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width:480px){.hive-login-content{margin:20px 0;width:95%}.hive-login-body,.hive-login-header{padding:16px}.keychain-icon{font-size:36px}.browser-links{justify-content:center}}.navbar{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-sm);color:var(--color-text-primary);height:60px;justify-content:space-between;padding:0 var(--spacing-xl);position:-webkit-sticky;position:sticky;top:0;z-index:1000}.navbar,.navbar-center,.navbar-left,.navbar-right{align-items:center;display:flex}.navbar-center{flex:1 1;justify-content:center;margin:0 var(--spacing-xl);max-width:500px}.logo{align-items:center;color:var(--color-primary);display:flex;font-size:24px;font-weight:700;gap:var(--spacing-sm);transition:color .2s ease}.logo,.logo:hover{text-decoration:none}.logo:hover{color:var(--color-primary-hover);cursor:pointer}.search-form{border:1px solid var(--color-border);border-radius:var(--radius-sm);display:flex;overflow:hidden;transition:border-color .2s ease;width:100%}.search-form:focus-within{border-color:var(--color-primary)}.search-input{background-color:var(--color-surface-elevated);border:none;color:var(--color-text-primary);flex:1 1;outline:none;padding:var(--spacing-sm) var(--spacing-md)}.search-input::placeholder{color:var(--color-text-muted)}.search-button{background-color:var(--color-primary);border:none;color:var(--color-background);cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);transition:background-color .2s ease}.search-button:hover{background-color:var(--color-primary-hover)}.login-button{align-items:center;background-color:var(--color-primary);border:none;border-radius:var(--radius-sm);color:var(--color-background);cursor:pointer;display:flex;font-weight:600;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);transition:all .2s ease}.login-button:hover{background-color:var(--color-primary-hover);transform:translateY(-1px)}.auth-loading{align-items:center;display:flex;padding:var(--spacing-sm)}.navbar .loading-spinner{border-top:2px solid var(--color-border);border:2px solid var(--color-border);border-top-color:var(--color-primary);height:20px;width:20px}.user-avatar{border:2px solid var(--color-border);border-radius:50%;cursor:pointer;height:36px;transition:border-color .2s ease;width:36px}.user-avatar:hover{border-color:var(--color-primary)}.user-menu{align-items:center;display:flex;gap:var(--spacing-sm);position:relative}.username{color:var(--color-text-primary);font-size:14px;font-weight:500}.dropdown-menu{background-color:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);display:none;overflow:hidden;position:absolute;right:0;top:100%;width:150px}.user-menu:hover .dropdown-menu{display:block}.dropdown-item{cursor:pointer;display:block;padding:var(--spacing-md) var(--spacing-lg);transition:background-color .2s ease}.dropdown-item,.dropdown-item:hover{color:var(--color-text-primary);text-decoration:none}.dropdown-item:hover{background-color:var(--color-surface)}.logo-image{height:32px;width:auto}.sidebar{background-color:var(--color-surface-elevated);border-right:1px solid var(--color-border);color:var(--color-text-primary);flex-shrink:0;height:100%;overflow-y:auto;padding:var(--spacing-lg) 0;width:240px}.nav-links{padding:0 var(--spacing-lg)}.nav-link{align-items:center;border-radius:var(--radius-sm);cursor:pointer;display:flex;margin-bottom:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-sm);transition:all .2s ease}.nav-link,.nav-link:hover{color:var(--color-text-primary);text-decoration:none}.nav-link:hover{background-color:var(--color-surface);transform:translateX(2px)}.nav-link.active{background-color:var(--color-primary);color:var(--color-background)}.nav-link.active:hover{background-color:var(--color-primary-hover)}.nav-icon{font-size:18px;margin-right:var(--spacing-md);text-align:center;width:20px}.nav-text{font-size:16px;font-weight:500}.section-divider{background-color:var(--color-border);height:1px;margin:var(--spacing-lg) 0}.section-title{color:var(--color-text-secondary);font-size:12px;font-weight:600;letter-spacing:.5px;margin-bottom:var(--spacing-md);text-transform:uppercase}.active-streams,.section-title{padding:0 var(--spacing-lg)}.stream-item{align-items:center;border-radius:var(--radius-sm);cursor:pointer;display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs);padding:var(--spacing-sm);transition:all .2s ease}.stream-item:hover{background-color:var(--color-surface)}.sbstream-avatar{border-radius:var(--radius-sm);flex-shrink:0;height:30px;object-fit:cover;width:30px}.sbstream-info{display:flex;flex:1 1;flex-direction:column;line-height:1.2;min-width:0;overflow:hidden}.stream-actions{align-items:center;display:flex;flex-shrink:0}.sidebar-follow-btn{opacity:0;transition:opacity .2s ease}.stream-item:hover .sidebar-follow-btn{opacity:1}.sbstream-username{color:var(--color-text-primary);font-size:13px;font-weight:600}.sbstream-category,.sbstream-username{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sbstream-category,.stream-viewers{color:var(--color-text-secondary);font-size:12px;margin-top:1px}.stream-viewers{align-items:center;display:flex;gap:2px}.stream-viewers:before{color:red;color:var(--color-live,red);content:"●";font-size:8px}.main-content{background-color:var(--color-background);color:var(--color-text-primary);flex:1 1;overflow-y:auto;padding:var(--spacing-xl)}.error-container,.loading-container{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-lg);height:50vh;justify-content:center;text-align:center}.main-content .loading-spinner{border-top:4px solid var(--color-border);border:4px solid var(--color-border);border-top-color:var(--color-primary);height:40px;width:40px}.retry-button{background-color:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-background);cursor:pointer;font-size:16px;font-weight:600;padding:var(--spacing-md) var(--spacing-xl);transition:all .2s ease}.retry-button:hover{background-color:var(--color-primary-hover);transform:translateY(-1px)}.featured-section{margin-bottom:var(--spacing-3xl)}.featured-title{color:var(--color-primary);font-size:24px;font-weight:700;margin-bottom:var(--spacing-xl)}.featured-stream{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);max-width:600px;overflow:hidden}.featured-player{aspect-ratio:16/9;background-color:#000;overflow:hidden;position:relative;width:100%}.featured-player iframe{-ms-overflow-style:none!important;border:none;height:100%;overflow:hidden!important;scrollbar-width:none!important;width:100%}.featured-player iframe::-webkit-scrollbar{display:none!important;height:0!important;width:0!important}.featured-custom-player{border:none;height:100%;width:100%}.player-placeholder{cursor:pointer;height:100%;position:relative;width:100%}.featured-thumbnail{height:100%;object-fit:cover;width:100%}.player-overlay{align-items:center;background:#0000004d;bottom:0;display:flex;justify-content:center;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.player-placeholder:hover .player-overlay{opacity:1}.play-button{align-items:center;background-color:#ffc70ae6;border-radius:50%;color:var(--color-background);display:flex;font-size:32px;height:80px;justify-content:center;margin-left:4px;transition:all .2s ease;width:80px}.play-button:hover{background-color:var(--color-primary);transform:scale(1.1)}.live-indicator{font-size:12px;left:var(--spacing-lg);padding:var(--spacing-sm) var(--spacing-md);top:var(--spacing-lg)}.featured-info{padding:var(--spacing-xl)}.featured-streamer{align-items:center;display:flex}.featured-avatar{border:2px solid var(--color-primary);border-radius:50%;height:60px;margin-right:var(--spacing-lg);width:60px}.featured-details{flex:1 1}.featured-username{color:var(--color-primary);font-size:20px;font-weight:700;margin:0 0 var(--spacing-sm) 0}.featured-stream-title{color:#efeff1;font-size:16px;margin:0 0 8px}.featured-stats{color:#adadb8;display:flex;font-size:14px;gap:15px}.viewer-count:before{content:"👥 "}.category:before{content:"🏷️ "}.streams-section{margin-bottom:var(--spacing-3xl)}.section-title{font-size:20px}.stream-card{background-color:var(--color-surface)}.stream-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.stream-thumbnail-container{aspect-ratio:16/9;background-color:#000;position:relative;width:100%}.stream-thumbnail{height:100%;object-fit:cover}.thumbnail-overlay{bottom:0;left:0;pointer-events:none;position:absolute;right:0;top:0}.live-badge{background-color:var(--color-live);font-weight:700;left:var(--spacing-md);text-transform:uppercase;top:var(--spacing-md)}.live-badge,.viewer-badge{border-radius:var(--radius-sm);color:#fff;font-size:11px;padding:var(--spacing-xs) var(--spacing-sm);position:absolute}.viewer-badge{background-color:#000c;bottom:var(--spacing-md);font-weight:500;right:var(--spacing-md)}.viewer-badge:before{content:"👥 "}.stream-card-info{padding:var(--spacing-lg)}.stream-header{align-items:flex-start}.stream-card-avatar{border-radius:50%;flex-shrink:0;height:40px;margin-right:12px;width:40px}.stream-text-info{flex:1 1;overflow:hidden}.stream-card-title{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:var(--color-text-primary);display:-webkit-box;font-size:14px;font-weight:600;line-height:1.3;margin:0 0 var(--spacing-sm) 0;overflow:hidden;text-overflow:ellipsis}.stream-card-username{color:var(--color-primary);font-size:13px;font-weight:600;margin:0 0 var(--spacing-xs) 0}.stream-card-category{color:var(--color-text-secondary);font-size:12px;margin:0}.no-streams{color:#adadb8;padding:60px 20px;text-align:center}.no-streams h3{color:#efeff1;font-size:24px;margin-bottom:10px}@media (max-width:768px){.main-content{padding:15px}.streams-grid{gap:15px;grid-template-columns:1fr}.featured-title{font-size:20px}.featured-info{padding:15px}.featured-avatar{height:50px;width:50px}.featured-username{font-size:18px}}@media (max-width:480px){.main-content{padding:10px}.play-button{font-size:24px;height:60px;width:60px}.featured-streamer{align-items:flex-start;flex-direction:column}.featured-avatar{margin-bottom:10px;margin-right:0}.featured-stats{flex-wrap:wrap}}.featured-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.refresh-button{background:#ff7c0a;border:none;border-radius:.375rem;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.5rem 1rem;transition:background-color .2s}.refresh-button:hover{background:#e56b00}.stream-card{transition:transform .2s,box-shadow .2s}.stream-card:hover{box-shadow:0 4px 12px #00000026}.custom-player-container{background-color:#000;border-radius:4px;cursor:pointer;height:100%;overflow:hidden;position:relative;width:100%}.custom-player-video{background-color:#000;height:100%;object-fit:contain;width:100%}.demo-overlay{align-items:center;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);bottom:0;color:#fff;display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:5}.demo-message{max-width:600px;padding:40px;text-align:center}.demo-message h3{color:var(--color-primary);font-size:24px;font-weight:700;margin-bottom:var(--spacing-xl)}.demo-message p{color:var(--color-text-primary);font-size:16px;line-height:1.6;margin:var(--spacing-md) 0}.custom-player-container.demo-mode .player-controls{opacity:1}.loading-overlay{align-items:center;background-color:#000c;bottom:0;color:#fff;display:flex;flex-direction:column;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:10}.custom-player-container .loading-spinner{border-top:4px solid var(--color-border);border:4px solid var(--color-border);border-top-color:var(--color-primary);height:40px;margin-bottom:var(--spacing-lg);width:40px}.loading-overlay p{color:var(--color-text-primary);font-size:16px;margin:0}.custom-player-container.error{align-items:center;display:flex;justify-content:center}.error-message{padding:20px;text-align:center}.error-message h3{color:var(--color-primary);margin-bottom:var(--spacing-md)}.error-message button{background-color:var(--color-primary);border:none;border-radius:var(--radius-sm);color:var(--color-background);cursor:pointer;font-weight:600;margin-top:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-xl);transition:all .2s ease}.error-message button:hover{background-color:var(--color-primary-hover);transform:translateY(-1px)}.player-controls{background:linear-gradient(#0000,#000c);bottom:0;left:0;padding:var(--spacing-xl) var(--spacing-lg) var(--spacing-lg);position:absolute;right:0;transition:opacity .3s ease;z-index:20}.controls-row{gap:var(--spacing-lg)}.control-button,.controls-row{align-items:center;display:flex}.control-button{background:#0000;border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:18px;height:40px;justify-content:center;min-width:40px;padding:var(--spacing-sm);transition:background-color .2s ease}.control-button:hover{background-color:#ffffff1a}.control-button:active{background-color:#fff3}.volume-controls{align-items:center;display:flex;gap:10px}.volume-slider{-webkit-appearance:none;appearance:none;background:#ffffff4d;border-radius:2px;cursor:pointer;height:4px;outline:none;width:80px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#ff7c0a;border-radius:50%;cursor:pointer;height:16px;-webkit-transition:background-color .2s ease;transition:background-color .2s ease;width:16px}.volume-slider::-webkit-slider-thumb:hover{background:#e56b00}.volume-slider::-moz-range-thumb{background:#ff7c0a;border:none;border-radius:50%;cursor:pointer;height:16px;-moz-transition:background-color .2s ease;transition:background-color .2s ease;width:16px}.volume-slider::-moz-range-thumb:hover{background:#e56b00}.controls-spacer{flex:1 1}.quality-selector{background-color:#0009;border:1px solid #ffffff4d;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;min-width:80px;outline:none;padding:6px 12px}.quality-selector:focus{border-color:#ff7c0a}.quality-selector option{background-color:#18181b;color:#fff}@media (max-width:768px){.player-controls{padding:15px 10px 10px}.controls-row{gap:10px}.control-button{font-size:16px;height:36px;min-width:36px;padding:6px}.volume-slider{width:60px}.quality-selector{font-size:12px;min-width:70px;padding:5px 8px}}@media (max-width:480px){.volume-controls{display:none}.controls-row{gap:8px}.control-button{font-size:14px;height:32px;min-width:32px;padding:4px}.quality-selector{font-size:11px;min-width:60px;padding:4px 6px}}.custom-player-container:fullscreen{height:100vh;width:100vw}.custom-player-container:-webkit-full-screen{height:100vh;width:100vw}.custom-player-container:-moz-full-screen{height:100vh;width:100vw}.custom-player-container:-moz-full-screen:hover .player-controls,.custom-player-container:-webkit-full-screen:hover .player-controls,.custom-player-container:fullscreen:hover .player-controls{opacity:1}.control-button:focus,.volume-slider:focus{outline:2px solid #ff7c0a;outline-offset:2px}.custom-player-video[data-loading=true]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='20' fill='none' stroke='%23ff7c0a' stroke-width='4' stroke-dasharray='31.416' stroke-dashoffset='31.416'%3E%3Canimate attributeName='stroke-dasharray' dur='2s' values='0 31.416;15.708 15.708;0 31.416' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' dur='2s' values='0;-15.708;-31.416' repeatCount='indefinite'/%3E%3C/circle%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:60px 60px}.watch-page{background-color:var(--color-background);color:var(--color-text-primary);display:flex;flex-direction:column;height:100vh;width:100%}.watch-content{display:flex;flex:1 1;overflow:hidden}.watch-page.desktop .watch-content{flex-direction:row}.watch-page.desktop .stream-container{display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden}.watch-page.desktop .chat-container{border-left:1px solid var(--color-border);flex-shrink:0;width:340px}.watch-page.mobile .watch-content{flex-direction:column}.watch-page.mobile .stream-container{flex-shrink:0}.watch-page.mobile .chat-container{flex:1 1;min-height:0}.stream-player{background-color:#000;position:relative;width:100%}.watch-page.desktop .stream-player{flex:0 0 80%;height:0}.watch-page.desktop .stream-info{flex:0 0 20%;min-height:0;overflow-y:auto}.watch-page.mobile .stream-player{aspect-ratio:16/9;flex:none}.watch-page.mobile .stream-info{flex:none;overflow:visible}.player-iframe{border:none;height:100%;width:100%}.fullscreen-toggle{background-color:#000000b3;border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;font-size:16px;padding:var(--spacing-sm) var(--spacing-md);position:absolute;right:var(--spacing-md);top:var(--spacing-md);transition:all .2s ease;z-index:10}.fullscreen-toggle:hover{background-color:#000000e6;transform:scale(1.05)}.stream-info{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--spacing-lg) var(--spacing-xl)}.stream-header{align-items:center}.stream-avatar{border:2px solid var(--color-primary);border-radius:50%;height:50px;margin-right:var(--spacing-lg);width:50px}.stream-details{flex:1 1}.stream-username{color:var(--color-primary);font-size:24px;font-weight:700;margin:0 0 var(--spacing-xs) 0}.stream-status{align-items:center;display:flex}.live-indicator{background-color:var(--color-live);border-radius:var(--radius-sm);font-size:11px;padding:var(--spacing-xs) var(--spacing-sm);text-transform:uppercase}.stream-description{color:var(--color-text-primary);line-height:1.5;margin-top:var(--spacing-lg)}.stream-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.stream-tag{background-color:var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:11px;font-weight:500;padding:var(--spacing-xs) var(--spacing-sm)}.chat-container{background-color:var(--color-surface-elevated);display:flex;flex-direction:column}.chat-header{background-color:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0;padding:var(--spacing-lg) var(--spacing-xl)}.chat-header h3{color:var(--color-text-primary);font-size:16px;font-weight:600;margin:0}.chat-iframe-container{flex:1 1;min-height:0;position:relative}.chat-iframe{border:none;height:100%;width:100%}.watch-page.mobile.landscape.fullscreen{bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999}.watch-page.mobile.landscape.fullscreen .chat-container,.watch-page.mobile.landscape.fullscreen .stream-info{display:none}.watch-page.mobile.landscape.fullscreen .stream-container{flex:1 1}.watch-page.mobile.landscape.fullscreen .stream-player{flex:1 1;height:100vh}.error-container{align-items:center;display:flex;flex-direction:column;gap:var(--spacing-lg);height:50vh;justify-content:center;padding:var(--spacing-xl);text-align:center}.error-container h2{color:var(--color-error);margin:0}@media (max-width:768px){.stream-info{padding:10px 15px}.stream-username{font-size:20px}.stream-avatar{height:40px;width:40px}.chat-header{padding:10px 15px}}@media (max-width:480px){.stream-info{padding:8px 12px}.stream-username{font-size:18px}.chat-header{padding:8px 12px}}@media (min-width:769px) and (max-width:1200px){.watch-page.desktop .chat-container{height:calc(100vh - 60px);width:300px}}@media (min-width:1201px){.watch-page.desktop .chat-container{height:calc(100vh - 60px);width:380px}}@media (max-width:768px) and (orientation:landscape){.watch-page.mobile.landscape:not(.fullscreen) .stream-player{aspect-ratio:16/9;max-height:60vh}}.stream-key-generator{background-color:var(--color-background);color:var(--color-text-primary);flex:1 1;overflow-y:auto;padding:0}.stream-key-generator .container{margin:0 auto;overflow:auto;padding:var(--spacing-3xl)}.stream-key-generator h1{color:var(--color-text-primary);font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-3xl);text-align:center}.stream-key-generator h3{color:var(--color-text-primary);font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-lg)}.key-generator{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--spacing-3xl)}.user-info{margin-bottom:var(--spacing-3xl);text-align:center}.user-info p{color:var(--color-text-primary);font-size:1.2rem}.user-info strong{color:var(--color-primary)}.actions{margin-bottom:var(--spacing-3xl);text-align:center}.button{background-color:var(--color-primary);border:none;border-radius:var(--radius-sm);color:var(--color-background);cursor:pointer;font-size:1rem;font-weight:600;min-width:150px;padding:var(--spacing-md) var(--spacing-2xl);transition:all .2s ease}.button:hover:not(:disabled){background-color:var(--color-primary-hover);transform:translateY(-1px)}.button:disabled{background-color:var(--color-border);cursor:not-allowed;opacity:.6}.button.secondary{background-color:var(--color-surface-elevated);border:1px solid var(--color-border);color:var(--color-text-primary)}.button.secondary:hover:not(:disabled){background-color:var(--color-border-light)}.error-message{border-radius:var(--radius-sm);margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.error-message p{margin:0}.stream-key-display{margin-bottom:var(--spacing-3xl)}.key-container{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.stream-key-input{background-color:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);flex:1 1;font-family:Courier New,monospace;font-size:14px;padding:var(--spacing-md);transition:border-color .2s ease}.stream-key-input:focus{border-color:var(--color-primary);outline:none}.warning{background-color:var(--color-warning);border-radius:var(--radius-sm);color:#fff;font-size:.9rem;margin:0;padding:var(--spacing-lg)}.posting-auth{border-top:1px solid var(--color-border);margin-bottom:var(--spacing-3xl);padding-top:var(--spacing-3xl)}.auth-container,.auth-container p{margin-bottom:var(--spacing-lg)}.auth-container p{line-height:1.5}.poster-account{color:var(--color-primary);font-weight:600}.auth-granted{background-color:var(--color-success);border-radius:var(--radius-sm);color:#fff;margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.auth-granted p{font-weight:600;margin:0}.info{color:var(--color-text-secondary);font-size:.9rem;line-height:1.4;margin:0}.instructions{border-top:1px solid var(--color-border);padding-top:var(--spacing-3xl)}.instructions ol{line-height:1.6;padding-left:var(--spacing-2xl)}.instructions li{margin-bottom:var(--spacing-sm)}.instructions code{background-color:var(--color-background);border-radius:var(--radius-sm);color:var(--color-primary);font-family:Courier New,monospace;font-size:.9rem;padding:2px 4px}.auth-required{background-color:#18181b;border-radius:8px;margin-top:2rem;padding:3rem 2rem;text-align:center}.auth-required p{color:#adadb8;font-size:1.2rem;margin:0}@media (max-width:768px){.stream-key-generator .container{padding:1rem}.key-generator{padding:1.5rem}.stream-key-generator h1{font-size:2rem}.key-container{flex-direction:column}.button{margin-bottom:.5rem;width:100%}}.channel-settings{background-color:var(--color-background);color:var(--color-text-primary);min-height:100vh;overflow:auto;padding:var(--spacing-xl);width:100%}.settings-container{background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-3xl)}.settings-header{border-bottom:2px solid var(--color-border);margin-bottom:var(--spacing-3xl);padding-bottom:var(--spacing-xl);text-align:center}.settings-header h1{color:var(--color-text-primary);font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-md)}.settings-header p{color:var(--color-text-secondary);font-size:1.1rem;margin:0}.loading-spinner{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-3xl);text-align:center}.spinner{animation:spin 1s linear infinite;border-top:3px solid var(--color-border);border:3px solid var(--color-border);border-radius:50%;border-top-color:var(--color-primary);height:40px;margin-bottom:var(--spacing-xl);width:40px}.settings-form{gap:var(--spacing-2xl)}.form-group,.settings-form{display:flex;flex-direction:column}.form-row{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:1fr 1fr}@media (max-width:768px){.form-row{grid-template-columns:1fr}}.form-group label{color:var(--color-text-primary);font-size:1rem;font-weight:600;margin-bottom:var(--spacing-sm)}.form-input,.form-select,.form-textarea{background-color:var(--color-surface-elevated);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:1rem;padding:var(--spacing-md) var(--spacing-lg);transition:all .2s ease}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #ffc70a1a;outline:none}.form-textarea{font-family:inherit;min-height:100px;resize:vertical}.form-select{cursor:pointer}.form-help{color:var(--color-text-muted);font-size:.875rem;line-height:1.4;margin-top:var(--spacing-sm)}.message{align-items:center;border-radius:var(--radius-md);display:flex;font-weight:500;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg)}.error-message{background-color:var(--color-error);border:1px solid var(--color-error);color:#fff}.success-message{background-color:var(--color-success);border:1px solid var(--color-success);color:#fff}.channel-info{background-color:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-xl)}.channel-info h3{color:var(--color-text-primary);font-size:1.2rem;font-weight:600;margin-bottom:var(--spacing-lg)}.info-item{color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}.info-item strong{color:var(--color-text-primary)}.form-actions{border-top:1px solid var(--color-border);display:flex;gap:var(--spacing-lg);justify-content:flex-end;padding-top:var(--spacing-xl)}@media (max-width:576px){.form-actions{flex-direction:column}}.channel-settings .btn{align-items:center;border:none;border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:var(--spacing-sm);justify-content:center;min-height:48px;padding:var(--spacing-md) var(--spacing-2xl);transition:all .2s ease}.channel-settings .btn:disabled{cursor:not-allowed;opacity:.6}.channel-settings .btn-primary{background-color:var(--color-primary);color:var(--color-background)}.channel-settings .btn-primary:hover:not(:disabled){background-color:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.channel-settings .btn-secondary{background-color:var(--color-surface-elevated);border:1px solid var(--color-border);color:var(--color-text-primary)}.channel-settings .btn-secondary:hover:not(:disabled){background-color:var(--color-border-light);transform:translateY(-1px)}.btn-spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:16px;width:16px}.icon-error:before{content:"⚠️"}.icon-success:before{content:"✅"}@media (max-width:768px){.channel-settings{padding:15px}.settings-container{padding:20px}.settings-header h1{font-size:2rem}.form-actions{flex-direction:column}.btn{width:100%}}.follow-button-container{display:inline-block;position:relative}.follow-button{align-items:center;background:#0000;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-weight:500;gap:6px;overflow:hidden;position:relative;transition:all .2s ease}.follow-button--small{font-size:12px;gap:4px;padding:6px 12px}.follow-button--medium{font-size:14px;gap:6px;padding:8px 16px}.follow-button--large{font-size:16px;gap:8px;padding:12px 20px}.follow-button--not-following{background-color:#3b82f6;border:1px solid #3b82f6;color:#fff}.follow-button--not-following:hover:not(:disabled){background-color:#2563eb;border-color:#2563eb;transform:translateY(-1px)}.follow-button--following{background-color:#f3f4f6;border:1px solid #d1d5db;color:#374151}.follow-button--following:hover:not(:disabled){background-color:#fef2f2;border-color:#fecaca;color:#dc2626}.follow-button--following:hover:not(:disabled) .follow-button__icon{transform:scale(1.1)}.follow-button--following:hover:not(:disabled) .follow-button__icon:before{content:"×"}.follow-button--disabled{cursor:not-allowed;opacity:.6}.follow-button--loading{cursor:wait}.follow-button__icon{align-items:center;display:inline-flex;font-size:14px;height:16px;justify-content:center;transition:transform .2s ease;width:16px}.follow-button--small .follow-button__icon{font-size:12px;height:14px;width:14px}.follow-button--large .follow-button__icon{font-size:16px;height:18px;width:18px}.follow-button__spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;display:inline-block;height:14px;width:14px}.follow-button--small .follow-button__spinner{border-width:1.5px;height:12px;width:12px}.follow-button--large .follow-button__spinner{height:16px;width:16px}.follow-button__count{background-color:#0000001a;border-radius:12px;font-size:11px;font-weight:600;margin-left:4px;padding:2px 6px}.follow-button--not-following .follow-button__count{background-color:#fff3;color:#fff}.follow-button--following .follow-button__count{background-color:#0000001a;color:inherit}.follow-button-error{animation:slideDown .2s ease-out;background-color:#fef2f2;border:1px solid #fecaca;border-radius:4px;color:#dc2626;font-size:12px;margin-top:4px;padding:6px 8px;top:100%;white-space:nowrap;z-index:10}.follow-button-error,.follow-button-error:before{left:50%;position:absolute;transform:translateX(-50%)}.follow-button-error:before{border-bottom:5px solid #fecaca;border-left:5px solid #0000;border-right:5px solid #0000;content:"";height:0;top:-5px;width:0}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes slideDown{0%{opacity:0;transform:translateX(-50%) translateY(-10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@media (max-width:768px){.follow-button{min-width:80px}.follow-button--large{font-size:14px;padding:10px 16px}.follow-button-error{font-size:11px;max-width:200px;text-align:center;white-space:normal}}@media (prefers-contrast:high){.follow-button--following,.follow-button--not-following{border-width:2px}}@media (prefers-reduced-motion:reduce){.follow-button,.follow-button__icon{transition:none}.follow-button-error,.follow-button__spinner{animation:none}}.directory-container{margin:0 auto;max-width:1200px;padding:var(--spacing-xl)}.directory-header{margin-bottom:var(--spacing-3xl);text-align:center}.directory-header h1{color:var(--color-text-primary);font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-md)}.directory-header p{color:var(--color-text-secondary);font-size:1.1rem}.directory-controls{align-items:center;display:flex;flex-wrap:wrap;gap:var(--spacing-xl);margin-bottom:var(--spacing-xl)}.search-section{flex:1 1;min-width:300px}.directory-search{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:1rem;padding:var(--spacing-md) var(--spacing-lg);transition:all .2s ease;width:100%}.directory-search:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px #ffc70a33;outline:none}.directory-search::placeholder{color:var(--color-text-muted)}.filter-section{display:flex;gap:var(--spacing-md)}.category-filter,.sort-filter{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;font-size:.9rem;padding:var(--spacing-md);transition:all .2s ease}.category-filter:focus,.sort-filter:focus{border-color:var(--color-primary);outline:none}.directory-stats{color:var(--color-text-muted);font-size:.9rem;margin-bottom:var(--spacing-xl)}.streams-grid{margin-bottom:var(--spacing-3xl)}.stream-details{padding:var(--spacing-lg)}.stream-header{gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.stream-title{color:#e5e5e5;margin:0 0 4px}.stream-category,.stream-description{color:var(--color-text-secondary)}.stream-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:.85rem;line-height:1.4;margin:var(--spacing-sm) 0;overflow:hidden}.stream-actions{margin-top:var(--spacing-md)}.directory-error,.directory-loading,.no-results{color:var(--color-text-muted);padding:60px var(--spacing-xl);text-align:center}.directory-loading .loading-spinner{height:40px;margin:0 auto var(--spacing-xl);width:40px}.directory-error h2{color:var(--color-text-primary);margin-bottom:var(--spacing-md)}.directory-error button{background:var(--color-primary);border:none;border-radius:var(--radius-sm);color:var(--color-background);cursor:pointer;font-size:1rem;font-weight:600;margin-top:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-xl);transition:all .2s ease}.directory-error button:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.no-results h3{color:var(--color-text-primary);margin-bottom:var(--spacing-md)}@media (max-width:768px){.directory-container{padding:15px}.directory-header h1{font-size:2rem}.directory-controls{flex-direction:column;gap:15px}.filter-section{justify-content:space-between;width:100%}.category-filter,.sort-filter{flex:1 1}.streams-grid{gap:15px;grid-template-columns:1fr}}.following-container{margin:0 auto;max-width:1200px;padding:var(--spacing-xl)}.following-header{margin-bottom:var(--spacing-3xl);text-align:center}.following-header h1{color:var(--color-text-primary);font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-md)}.following-header p{color:var(--color-text-secondary);font-size:1.1rem}.following-section{margin-bottom:var(--spacing-3xl)}.section-title{align-items:center;color:var(--color-text-primary);display:flex;gap:var(--spacing-md)}.streams-grid{grid-gap:var(--spacing-xl);display:grid;gap:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.stream-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;overflow:hidden;transition:all .2s ease}.stream-card:hover{border-color:var(--color-border-light);box-shadow:var(--shadow-md);transform:translateY(-2px)}.stream-card.live{border-color:var(--color-live);box-shadow:0 0 10px #f003}.stream-thumbnail{height:180px;overflow:hidden;position:relative;width:100%}.stream-thumbnail img{height:100%;object-fit:cover;width:100%}.live-indicator{background:#ff0000e6;font-weight:700;left:10px;top:10px}.live-indicator,.viewer-count{border-radius:4px;color:#fff;font-size:.8rem;padding:4px 8px;position:absolute}.viewer-count{background:#000c;bottom:10px;right:10px}.stream-details{padding:15px}.stream-header{display:flex;gap:12px;margin-bottom:10px}.streamer-avatar{border-radius:50%;flex-shrink:0;height:40px;object-fit:cover;width:40px}.stream-info{flex:1 1;min-width:0}.stream-title{color:var(--color-text-primary);font-size:1rem;font-weight:600;margin:0 0 var(--spacing-xs) 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.streamer-name{color:var(--color-primary);font-size:.9rem;font-weight:600;margin:0 0 2px}.stream-category{color:#b3b3b3;font-size:.8rem;margin:0}.stream-actions{margin-top:10px}.offline-channels{display:flex;flex-direction:column;gap:12px}.offline-channel{align-items:center;background:#1e1e1e;border:1px solid #2d2d2d;border-radius:8px;display:flex;gap:15px;padding:15px;transition:background-color .2s ease}.offline-channel:hover{background:#252525}.channel-avatar{border-radius:50%;flex-shrink:0;height:50px;object-fit:cover;width:50px}.channel-info{flex:1 1}.channel-name{color:var(--color-text-primary);font-size:1.1rem;font-weight:600;margin:0 0 var(--spacing-xs) 0}.last-seen{color:#b3b3b3;font-size:.9rem;margin:0}.channel-actions{flex-shrink:0}.following-stats{background:#1e1e1e;border:1px solid #2d2d2d;border-radius:8px;margin-top:30px;padding:20px;text-align:center}.following-stats p{color:#b3b3b3;font-size:.9rem;margin:0}.auth-required,.following-error,.following-loading,.no-following{color:#b3b3b3;padding:60px 20px;text-align:center}.auth-required,.no-following{background:#1e1e1e;border:1px solid #2d2d2d;border-radius:8px;margin:20px 0}.auth-required h2,.following-error h2,.no-following h3{color:var(--color-text-primary);margin-bottom:var(--spacing-lg)}.auth-required p,.no-following p{line-height:1.5;margin-bottom:10px}.no-following a{color:#6441a4;text-decoration:none}.no-following a:hover{text-decoration:underline}.browse-button{background:var(--color-primary);border-radius:var(--radius-sm);display:inline-block;font-weight:600;margin-top:var(--spacing-xl);padding:var(--spacing-md) var(--spacing-2xl);transition:all .2s ease}.browse-button,.browse-button:hover{color:var(--color-background);text-decoration:none}.browse-button:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.following-loading .loading-spinner{height:40px;margin:0 auto var(--spacing-xl);width:40px}.following-error button{background:var(--color-primary);border:none;border-radius:var(--radius-sm);color:var(--color-background);cursor:pointer;font-size:1rem;font-weight:600;margin-top:var(--spacing-lg);padding:var(--spacing-md) var(--spacing-xl);transition:all .2s ease}.following-error button:hover{background:var(--color-primary-hover);transform:translateY(-1px)}@media (max-width:768px){.following-container{padding:15px}.following-header h1{font-size:2rem}.streams-grid{gap:15px;grid-template-columns:1fr}.offline-channel{flex-direction:column;gap:10px}.channel-info,.offline-channel{text-align:center}}.faq-container{margin:0 auto;overflow:auto;padding:var(--spacing-xl);width:100%}.faq-header{margin-bottom:var(--spacing-3xl);text-align:center}.faq-header h1{color:var(--color-text-primary);font-size:2.5rem;font-weight:700;margin-bottom:var(--spacing-lg)}.faq-header p{color:var(--color-text-secondary);font-size:1.1rem;line-height:1.5}.faq-content,.faq-section{margin-bottom:var(--spacing-3xl)}.section-title{border-bottom:2px solid var(--color-border);color:var(--color-primary);font-size:1.5rem;font-weight:700;margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-sm)}.faq-items{display:flex;flex-direction:column;gap:var(--spacing-sm)}.faq-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;transition:all .2s ease}.faq-item:hover{border-color:var(--color-border-light)}.faq-item.open{border-color:var(--color-primary);box-shadow:0 2px 8px #ffc70a1a}.faq-question{align-items:center;background:none;border:none;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:1rem;font-weight:600;justify-content:space-between;padding:var(--spacing-lg) var(--spacing-xl);text-align:left;transition:background-color .2s ease;width:100%}.faq-item.open .faq-question,.faq-question:hover{background:var(--color-surface-elevated)}.faq-item.open .faq-question{border-bottom:1px solid var(--color-border)}.question-text{flex:1 1;line-height:1.4;padding-right:var(--spacing-lg)}.toggle-icon{color:var(--color-primary);flex-shrink:0;font-size:1.2rem;font-weight:700;text-align:center;transition:transform .2s ease;width:20px}.faq-item.open .toggle-icon{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-item.open .faq-answer{max-height:500px}.answer-content{border-top:1px solid var(--color-border);padding:var(--spacing-xl)}.answer-content p{color:var(--color-text-secondary);font-size:.95rem;line-height:1.6;margin:0}.faq-footer{border-top:1px solid #2d2d2d;margin-top:50px;padding-top:30px}.contact-section{background:#1e1e1e;border:1px solid #2d2d2d;border-radius:8px;margin-bottom:30px;padding:25px;text-align:center}.contact-section h3{color:#e5e5e5;font-size:1.3rem;margin-bottom:15px}.contact-section p{color:#b3b3b3;line-height:1.5;margin:0}.contact-section a{color:var(--color-primary);font-weight:600;text-decoration:none}.contact-section a:hover{color:var(--color-primary-hover);text-decoration:underline}.search-hint{background:#252525;border:1px solid #2d2d2d;border-radius:6px;padding:15px;text-align:center}.search-hint p{color:#b3b3b3;font-size:.9rem;margin:0}.search-hint strong{color:#e5e5e5}@media (max-width:768px){.faq-container{padding:15px}.faq-header h1{font-size:2rem}.faq-question{font-size:.95rem;padding:15px}.question-text{padding-right:10px}.answer-content{padding:15px}.contact-section{padding:20px 15px}.section-title{font-size:1.3rem}}@media (max-width:480px){.faq-header h1{font-size:1.8rem}.faq-header p{font-size:1rem}.answer-content,.faq-question{padding:12px}}
/*# sourceMappingURL=main.5adc271e.css.map*/