.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#080c10,#0e1419);padding:24px}.auth-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;padding:40px 32px;width:100%;max-width:400px}.auth-header{text-align:center;margin-bottom:32px}.auth-logo-streams{display:flex;flex-direction:column;align-items:center;gap:0;margin-bottom:12px}.auth-header h1{font-size:2rem;font-weight:700;margin:0;letter-spacing:-.02em;color:#22b8cf}.auth-tagline{color:var(--text-secondary);font-size:.9rem;margin-top:4px}.auth-form-title{font-size:1rem;font-weight:650;margin:0 0 14px;color:var(--text-primary)}.auth-tabs{display:flex;gap:4px;background:#ffffff0d;padding:4px;border-radius:10px;margin-bottom:24px}.auth-tab{flex:1;padding:10px;border:none;border-radius:8px;background:transparent;color:var(--text-secondary);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.auth-tab.active{background:linear-gradient(135deg,#22b8cf,#1098ad);color:#fff}.auth-form{display:flex;flex-direction:column;gap:12px}.auth-input{padding:12px 16px;border:1px solid var(--border);border-radius:10px;background:var(--bg-primary);color:var(--text-primary);font-size:1rem;outline:none;transition:border-color .2s}.auth-input:focus{border-color:#22b8cf}.auth-input::placeholder{color:var(--text-secondary);opacity:.6}.auth-profile-fields{display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid rgba(34,184,207,.18);border-radius:12px;background:#22b8cf0f}.auth-profile-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.auth-profile-heading span{color:var(--text-primary);font-size:.9rem;font-weight:700}.auth-profile-heading small{color:var(--text-secondary);font-size:.74rem}.auth-profile-row{display:grid;grid-template-columns:60px minmax(0,1fr);gap:10px}.auth-emoji-input{padding-left:10px;padding-right:10px;text-align:center;font-size:1.35rem}.auth-emoji-options{display:flex;flex-wrap:wrap;gap:6px}.auth-emoji-option{width:34px;height:34px;border:1px solid var(--border);border-radius:9px;background:var(--bg-primary);font-size:1.1rem;transition:border-color .15s,transform .15s,background .15s}.auth-emoji-option:hover,.auth-emoji-option.active{border-color:var(--accent);background:#22b8cf24;transform:translateY(-1px)}.auth-signup-note{margin:-2px 2px 0;color:var(--text-secondary);font-size:.82rem;line-height:1.35}.auth-error{color:#ff6b6b;font-size:.85rem;text-align:center;padding:8px;background:#ff6b6b1a;border-radius:8px}.auth-notice{color:var(--accent-light);font-size:.85rem;padding:10px 12px;background:#22b8cf1a;border:1px solid rgba(34,184,207,.2);border-radius:8px}.auth-helper{color:var(--text-secondary);font-size:.9rem;margin:0 0 4px}.auth-submit{padding:14px;border:none;border-radius:10px;background:linear-gradient(135deg,#22b8cf,#1098ad);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;margin-top:4px}.auth-submit:hover{box-shadow:0 4px 20px #22b8cf4d}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-link-button{align-self:center;background:transparent;border:none;color:var(--accent-light);font-size:.9rem;padding:6px 8px}.auth-footer-links{display:flex;justify-content:center;gap:16px;margin-top:24px;font-size:.8rem}.auth-footer-links a{color:var(--text-secondary);text-decoration:none}.auth-footer-links a:hover{color:var(--accent-light)}.google-signin-container{position:relative;min-height:44px;display:flex;align-items:center;justify-content:center}.google-btn-wrapper{width:100%;display:flex;justify-content:center}.google-btn-wrapper>div{width:100%!important}.google-btn-fallback{padding:12px;text-align:center}.google-loading-text{color:var(--text-secondary);font-size:.85rem}.google-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);color:var(--text-secondary);font-size:.9rem;border-radius:10px}.auth-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--text-secondary);font-size:.8rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;height:1px;background:var(--border)}.recommendation-panel{display:flex;flex-direction:column;gap:16px;padding:18px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg)}.recommendation-panel.onboarding{margin-bottom:18px;border-color:#22b8cf59;background:linear-gradient(180deg,rgba(34,184,207,.08),transparent 42%),var(--bg-secondary)}.recommendation-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.recommendation-header h2,.recommendation-header p,.recommendation-group-title h3{margin:0}.recommendation-header h2{font-size:1.2rem;line-height:1.2}.recommendation-header p{max-width:620px;margin-top:5px;color:var(--text-secondary);font-size:.88rem;line-height:1.45}.recommendation-eyebrow{display:block;color:var(--accent-light);font-size:.74rem;font-weight:700;letter-spacing:0;text-transform:uppercase;margin-bottom:3px}.recommendation-skip{flex:0 0 auto;background:transparent;color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:7px 10px;font-size:.8rem}.recommendation-skip:hover{border-color:var(--accent);color:var(--accent-light)}.recommendation-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:stretch}.recommendation-input{width:100%;min-height:94px;padding:12px 14px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font:inherit;font-size:.92rem;line-height:1.45;resize:vertical;outline:none}.recommendation-input:focus{border-color:var(--accent)}.recommendation-input::placeholder{color:var(--text-muted)}.recommendation-find{min-width:132px;padding:0 16px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);font-weight:700;font-size:.9rem}.recommendation-find:hover:not(:disabled){background:var(--accent-hover)}.recommendation-find:disabled{opacity:.55;cursor:not-allowed}.recommendation-error,.recommendation-note{padding:10px 12px;border-radius:var(--radius);font-size:.84rem;line-height:1.4}.recommendation-error{color:#fff;background:var(--danger)}.recommendation-note{color:var(--text-secondary);border:1px solid rgba(255,193,7,.28);background:#ffc1071a}.recommendation-results{display:flex;flex-direction:column;gap:18px}.recommendation-group{display:flex;flex-direction:column;gap:10px}.recommendation-group-title{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.recommendation-group-title h3{font-size:.98rem}.recommendation-group-title span{color:var(--text-secondary);font-size:.78rem}.recommendation-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px}.recommendation-card{min-width:0;display:flex;flex-direction:column;gap:10px;padding:12px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius)}.recommendation-card:hover{border-color:#22b8cf6b}.recommendation-main{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:flex-start;padding:0;background:transparent;border:none;color:inherit;text-align:left;cursor:pointer}.recommendation-emoji{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#22b8cf1a;font-size:1.55rem;line-height:1}.recommendation-copy{min-width:0;display:flex;flex-direction:column;gap:4px}.recommendation-copy strong{color:var(--text-primary);font-size:.94rem;line-height:1.2}.recommendation-copy span{color:var(--text-secondary);font-size:.8rem;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.recommendation-copy small{color:var(--accent-light);font-size:.74rem;line-height:1.3}.recommendation-meta{display:flex;flex-wrap:wrap;gap:6px;color:var(--text-muted);font-size:.72rem}.recommendation-meta span{padding:3px 6px;border-radius:999px;background:#ffffff0a}.recommendation-actions{display:flex;gap:8px}.recommendation-action{flex:1 1 0;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius);background:transparent;color:var(--text-secondary);font-size:.82rem;font-weight:700}.recommendation-action.primary{border-color:var(--accent);background:var(--accent);color:#fff}.recommendation-action.primary.paid{background:transparent;color:var(--accent-light)}.recommendation-action:hover:not(:disabled){border-color:var(--accent);color:var(--accent-light)}.recommendation-action.primary:hover:not(:disabled){color:#fff;background:var(--accent-hover)}.recommendation-action.primary.paid:hover:not(:disabled){color:#fff;background:var(--accent)}.recommendation-action:disabled{opacity:.55;cursor:not-allowed}.recommendation-empty{padding:12px;color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);font-size:.86rem}@media(max-width:640px){.recommendation-header{flex-direction:column}.recommendation-form{grid-template-columns:1fr}.recommendation-find{min-height:44px}}.streams-panel{overflow:visible}.streams-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border);gap:12px;flex-wrap:wrap}.streams-filters{display:flex;gap:4px;background:var(--bg-tertiary);border-radius:var(--radius);padding:3px}.streams-toolbar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.streams-filter-btn{padding:6px 14px;border:none;background:transparent;color:var(--text-secondary);font-size:.8rem;font-weight:500;border-radius:var(--radius);cursor:pointer;transition:all .15s}.streams-filter-btn:hover{color:var(--text-primary)}.streams-filter-btn.active{background:var(--accent);color:#fff}.streams-create-btn{padding:8px 16px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s;white-space:nowrap}.streams-create-btn:hover{background:var(--accent-hover)}.streams-find-btn{padding:8px 14px;background:transparent;color:var(--accent-light);border:1px solid rgba(103,232,249,.28);border-radius:var(--radius);font-size:.85rem;font-weight:700;cursor:pointer;transition:all .15s;white-space:nowrap}.streams-find-btn:hover{border-color:var(--accent);color:#fff}.streams-create-btn.inline{margin-top:12px}.streams-search-wrap{padding:12px 16px;border-bottom:1px solid var(--border)}.streams-search{width:100%;padding:8px 12px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:.85rem;outline:none;transition:border-color .15s}.streams-search:focus{border-color:var(--accent)}.streams-search::placeholder{color:var(--text-muted)}.streams-error{background:var(--danger);color:#fff;padding:8px 16px;font-size:.85rem;display:flex;justify-content:space-between;align-items:center}.streams-grid{display:flex;flex-direction:column;gap:1px;background:var(--border)}.stream-card{background:var(--bg-secondary);padding:16px;cursor:pointer;transition:background .1s}.stream-card:hover{background:var(--bg-hover)}.stream-card-header{display:flex;align-items:flex-start;gap:12px}.stream-emoji{font-size:2rem;flex-shrink:0;line-height:1}.stream-card-info{flex:1;min-width:0}.stream-card-name{font-size:1rem;font-weight:600;margin:0 0 4px}.stream-card-desc{font-size:.8rem;color:var(--text-secondary);margin:0 0 6px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.stream-card-meta{display:flex;align-items:center;gap:6px;font-size:.75rem;color:var(--text-muted)}.stream-card-dot{color:var(--text-muted)}.stream-badge{font-size:.65rem;font-weight:600;padding:2px 6px;border-radius:4px;text-transform:uppercase;letter-spacing:.5px}.stream-badge-owner{background:#22b8cf26;color:#22b8cf}.stream-badge-community{background:#6d8aff26;color:var(--accent)}.stream-badge-price{background:#ffffff14;color:var(--text-secondary)}.streams-profile-note{padding:8px 16px;border-bottom:1px solid var(--border);color:var(--text-secondary);font-size:.8rem}.streams-finder-wrap{padding:16px;border-bottom:1px solid var(--border);background:#ffffff05}.stream-slot-callout{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-bottom:1px solid var(--border);background:#22b8cf14;color:var(--text-secondary);font-size:.82rem}.stream-slot-callout strong{color:var(--text-primary)}.stream-slot-callout.ready{background:#22b8cf21}.stream-action-btn{padding:8px 18px;border-radius:20px;border:2px solid var(--border);background:transparent;color:var(--text-secondary);font-size:.8rem;font-weight:700;cursor:pointer;flex-shrink:0;transition:all .2s;min-width:90px;text-align:center}.stream-action-btn.subscribe:hover{border-color:var(--accent);color:var(--accent)}.stream-action-btn.subscribed{background:var(--accent);border-color:var(--accent);color:#fff}.stream-action-btn.edit{border-color:#22b8cf;color:#22b8cf}.stream-action-btn.edit:hover{background:#22b8cf1a}.stream-action-btn:disabled{opacity:.5;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .15s ease-out}.modal-content{background:var(--bg-secondary);border:1px solid var(--border);border-radius:16px;width:100%;max-width:520px;max-height:85vh;overflow-y:auto;padding:24px;animation:slideUp .2s ease-out}.modal-content-wide{max-width:min(920px,94vw)}.modal-detail{max-width:600px}.builder-generate-btn{margin-top:8px;align-self:flex-start}.concept-textarea{min-height:92px}.builder-results{display:flex;flex-direction:column;gap:10px}.builder-status-row{display:flex;flex-wrap:wrap;gap:6px}.builder-status-badge{padding:4px 8px;border-radius:999px;background:color-mix(in srgb,var(--accent) 15%,transparent);border:1px solid color-mix(in srgb,var(--accent) 35%,var(--border));color:var(--text-secondary);font-size:.72rem;font-weight:700}.builder-plan-card{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-tertiary)}.builder-plan-title{display:flex;align-items:center;gap:8px;margin-bottom:4px;color:var(--text-primary)}.builder-plan-title span{font-size:1.45rem}.builder-plan-card p{margin:0;color:var(--text-secondary);font-size:.86rem;line-height:1.45}.builder-plan-meta{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.builder-plan-meta span{padding:3px 7px;border-radius:999px;background:#ffffff0f;color:var(--text-secondary);font-size:.7rem;font-weight:700}.builder-lanes{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px}.builder-lane{display:flex;flex-direction:column;gap:3px;padding:9px 10px;border:1px solid var(--border);border-radius:var(--radius);background:#ffffff08}.builder-lane strong{color:var(--text-primary);font-size:.8rem}.builder-lane span{color:var(--text-secondary);font-size:.72rem;line-height:1.3}.builder-small-btn{flex:0 0 auto;padding:6px 10px;font-size:.76rem}.builder-warning{display:flex;flex-direction:column;gap:4px;padding:8px 10px;border-radius:var(--radius);background:color-mix(in srgb,#f59e0b 13%,transparent);border:1px solid color-mix(in srgb,#f59e0b 35%,var(--border));color:var(--text-secondary);font-size:.78rem;line-height:1.4}.suggestion-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:var(--text-secondary);font-size:.8rem}.suggestion-actions span{margin-right:auto}.suggestions-list{display:flex;flex-direction:column;gap:6px;max-height:260px;overflow-y:auto}.suggestion-row{display:flex;gap:10px;padding:8px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer}.suggestion-row span{min-width:0;display:flex;flex-direction:column;gap:2px}.suggestion-row strong{font-size:.82rem;line-height:1.25}.suggestion-row small{color:var(--text-secondary)}.suggestions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:10px;max-height:520px;overflow-y:auto;padding-right:2px}.suggestion-card{position:relative;display:grid;grid-template-columns:104px 1fr;gap:10px;min-height:96px;padding:8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-tertiary);cursor:pointer;transition:border-color .15s,background .15s,transform .15s}.suggestion-card:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));transform:translateY(-1px)}.suggestion-card.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 11%,var(--bg-tertiary))}.suggestion-card input,.channel-suggestion input{position:absolute;top:8px;left:8px;width:18px;height:18px;accent-color:var(--accent)}.suggestion-card img{width:104px;aspect-ratio:16 / 9;object-fit:cover;border-radius:6px;background:var(--bg-primary)}.suggestion-card-body{min-width:0;display:flex;flex-direction:column;gap:3px}.suggestion-card strong,.channel-suggestion strong{color:var(--text-primary);font-size:.84rem;line-height:1.25}.suggestion-card small,.channel-suggestion small{color:var(--text-secondary);font-size:.74rem;line-height:1.25}.suggestion-card em,.channel-suggestion em{color:var(--text-muted);font-size:.7rem;font-style:normal;line-height:1.25}.suggestion-meta{display:flex;flex-wrap:wrap;gap:6px;color:var(--text-muted);font-size:.7rem}.channel-suggestions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:8px}.channel-suggestion{position:relative;display:grid;grid-template-columns:42px 1fr;gap:9px;min-height:70px;padding:8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-tertiary);cursor:pointer}.channel-suggestion.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--bg-tertiary))}.channel-suggestion img{width:42px;height:42px;object-fit:cover;border-radius:50%;background:var(--bg-primary)}.channel-suggestion span{min-width:0;display:flex;flex-direction:column;gap:3px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.modal-header h2{font-size:1.2rem;font-weight:600;margin:0;display:flex;align-items:center;gap:8px}.modal-close{background:transparent;border:none;color:var(--text-muted);font-size:1.5rem;cursor:pointer;padding:4px 8px;border-radius:4px;line-height:1}.modal-close:hover{background:var(--bg-primary);color:var(--text-primary)}.modal-loading{padding:48px 24px;text-align:center;color:var(--text-secondary)}.create-stream-form{display:flex;flex-direction:column;gap:12px}.form-row{display:flex;gap:8px;align-items:flex-start}.form-group{display:flex;flex-direction:column;gap:4px}.form-label{font-size:.75rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.form-input{padding:10px 14px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:.9rem;outline:none;transition:border-color .15s;width:100%}.form-input:focus{border-color:var(--accent)}.form-input::placeholder{color:var(--text-muted)}.form-textarea{padding:10px 14px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:.85rem;outline:none;resize:vertical;font-family:inherit;transition:border-color .15s;width:100%}.form-textarea:focus{border-color:var(--accent)}.form-textarea::placeholder{color:var(--text-muted)}.form-urls{font-family:SF Mono,Menlo,Consolas,monospace;font-size:.8rem}.form-toggle{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-secondary);cursor:pointer}.form-toggle input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}.form-error{color:var(--danger);font-size:.85rem;padding:4px 0}.form-submit{padding:10px 20px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);font-size:.9rem;font-weight:600;cursor:pointer;transition:background .15s}.form-submit:hover:not(:disabled){background:var(--accent-hover)}.form-submit:disabled{opacity:.5;cursor:not-allowed}.form-submit-sm{padding:8px 14px;font-size:.8rem;align-self:flex-end}.emoji-picker-wrap{position:relative}.emoji-select-btn{width:48px;height:48px;font-size:1.8rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-tertiary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .15s}.emoji-select-btn:hover{border-color:var(--accent)}.emoji-dropdown{position:absolute;top:52px;left:0;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:8px;display:grid;grid-template-columns:repeat(7,1fr);gap:2px;z-index:10;box-shadow:0 8px 24px #0000004d}.emoji-option{width:36px;height:36px;font-size:1.3rem;border:none;background:transparent;border-radius:4px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .1s}.emoji-option:hover{background:var(--bg-tertiary)}.emoji-option.selected{background:var(--accent)}.stream-detail-emoji{font-size:1.3rem}.stream-detail-desc{color:var(--text-secondary);font-size:.85rem;margin:0 0 8px;line-height:1.4}.stream-detail-meta{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--text-muted);margin-bottom:16px}.stream-detail-actions{display:flex;align-items:center;gap:8px;margin-bottom:16px;flex-wrap:wrap}.btn-secondary{padding:8px 16px;background:transparent;color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.btn-danger{padding:8px 16px;background:var(--danger);color:#fff;border:none;border-radius:var(--radius);font-size:.85rem;font-weight:600;cursor:pointer}.btn-danger-outline{padding:8px 16px;background:transparent;color:var(--danger);border:1px solid var(--danger);border-radius:var(--radius);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s}.btn-danger-outline:hover{background:#e545451a}.btn-cancel{padding:8px 16px;background:transparent;color:var(--text-muted);border:none;font-size:.85rem;cursor:pointer}.confirm-delete{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-secondary)}.edit-header{display:flex;align-items:center;gap:8px;flex:1}.edit-emoji-input{width:40px;height:40px;font-size:1.5rem;text-align:center;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-tertiary);outline:none}.edit-section{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.edit-actions{display:flex;gap:8px}.add-videos-form{display:flex;flex-direction:column;gap:8px;margin-bottom:16px;padding:12px;background:var(--bg-tertiary);border-radius:var(--radius)}.stream-videos-list{display:flex;flex-direction:column}.stream-video-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.stream-video-item:last-child{border-bottom:none}.stream-empty{padding:24px;text-align:center;color:var(--text-muted);font-size:.85rem}.content-spec-section{margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.content-spec-section h4{font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px}.content-spec-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.content-spec-tag{font-size:.75rem;color:var(--accent);background:#6d8aff1a;padding:3px 10px;border-radius:12px}.content-spec-notes{font-size:.8rem;color:var(--text-muted);font-style:italic;margin:0}@media(max-width:600px){.streams-toolbar{flex-direction:column;align-items:stretch;gap:8px}.streams-create-btn{width:100%}.modal-content{padding:16px;max-height:90vh}.stream-action-btn{min-width:70px;padding:6px 12px;font-size:.75rem}}.app{min-height:100vh;display:flex;flex-direction:column}.header{background:var(--bg-secondary);border-bottom:1px solid var(--border);padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.player-launch-btn{background:var(--accent);color:#fff;text-decoration:none;padding:10px 20px;border-radius:8px;font-size:.95rem;font-weight:600;white-space:nowrap;transition:background .2s}.player-launch-btn:hover{background:var(--accent-hover)}.player-link-btn{background:transparent;color:var(--text-secondary);border:1px solid var(--border);padding:10px 16px;border-radius:8px;font-size:.85rem;cursor:pointer;white-space:nowrap;transition:all .2s}.player-link-btn:hover{border-color:var(--accent);color:var(--accent)}.logout-btn{background:transparent;color:var(--text-secondary);border:1px solid var(--border);padding:10px 16px;border-radius:8px;font-size:.85rem;cursor:pointer;white-space:nowrap;transition:all .2s}.logout-btn:hover{border-color:#ff6b6b;color:#ff6b6b}.loading-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;font-size:1.1rem;color:var(--text-secondary)}.header-content{max-width:800px;margin:0 auto}.logo{font-size:1.5rem;font-weight:700;display:flex;align-items:center;gap:12px}.logo-streams{display:flex;flex-direction:column;align-items:center;gap:0}.logo-number-deprecated{font-size:1.6rem;font-weight:900;background:linear-gradient(135deg,var(--accent),var(--accent-cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:system-ui,-apple-system,sans-serif;letter-spacing:-1px}.logo-text{font-weight:700}.subtitle{color:var(--text-secondary);font-size:.85rem;margin-top:2px;margin-left:0}.main{max-width:800px;width:100%;margin:0 auto;padding:24px;flex:1}.onboarding-panel{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px;margin-bottom:18px}.onboarding-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px}.onboarding-eyebrow{display:block;color:var(--accent-light);font-size:.76rem;font-weight:700;letter-spacing:0;text-transform:uppercase;margin-bottom:2px}.onboarding-header h2{font-size:1.2rem;line-height:1.2}.onboarding-dismiss{background:transparent;color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:7px 10px;font-size:.8rem}.onboarding-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.onboarding-step{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius)}.onboarding-step.done{border-color:#22b8cf66}.onboarding-check{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:#22b8cf1f;color:var(--accent-light);font-weight:800}.onboarding-step strong,.onboarding-step span{display:block}.onboarding-step strong{font-size:.9rem}.onboarding-step div span{color:var(--text-secondary);font-size:.78rem}.onboarding-step button{background:transparent;color:var(--accent-light);border:1px solid rgba(103,232,249,.25);border-radius:var(--radius);padding:7px 9px;font-size:.78rem}.tabs{display:flex;gap:4px;margin-bottom:20px;background:var(--bg-secondary);border-radius:var(--radius-lg);padding:4px}.tab{flex:1;padding:10px 16px;background:transparent;border:none;color:var(--text-secondary);font-size:.9rem;font-weight:500;border-radius:var(--radius);transition:all .15s ease;display:flex;align-items:center;justify-content:center;gap:6px}.tab:hover{color:var(--text-primary);background:var(--bg-tertiary)}.tab.active{background:var(--accent);color:#fff}.tab-icon{font-size:1rem}.error-bar{background:var(--danger);color:#fff;padding:10px 16px;border-radius:var(--radius);margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.notice-bar{background:#22b8cf29;border:1px solid rgba(103,232,249,.28);color:var(--text-primary);padding:10px 16px;border-radius:var(--radius);margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:.85rem}.error-dismiss{background:none;border:none;color:#fff;font-size:1rem;opacity:.8}.error-dismiss:hover{opacity:1}.panel{background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border);overflow:hidden}.add-form{display:flex;gap:8px;padding:16px;border-bottom:1px solid var(--border)}.add-input{flex:1;padding:10px 14px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:.9rem;outline:none;transition:border-color .15s}.add-input:focus{border-color:var(--accent)}.add-input::placeholder{color:var(--text-muted)}.add-btn{padding:10px 20px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);font-size:.9rem;font-weight:600;transition:background .15s;white-space:nowrap}.add-btn:hover:not(:disabled){background:var(--accent-hover)}.add-btn:disabled{opacity:.5;cursor:not-allowed}.profiles-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;padding:10px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg)}.profiles-list,.profiles-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.profile-pill,.profile-action{border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-secondary);border-radius:var(--radius);padding:8px 10px;font-size:.85rem;display:inline-flex;align-items:center;gap:6px}.profile-pill.active{color:#fff;border-color:var(--accent);background:#22b8cf2e}.profile-lock{font-size:.65rem;color:var(--accent-light);border:1px solid rgba(103,232,249,.35);border-radius:4px;padding:1px 4px}.profile-action.primary{color:#fff;background:var(--accent);border-color:var(--accent)}.profile-action.danger{color:#ff8a8a}.profile-form{display:flex;gap:8px;margin-bottom:16px;padding:12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg)}.profile-emoji-input,.pin-input{width:72px;padding:10px 12px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:.9rem}.profile-emoji-input{width:54px;text-align:center}.billing-panel{padding:16px}.billing-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.billing-summary>div{padding:14px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius)}.billing-label,.entitlement-row span{display:block;color:var(--text-secondary);font-size:.78rem;margin-bottom:4px}.billing-summary strong{display:block;font-size:1.15rem}.billing-actions{display:flex;gap:8px;margin-bottom:16px}.billing-alert{margin-bottom:16px;padding:12px 14px;background:#ffc1071f;border:1px solid rgba(255,193,7,.28);border-radius:var(--radius);color:#ffd36a;font-size:.86rem}.entitlements-list{display:flex;flex-direction:column;gap:8px}.entitlement-row{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius)}.settings-page{display:flex;flex-direction:column;gap:16px}.settings-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px}.settings-section-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.settings-section-header h2{font-size:1.1rem;line-height:1.25;margin:0}.settings-eyebrow{display:block;color:var(--accent-light);font-size:.74rem;font-weight:700;letter-spacing:0;text-transform:uppercase;margin-bottom:3px}.settings-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.settings-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.settings-tile{padding:14px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius)}.settings-tile strong{display:block;font-size:1.2rem}.settings-empty{display:flex;flex-direction:column;gap:4px;padding:14px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-secondary);font-size:.9rem}.settings-empty strong{color:var(--text-primary)}.subscription-list{display:flex;flex-direction:column;gap:10px}.subscription-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:14px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius)}.subscription-row.ending{border-color:#ffc10752}.subscription-row.frozen{border-color:#ff6b6b5c}.subscription-icon{width:42px;height:42px;display:grid;place-items:center;background:#22b8cf1f;border:1px solid rgba(103,232,249,.2);border-radius:var(--radius);font-size:1.35rem}.subscription-main{min-width:0;display:flex;flex-direction:column;gap:3px}.subscription-main strong{font-size:.94rem}.subscription-main span{color:var(--text-secondary);font-size:.82rem}.subscription-linked{color:var(--text-muted)!important}.subscription-badge{border:1px solid var(--border);border-radius:999px;padding:4px 8px;color:var(--text-secondary);font-size:.74rem;font-weight:700;text-transform:capitalize;white-space:nowrap}.subscription-badge.active{color:var(--accent-light);border-color:#67e8f952}.subscription-badge.ending{color:#ffd36a;border-color:#ffc10761}.subscription-badge.frozen,.subscription-badge.canceled{color:#ff9a9a;border-color:#ff6b6b61}.subscription-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.settings-profile-controls{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.settings-profile-form{margin-top:12px;margin-bottom:0}.settings-account-row{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid var(--border);color:var(--text-secondary);font-size:.9rem}.settings-account-row strong{min-width:0;color:var(--text-primary);font-size:.86rem;overflow-wrap:anywhere;text-align:right}.pairing-panel.inline{margin:0;background:var(--bg-tertiary);border-radius:var(--radius)}@media(max-width:720px){.header{align-items:flex-start;flex-direction:column}.header-actions,.profiles-bar,.profile-form,.billing-actions,.settings-actions,.settings-section-header,.settings-profile-controls{width:100%;align-items:stretch;flex-direction:column}.tabs{overflow-x:auto}.tab{min-width:120px}.billing-summary,.settings-grid{grid-template-columns:1fr}.subscription-row{grid-template-columns:auto minmax(0,1fr)}.subscription-badge,.subscription-actions{grid-column:2;justify-self:start}.onboarding-steps{grid-template-columns:1fr}.onboarding-step{grid-template-columns:auto minmax(0,1fr)}.onboarding-step button{grid-column:2;justify-self:start}}.video-list{list-style:none}.video-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);transition:background .1s}.video-item:last-child{border-bottom:none}.video-item:hover{background:var(--bg-hover)}.video-item.dragging{background:var(--bg-tertiary);box-shadow:0 4px 20px #0006;border-radius:var(--radius)}.drag-handle{color:var(--text-muted);font-size:1.2rem;cursor:grab;-webkit-user-select:none;user-select:none;line-height:1;width:20px;text-align:center}.drag-handle:active{cursor:grabbing}.video-position{color:var(--text-muted);font-size:.8rem;font-weight:600;width:24px;text-align:center;flex-shrink:0}.video-thumb{width:80px;height:45px;object-fit:cover;border-radius:4px;flex-shrink:0;background:var(--bg-tertiary)}.video-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.video-title{font-size:.9rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-id{font-size:.75rem;color:var(--text-muted);font-family:monospace}.remove-btn{background:none;border:none;font-size:1.1rem;padding:6px 8px;border-radius:var(--radius);opacity:.4;transition:all .15s;flex-shrink:0}.remove-btn:hover{opacity:1;background:#e5454526}.history-list{list-style:none}.history-item{border-bottom:1px solid var(--border)}.history-item:last-child{border-bottom:none}.history-link{display:flex;align-items:center;gap:12px;padding:12px 16px;color:inherit;text-decoration:none}.history-link:hover{background:var(--bg-tertiary)}.watch-duration{color:var(--text-secondary);font-size:.8rem;font-family:monospace;background:var(--bg-tertiary);padding:4px 8px;border-radius:4px;flex-shrink:0}.empty-state{padding:48px 24px;text-align:center;color:var(--text-secondary)}.empty-icon{font-size:2.5rem;display:block;margin-bottom:12px}.empty-hint{color:var(--text-muted);font-size:.85rem;margin-top:4px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.time-limit-control{display:flex;flex-direction:column;gap:16px}.time-slider{width:100%;height:8px;border-radius:4px;background:var(--bg-primary);appearance:none;cursor:pointer}.time-slider::-webkit-slider-thumb{appearance:none;width:24px;height:24px;border-radius:50%;background:var(--accent);cursor:pointer;border:3px solid var(--bg-secondary);box-shadow:0 2px 6px #0000004d}.time-slider::-moz-range-thumb{width:24px;height:24px;border-radius:50%;background:var(--accent);cursor:pointer;border:3px solid var(--bg-secondary)}.time-display{display:flex;align-items:center;gap:12px}.time-value{font-size:1.5rem;font-weight:700;color:var(--accent)}.saving-indicator{font-size:.85rem;color:var(--text-muted)}.time-presets{display:flex;gap:8px;flex-wrap:wrap}.preset-btn{background:var(--bg-primary);border:1px solid var(--border);color:var(--text-secondary);padding:8px 16px;border-radius:20px;font-size:.85rem;cursor:pointer;transition:all .2s}.preset-btn:hover{border-color:var(--accent);color:var(--accent)}.preset-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.preset-btn:disabled{opacity:.5;cursor:not-allowed}.time-hint{font-size:.85rem;color:var(--text-muted);margin-top:8px;margin-bottom:0}.pairing-panel{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:20px 24px;margin-bottom:16px;animation:slideDown .2s ease-out}.pairing-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.pairing-header h3{font-size:1.1rem;font-weight:600;color:var(--text-primary);margin:0}.pairing-close{background:transparent;border:none;color:var(--text-muted);font-size:1.2rem;cursor:pointer;padding:4px 8px;border-radius:4px}.pairing-close:hover{background:var(--bg-primary);color:var(--text-primary)}.pairing-form{display:flex;flex-direction:column;gap:12px}.pairing-instructions{font-size:.9rem;color:var(--text-secondary);margin:0}.pairing-input{padding:12px 16px;background:var(--bg-tertiary);border:1px solid var(--border);border-radius:var(--radius);color:var(--text-primary);font-size:1.4rem;font-weight:700;font-family:SF Mono,Menlo,Consolas,monospace;letter-spacing:8px;text-align:center;outline:none;transition:border-color .15s}.pairing-input:focus{border-color:var(--accent)}.pairing-input::placeholder{color:var(--text-muted);font-size:.9rem;font-weight:400;letter-spacing:normal;font-family:-apple-system,system-ui,sans-serif}.pairing-error{color:var(--danger);font-size:.85rem}.pairing-submit{padding:10px 20px;background:var(--accent);color:#fff;border:none;border-radius:var(--radius);font-size:.95rem;font-weight:600;cursor:pointer;transition:background .15s}.pairing-submit:hover:not(:disabled){background:var(--accent-hover)}.pairing-submit:disabled{opacity:.5;cursor:not-allowed}.pairing-success{color:#22b8cf;font-size:.95rem;font-weight:500;padding:8px 0}@media(max-width:600px){.main{padding:16px}.video-thumb{width:60px;height:34px}.video-position{display:none}.time-presets{gap:6px}.preset-btn{padding:6px 12px;font-size:.8rem}}.admin-shell{min-height:100vh;background:linear-gradient(180deg,#22b8cf14,#080c1000 260px),var(--bg-primary);color:var(--text-primary)}.admin-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px clamp(20px,4vw,56px);border-bottom:1px solid var(--border);background:#0e1419e6}.admin-header h1{font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.05;margin:2px 0 6px}.admin-header p{color:var(--text-secondary);font-size:.92rem}.admin-eyebrow{color:#67e8f9;font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.admin-header-actions,.admin-tabs,.admin-filters,.admin-section-toolbar{display:flex;align-items:center;gap:10px}.admin-secondary-link,.admin-primary-link,.admin-ghost-button,.admin-tabs button,.admin-filters button,.admin-panel button,.admin-section-toolbar button{border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-primary);text-decoration:none;border-radius:8px;padding:10px 14px;font:inherit;font-weight:700}.admin-primary-link,.admin-filters button,.admin-section-toolbar button{background:var(--accent);border-color:var(--accent);color:#041014}.admin-ghost-button{color:var(--text-secondary);background:transparent}.admin-panel button.danger,.admin-table button.danger{border-color:#e5454580;color:#ff9b9b}.admin-tabs{padding:14px clamp(20px,4vw,56px);overflow-x:auto;background:#080c10d1;border-bottom:1px solid var(--border)}.admin-tabs button{white-space:nowrap;color:var(--text-secondary)}.admin-tabs button.active{color:#fff;background:#164653;border-color:#247889}.admin-main{width:min(1500px,100%);margin:0 auto;padding:24px clamp(16px,3vw,40px) 56px}.admin-section{display:grid;gap:18px}.admin-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.admin-stat,.admin-panel{border:1px solid var(--border);background:#0e1419eb;border-radius:8px}.admin-stat{display:grid;gap:6px;padding:18px;min-height:118px}.admin-stat-label,.admin-stat-detail,.admin-table span,.admin-detail-list dt,.admin-empty{color:var(--text-secondary)}.admin-stat strong{font-size:clamp(1.55rem,2vw,2.2rem);line-height:1}.admin-stat-detail{font-size:.86rem}.admin-two-col,.admin-split{display:grid;gap:16px}.admin-two-col{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-split{grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);align-items:start}.admin-panel{padding:18px;overflow:hidden}.admin-panel h2{font-size:1.1rem;margin-bottom:14px}.admin-panel h3{color:var(--text-secondary);font-size:.8rem;margin:18px 0 10px;text-transform:uppercase;letter-spacing:.06em}.admin-filters{flex-wrap:wrap}.admin-filters input,.admin-filters select{min-width:min(260px,100%);flex:1;border:1px solid var(--border);background:var(--bg-tertiary);color:var(--text-primary);border-radius:8px;padding:11px 12px;font:inherit}.admin-table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;font-size:.9rem}.admin-table th,.admin-table td{padding:11px 10px;text-align:left;border-bottom:1px solid var(--border);vertical-align:top}.admin-table th{color:var(--text-secondary);font-size:.74rem;text-transform:uppercase;letter-spacing:.06em}.admin-table td:first-child{min-width:210px}.admin-table td>span{display:block;font-size:.8rem;margin-top:4px}.admin-table button,.admin-link-button{background:transparent;border:0;color:#67e8f9;padding:0;font-weight:800;text-align:left}.admin-table td:last-child button{border:1px solid var(--border);padding:7px 10px;border-radius:8px}.admin-badge{display:inline-flex;align-items:center;min-height:24px;border-radius:999px;padding:3px 9px;border:1px solid transparent;font-size:.76rem;font-weight:800;text-transform:capitalize}.admin-badge.good{color:#8ff0bd;border-color:#8ff0bd59;background:#1894541f}.admin-badge.warn{color:#ffd166;border-color:#ffd16659;background:#ffd1661a}.admin-badge.bad{color:#ff9b9b;border-color:#ff9b9b59;background:#e545451f}.admin-badge.neutral{color:var(--text-secondary);border-color:var(--border);background:#ffffff08}.admin-detail-list{display:grid;gap:10px}.admin-detail-list div{display:grid;grid-template-columns:minmax(110px,.35fr) minmax(0,1fr);gap:12px;padding-bottom:10px;border-bottom:1px solid var(--border)}.admin-detail-list dt{font-size:.8rem}.admin-detail-list dd{overflow-wrap:anywhere}.admin-message,.admin-loading-inline{width:min(1500px,calc(100% - 32px));margin:16px auto 0;border-radius:8px;padding:12px 14px}.admin-message.error{background:#e5454526;border:1px solid rgba(229,69,69,.35);color:#ffb4b4}.admin-message.notice{background:#22b8cf24;border:1px solid rgba(34,184,207,.35);color:#a5f3fc}.admin-loading,.admin-forbidden,.admin-empty{display:grid;place-items:center;min-height:55vh;text-align:center;gap:14px}.admin-empty{min-height:120px;border:1px dashed var(--border);border-radius:8px;padding:20px}.admin-loading-inline{color:var(--text-secondary);background:#ffffff08}.admin-section-toolbar{justify-content:space-between;flex-wrap:wrap}.admin-section-toolbar p{color:var(--text-secondary)}.admin-json{max-height:160px;overflow:auto;margin-top:8px;padding:10px;border:1px solid var(--border);border-radius:8px;background:#071015;color:#b9c8d4;font-size:.74rem}@media(max-width:980px){.admin-header{align-items:flex-start;flex-direction:column}.admin-two-col,.admin-split{grid-template-columns:1fr}}@media(max-width:640px){.admin-header-actions,.admin-filters{width:100%;align-items:stretch;flex-direction:column}.admin-header-actions>*,.admin-filters>*{width:100%}.admin-detail-list div{grid-template-columns:1fr}}.pacman-clock{position:fixed;top:20px;right:20px;z-index:100;display:flex;flex-direction:column;align-items:center;gap:2px;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:8px;border-radius:10px;transition:opacity .5s}.pacman-clock svg{display:block}.clock-time{font-size:11px;font-weight:700;font-family:SF Mono,Monaco,Consolas,monospace;text-shadow:0 1px 2px rgba(0,0,0,.5)}.clock-paused{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;opacity:.8}.pacman-clock.clock-hidden{opacity:0;pointer-events:none}.pacman-clock.pulse{animation:clockPulse 1s ease-in-out infinite}@keyframes clockPulse{0%,to{transform:scale(1);box-shadow:0 0 #f8717166}50%{transform:scale(1.05);box-shadow:0 0 20px 4px #f8717199}}.pacman-clock.paused{opacity:.6}@media(max-width:600px){.pacman-clock{top:10px;right:10px;padding:6px;border-radius:8px}.clock-time{font-size:10px}}.times-up-screen{position:fixed;inset:0;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);display:flex;align-items:center;justify-content:center;z-index:1000;overflow:hidden}.times-up-content{text-align:center;z-index:10;animation:fadeInUp .8s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.times-up-sun{font-size:80px;margin-bottom:24px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}.sun-body{filter:drop-shadow(0 0 30px rgba(250,204,21,.4))}.times-up-title{font-size:2.5rem;font-weight:700;color:#fff;margin:0 0 16px;text-shadow:0 2px 20px rgba(0,0,0,.3)}.times-up-message{font-size:1.25rem;color:#fffc;margin:0 0 32px}.times-up-wave{font-size:48px;animation:wave 1.5s ease-in-out infinite;display:inline-block}@keyframes wave{0%,to{transform:rotate(0)}25%{transform:rotate(20deg)}75%{transform:rotate(-20deg)}}.times-up-stars{position:absolute;inset:0;pointer-events:none;overflow:hidden}.star{position:absolute;font-size:16px;opacity:.6;animation:twinkle 3s ease-in-out infinite}@keyframes twinkle{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:.8;transform:scale(1.2)}}@media(max-width:600px){.times-up-sun{font-size:60px}.times-up-title{font-size:1.75rem;padding:0 20px}.times-up-message{font-size:1rem;padding:0 20px}.times-up-wave{font-size:36px}}.splash-screen{position:fixed;inset:0;background:#000;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2000;outline:none;transition:opacity .4s ease-in}.splash-screen.splash-auto{animation:splash-fade-out .4s ease-in 3.2s forwards}.splash-screen:not(.splash-auto){cursor:pointer}.splash-screen.splash-fading{opacity:0;pointer-events:none}.splash-logo{display:flex;flex-direction:column;align-items:center;gap:16px;transform:scale(1);transform-origin:center}.splash-streams{display:flex;flex-direction:column;align-items:center;gap:0}.splash-stream{transform:translate(-120px);opacity:0}.splash-stream-1{animation:stream-flow-in .4s ease-out 0s forwards}.splash-stream-2{animation:stream-flow-in .4s ease-out .2s forwards}.splash-stream-3{animation:stream-flow-in .4s ease-out .4s forwards}.splash-text{font-size:2rem;font-weight:700;color:#22b8cf;letter-spacing:.1em;opacity:0;animation:text-fade-in .5s ease-out .6s forwards}.splash-play-prompt{margin-top:clamp(32px,6vmin,80px);font-size:.9rem;color:#ffffff80;letter-spacing:.15em;text-transform:lowercase;animation:text-fade-in .5s ease-out forwards}@media(min-width:900px)and (min-height:540px){.splash-logo{transform:scale(1.8)}}@media(min-width:1400px)and (min-height:800px){.splash-logo{transform:scale(2.5)}}@media(min-width:2200px)and (min-height:1200px){.splash-logo{transform:scale(3.2)}}@keyframes stream-flow-in{0%{transform:translate(-120px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes text-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes splash-fade-out{0%{opacity:1}to{opacity:0;pointer-events:none}}.player-screen{position:fixed;inset:0;background:#000;overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:manipulation}.player-video{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}.player-video iframe,.player-video #yt-player{width:100%!important;height:100%!important;border:none;pointer-events:none;transform:scale(1.02);transform-origin:center center}.transition-overlay{position:absolute;inset:0;z-index:5;background:#000;pointer-events:none}.pause-overlay{position:absolute;inset:0;z-index:5;background:#000;display:flex;align-items:center;justify-content:center;pointer-events:none}.pause-icon{color:#fff6;display:flex;align-items:center;justify-content:center}.tap-zones{position:absolute;inset:0;z-index:10;display:flex}.tap-zone{flex:1;background:transparent;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none;padding:0;margin:0}.tap-prev{flex:0 0 33.33%}.tap-playpause{flex:0 0 33.34%}.tap-next{flex:0 0 33.33%}.tap-zone:active{background:#ffffff0d}.controls-overlay{position:absolute;inset:0;z-index:20;display:flex;align-items:center;justify-content:space-around;pointer-events:none;animation:fadeIn .15s ease-out}.control-indicator{color:#ffffffd9;background:#00000080;border-radius:50%;width:80px;height:80px;display:flex;align-items:center;justify-content:center}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.player-progress{position:absolute;bottom:16px;left:0;right:0;z-index:15;display:flex;justify-content:center;pointer-events:none;transition:opacity .5s ease}.player-progress.hidden{opacity:0}.progress-dots-wrapper{position:relative}.progress-dots{display:flex;gap:6px;padding:8px 16px;background:#0006;border-radius:20px}.dot{width:8px;height:8px;border-radius:50%;background:#ffffff4d;transition:all .3s ease}.dot.active{background:#22b8cf;transform:scale(1.4);box-shadow:0 0 8px #22b8cf99}.dot.watched{background:#fff9}.dot-thumb{position:absolute;bottom:calc(100% + 10px);width:120px;height:68px;border-radius:8px;border:2px solid #22B8CF;object-fit:cover;box-shadow:0 0 12px #22b8cf80;transform:translate(-50%);animation:thumbPop .2s ease-out}@keyframes thumbPop{0%{opacity:0;transform:translate(-50%) scale(.85)}to{opacity:1;transform:translate(-50%) scale(1)}}.seek-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:25;color:#ffffffd9;background:#00000080;border-radius:50%;width:96px;height:96px;display:flex;align-items:center;justify-content:center;pointer-events:none;animation:fadeIn .15s ease-out}.stream-switch-toast{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:25;background:#000000bf;color:#22b8cf;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:2rem;font-weight:700;padding:16px 40px;border-radius:8px;border:2px solid #22B8CF;pointer-events:none;animation:toastFade 1.5s ease-out forwards}.stream-switch-toast span{margin-right:10px}.active-stream-chip{position:absolute;top:18px;left:18px;z-index:18;display:flex;align-items:center;gap:8px;max-width:min(420px,calc(100vw - 36px));padding:8px 12px;background:#00000073;border:1px solid rgba(34,184,207,.45);border-radius:999px;color:#ffffffe6;font-size:.92rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.player-report-btn{position:absolute;top:18px;right:18px;z-index:19;padding:8px 12px;background:#00000073;border:1px solid rgba(255,255,255,.22);border-radius:999px;color:#ffffffc7;font-size:.82rem;font-weight:700}.player-report-btn:hover{border-color:#ffffff8c;color:#fff}.player-report-notice{position:absolute;top:64px;right:18px;z-index:28;max-width:min(360px,calc(100vw - 36px));padding:10px 12px;background:#000000b8;border:1px solid rgba(34,184,207,.45);border-radius:8px;color:#fff;font-size:.88rem}.watch-launch-screen{display:flex;align-items:center;justify-content:center;padding:max(1rem,4vmin)}.watch-launch-panel{width:92vw;max-height:92dvh;padding:max(1.25rem,4vmin);background:#0e1419;border:.0625rem solid #1A2535;border-radius:.5rem;color:#edf2f7;overflow:auto}.watch-launch-panel h1{font-size:max(1.75rem,4vmin);line-height:1.1;margin:0 0 max(1rem,3vmin)}.watch-profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(max(18rem,28vmin),100%),1fr));gap:max(.75rem,2vmin)}.watch-profile-card{min-height:max(12rem,28vmin);padding:max(1rem,3vmin);background:#141c24;border:.0625rem solid #1A2535;border-radius:.5rem;color:#edf2f7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:max(.8rem,2.2vmin);font-size:max(1.25rem,3vmin);font-weight:800;line-height:1.1;text-align:center}.watch-profile-card.active,.watch-profile-card:hover{border-color:#22b8cf;background:#10212a;box-shadow:0 0 0 .25rem #22b8cf38}.watch-profile-avatar{width:max(5.5rem,14vmin);height:max(5.5rem,14vmin);background:#0a1117;border:.125rem solid #203245;border-radius:.5rem;display:flex;align-items:center;justify-content:center}.watch-profile-card.active .watch-profile-avatar,.watch-profile-card:hover .watch-profile-avatar{background:#082b34;border-color:#22b8cf}.watch-profile-emoji{font-size:max(3.4rem,9vmin);line-height:1}.watch-profile-name{max-width:100%;overflow-wrap:anywhere}.watch-profile-card small{color:#67e8f9;font-size:max(.8rem,1.4vmin);font-weight:800;letter-spacing:.08em}.watch-pin-form{margin-top:max(1rem,3vmin);display:flex;gap:max(.6rem,1.5vmin)}.watch-pin-form input{flex:1;padding:max(.75rem,2vmin);background:#080c10;border:.0625rem solid #1A2535;border-radius:.5rem;color:#edf2f7;font-size:max(1rem,2vmin);text-align:center;letter-spacing:.25em}.watch-pin-form button{padding:0 max(1rem,2.4vmin);background:#22b8cf;border:none;border-radius:.5rem;color:#fff;font-weight:700;font-size:max(1rem,1.8vmin)}.watch-pin-form button:disabled{opacity:.5}.watch-launch-error{margin-top:max(.75rem,2vmin);color:#ff8a8a}@media(max-width:36rem){.watch-profile-grid{grid-template-columns:1fr}.watch-pin-form{flex-direction:column}.watch-pin-form button{min-height:2.75rem}}@keyframes toastFade{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}15%{opacity:1;transform:translate(-50%,-50%) scale(1)}70%{opacity:1}to{opacity:0}}.player-loading{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;font-size:1.2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.spinner{width:48px;height:48px;border:4px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite;margin-bottom:16px}@keyframes spin{to{transform:rotate(360deg)}}.player-error{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#ccc;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding:24px;text-align:center}.error-logo{display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:24px}.err-stream{height:8px;border-radius:4px}.err-stream-1{width:64px;background:#22b8cf}.err-stream-2{width:64px;background:#1098ad}.err-stream-3{width:44px;background:#0c8599;opacity:.85}.error-icon{font-size:4rem;margin-bottom:16px}.player-error p{font-size:1.2rem;margin-bottom:24px;max-width:400px}.back-link{color:#6d8aff;text-decoration:none;font-size:1rem;padding:10px 24px;border:1px solid #6d8aff;border-radius:8px;transition:all .2s}.back-link:hover{background:#6d8aff;color:#fff}.player-screen *{-webkit-touch-callout:none}.player-screen{scrollbar-width:none;-ms-overflow-style:none}.player-screen::-webkit-scrollbar{display:none}@media(max-width:600px)and (orientation:portrait){.player-loading:after{content:"📱 Rotate for best experience";display:block;margin-top:16px;font-size:.9rem;color:#ffffff80}}.tv-page{position:absolute;inset:0;background:linear-gradient(180deg,#080c10,#0e1419,#080c10);display:flex;align-items:center;justify-content:center;color:#fff;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden;margin:0;padding:0}.tv-splash,.tv-setup{width:100%;display:flex;flex-direction:column;align-items:center;text-align:center}.tv-logo{display:flex;flex-direction:column;align-items:center;margin-bottom:16px}.tv-streams{display:flex;flex-direction:column;align-items:center;gap:0;margin-bottom:6px}.tv-brand{font-size:1.4rem;font-weight:700;color:#22b8cf;letter-spacing:-.5px}.tv-loading{font-size:1.1rem;color:#9ca3af;margin-bottom:16px}.tv-error{font-size:1rem;color:#ef4444;margin-bottom:16px}.tv-change-btn{background:#1a2332;color:#9ca3af;border:2px solid #2a3a4a;padding:8px 20px;border-radius:8px;font-size:.9rem;cursor:pointer}.tv-change-btn:focus{border-color:#22b8cf;color:#fff;outline:3px solid rgba(34,184,207,.5);outline-offset:2px}.tv-pairing-section{margin-bottom:16px}.tv-pairing-label{font-size:.95rem;color:#9ca3af;margin-bottom:12px}.tv-pairing-code{display:flex;justify-content:center;gap:8px}.tv-code-char{font-size:2.2rem;font-weight:800;font-family:SF Mono,Menlo,Consolas,monospace;color:#22b8cf;background:#22b8cf14;border:2px solid rgba(34,184,207,.2);border-radius:10px;width:52px;height:62px;display:flex;align-items:center;justify-content:center}.tv-pairing-instructions{text-align:left;background:#0e141999;border-radius:10px;padding:12px 16px;margin-bottom:12px;border:1px solid rgba(34,184,207,.15);width:420px;max-width:90vw;box-sizing:border-box}.tv-pairing-instructions p{font-size:.9rem;color:#d1d5db;margin-bottom:4px;line-height:1.4}.tv-pairing-instructions p:last-child{margin-bottom:0}.tv-pairing-instructions strong{color:#22b8cf}.tv-pairing-waiting{font-size:.85rem;color:#6b7280;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:1}}.legal-page{min-height:100vh;background:var(--bg-primary);color:var(--text-primary);padding:32px 20px}.legal-shell{width:min(760px,100%);margin:0 auto}.legal-back{color:var(--accent-light);text-decoration:none;font-size:1.05rem;font-weight:800}.legal-heading{margin:36px 0 28px}.legal-heading p{color:var(--text-secondary);font-size:.85rem;margin-bottom:4px}.legal-heading h1{font-size:clamp(2.2rem,7vw,4.5rem);line-height:1}.legal-sections{display:grid;gap:16px}.legal-sections section{border-top:1px solid var(--border);padding-top:16px}.legal-sections h2{font-size:1rem;margin-bottom:6px}.legal-sections p{color:var(--text-secondary);font-size:.98rem}.legal-footer{display:flex;flex-wrap:wrap;gap:14px;border-top:1px solid var(--border);margin-top:32px;padding-top:18px}.legal-footer a{color:var(--text-secondary);text-decoration:none}.legal-footer a:hover{color:var(--accent-light)}.landing{min-height:100vh;background:#060810;color:#f9fafb;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden;position:relative}.ambient{position:fixed;inset:0;pointer-events:none;z-index:0;overflow:hidden}.ambient-orb{position:absolute;border-radius:50%;filter:blur(120px);opacity:.35}.orb-1{width:600px;height:600px;background:radial-gradient(circle,#22B8CF 0%,transparent 70%);top:-200px;left:-100px}.orb-2{width:500px;height:500px;background:radial-gradient(circle,#1098AD 0%,transparent 70%);top:400px;right:-200px;opacity:.2}.orb-3{width:400px;height:400px;background:radial-gradient(circle,#22B8CF 0%,transparent 70%);top:1200px;left:10%;opacity:.15}.reveal{opacity:0;transform:translateY(40px);transition:opacity .7s ease-out,transform .7s ease-out}.reveal.revealed{opacity:1;transform:translateY(0)}.landing-header{position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;max-width:1200px;margin:0 auto;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#060810b3}.landing-logo{display:flex;align-items:center;gap:.75rem}.logo-streams{display:flex;flex-direction:column;align-items:flex-start;gap:0}.logo-text{font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.logo-text .aqua{color:#22b8cf}.landing-cta-small{background:transparent;border:1.5px solid #1A2535;color:#f9fafb;padding:.5rem 1.25rem;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .25s}.landing-cta-small:hover{border-color:#22b8cf;color:#22b8cf;box-shadow:0 0 20px #22b8cf26}.landing-main{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:0 2rem}.hero{text-align:center;padding:8rem 1rem 4rem;position:relative}.hero-content{will-change:transform}.hero-title{font-size:clamp(2.8rem,7vw,5rem);font-weight:800;line-height:1.05;margin-bottom:1.5rem;letter-spacing:-.04em}.hero-title .strike{position:relative;color:#6b7280}.hero-title .strike:after{content:"";position:absolute;left:-4px;right:-4px;top:50%;height:5px;background:#ef4444;border-radius:3px;transform:rotate(-1.5deg)}.hero-subtitle{font-size:clamp(1.1rem,2.5vw,1.4rem);color:#9ca3af;max-width:560px;margin:0 auto 2.5rem;line-height:1.6}.hero-actions{display:flex;flex-direction:column;align-items:center;gap:.75rem}.landing-cta{background:linear-gradient(135deg,#22b8cf,#1098ad);border:none;color:#fff;padding:1rem 2.5rem;border-radius:12px;font-size:1.2rem;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 24px #22b8cf4d;position:relative;text-decoration:none;display:inline-block}.landing-cta:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 40px #22b8cf66}.landing-cta:active{transform:translateY(0) scale(.98)}.landing-cta-lg{padding:1.15rem 3rem;font-size:1.3rem}.hero-note{color:#6b7280;font-size:.85rem}.player-showcase{text-align:center;padding:2rem 0 6rem}.showcase-frame{display:flex;flex-direction:column;align-items:center;will-change:transform}.showcase-screen{width:min(720px,92vw);aspect-ratio:16/9;background:#000;border-radius:12px;border:3px solid #1A2535;position:relative;overflow:hidden;box-shadow:0 0 0 1px #22b8cf1a,0 20px 60px #0009,0 0 120px #22b8cf14}.showcase-stand{width:80px;height:16px;background:#1a2535;border-radius:0 0 8px 8px;margin-top:-2px}.showcase-caption{margin-top:2rem;color:#6b7280;font-size:1rem;font-style:italic}.demo-player{position:absolute;inset:0;background:#000;user-select:none;-webkit-user-select:none}.demo-video{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}.demo-video iframe,.demo-video #demo-yt-player{width:100%!important;height:100%!important;border:none;pointer-events:none;transform:scale(1.04);transform-origin:center center}.demo-loading{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;background:#000}.demo-spinner{width:32px;height:32px;border:3px solid rgba(255,255,255,.15);border-top-color:#22b8cf;border-radius:50%;animation:demoSpin .8s linear infinite}@keyframes demoSpin{to{transform:rotate(360deg)}}.demo-pause-overlay{position:absolute;inset:0;z-index:5;background:#000000d9;display:flex;align-items:center;justify-content:center;color:#ffffff59;pointer-events:none}.demo-tap-zones{position:absolute;inset:0;z-index:10;display:flex}.demo-tap-zone{flex:1;background:transparent;border:none;cursor:pointer;-webkit-tap-highlight-color:transparent;outline:none;padding:0;margin:0}.demo-tap-zone:active{background:#ffffff0a}.demo-controls-overlay{position:absolute;inset:0;z-index:15;display:flex;align-items:center;justify-content:space-around;pointer-events:none;animation:demoFadeIn .15s ease-out}@keyframes demoFadeIn{0%{opacity:0}to{opacity:1}}.demo-ctrl{color:#ffffffd9;background:#00000080;border-radius:50%;width:clamp(32px,7vw,48px);height:clamp(32px,7vw,48px);display:flex;align-items:center;justify-content:center}.demo-ctrl-play{width:clamp(40px,9vw,56px);height:clamp(40px,9vw,56px)}.demo-progress{position:absolute;bottom:8px;left:50%;transform:translate(-50%);z-index:15;display:flex;gap:5px;padding:5px 12px;background:#00000073;border-radius:14px;pointer-events:none}.demo-dot{width:6px;height:6px;border-radius:50%;background:#ffffff40;transition:all .35s ease}.demo-dot.active{background:#22b8cf;transform:scale(1.5);box-shadow:0 0 6px #22b8cf99}.demo-dot.watched{background:#ffffff8c}.demo-unmute{position:absolute;top:10px;right:10px;z-index:20;background:#0000008c;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#ffffffb3;padding:6px 8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.demo-unmute:hover{background:#000000bf;color:#fff;border-color:#ffffff4d}.section-title{font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;text-align:center;margin-bottom:1rem;letter-spacing:-.03em}.section-subtitle{text-align:center;color:#9ca3af;font-size:1.15rem;max-width:500px;margin:0 auto 3rem;line-height:1.5}.problem-section{padding:6rem 0}.problem-section .section-title{margin-bottom:3rem}.problem-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.problem-card{padding:2rem;background:#ef444408;border:1px solid rgba(239,68,68,.12);border-radius:16px;transition:border-color .3s}.problem-card:hover{border-color:#ef444440}.problem-icon{margin-bottom:1.25rem;color:#ef4444}.problem-card h3{font-size:1.15rem;font-weight:700;margin-bottom:.5rem;color:#f9fafb}.problem-card p{color:#9ca3af;line-height:1.6;font-size:.95rem}.solution-section{padding:6rem 0}.solution-section .section-title{margin-bottom:3rem}.solution-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.solution-card{padding:2rem;background:#22b8cf08;border:1px solid rgba(34,184,207,.1);border-radius:16px;position:relative;transition:border-color .3s,box-shadow .3s}.solution-card:hover{border-color:#22b8cf40;box-shadow:0 0 40px #22b8cf0f}.solution-number{width:40px;height:40px;background:linear-gradient(135deg,#22b8cf,#1098ad);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:800;margin-bottom:1.25rem}.solution-card h3{font-size:1.15rem;font-weight:700;margin-bottom:.5rem;color:#f9fafb}.solution-card p{color:#9ca3af;line-height:1.6;font-size:.95rem}.devices-section{padding:6rem 0}.device-row{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.device-card{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem 2.5rem;background:#ffffff05;border:1px solid #1A2535;border-radius:16px;transition:all .3s;color:#6b7280}.device-card:hover{border-color:#22b8cf;color:#22b8cf;box-shadow:0 0 30px #22b8cf14}.device-icon{opacity:.7;transition:opacity .3s}.device-card:hover .device-icon{opacity:1}.device-card span{font-size:.9rem;font-weight:600}.how-section{padding:6rem 0}.how-steps{max-width:600px;margin:3rem auto 0;display:flex;flex-direction:column;align-items:stretch}.how-step{display:flex;align-items:flex-start;gap:1.5rem}.how-step-num{flex-shrink:0;width:44px;height:44px;background:linear-gradient(135deg,#22b8cf,#1098ad);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:800}.how-step-content h3{font-size:1.15rem;font-weight:700;margin-bottom:.4rem}.how-step-content p{color:#9ca3af;line-height:1.6;font-size:.95rem}.how-connector{width:2px;height:32px;background:linear-gradient(to bottom,#22b8cf,#22b8cf33);margin-left:21px;border-radius:1px}.final-cta{text-align:center;padding:6rem 0 4rem;position:relative}.cta-glow{position:absolute;width:500px;height:500px;background:radial-gradient(circle,rgba(34,184,207,.12) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none;border-radius:50%;filter:blur(40px)}.final-cta h2{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800;margin-bottom:1rem;letter-spacing:-.03em;position:relative}.cta-desc{color:#9ca3af;font-size:1.1rem;margin-bottom:2rem;position:relative}.final-cta .landing-cta{position:relative}.cta-note{margin-top:1rem;color:#4b5563;font-size:.85rem;position:relative}.landing-footer{text-align:center;padding:3rem 2rem;border-top:1px solid #111520;display:flex;flex-direction:column;align-items:center;gap:1rem}.footer-logo{display:flex;align-items:center;gap:.6rem;opacity:.5}.footer-logo .logo-text{font-size:1.1rem}.landing-footer p{color:#4b5563;font-size:.85rem}.landing-footer a{color:#6b7280;text-decoration:none;transition:color .2s}.landing-footer a:hover{color:#22b8cf}@media(max-width:768px){.landing-header{padding:1rem}.hero{padding:5rem .5rem 2rem}.showcase-screen{border-radius:8px}.problem-section,.solution-section,.devices-section,.how-section{padding:4rem 0}.device-card{padding:1.5rem 2rem}.ambient-orb{filter:blur(80px);opacity:.2}.orb-1{width:300px;height:300px}.orb-2{width:250px;height:250px}}@media(max-width:480px){.hero-title{font-size:2.4rem}.landing-cta{padding:.9rem 2rem;font-size:1.1rem}.device-row{gap:1rem}.device-card{padding:1.25rem 1.5rem}}.site-gate-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at 50% 18%,rgba(34,184,207,.18),transparent 34%),linear-gradient(180deg,#080c10,#0e1419)}.site-gate-card{width:min(100%,380px);padding:34px 28px;border:1px solid rgba(103,232,249,.16);border-radius:16px;background:#0e1419eb;box-shadow:0 24px 80px #0000005c}.site-gate-logo{display:flex;align-items:center;gap:12px;color:#22b8cf;font-size:1.45rem;font-weight:760;margin-bottom:22px}.site-gate-card h1{font-size:1.45rem;margin:0 0 18px}.site-gate-form{display:flex;flex-direction:column;gap:12px}.site-gate-input{width:100%;padding:13px 15px;border:1px solid var(--border);border-radius:10px;background:var(--bg-primary);color:var(--text-primary);font-size:1rem;outline:none}.site-gate-input:focus{border-color:var(--accent)}.site-gate-error{padding:9px 11px;border-radius:8px;color:#ffb4b4;background:#e5454524;font-size:.88rem}.site-gate-submit{padding:13px 16px;border:0;border-radius:10px;background:linear-gradient(135deg,#22b8cf,#1098ad);color:#fff;font-size:1rem;font-weight:700}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-primary: #080C10;--bg-secondary: #0E1419;--bg-tertiary: #141C24;--bg-hover: #1A2633;--text-primary: #EDF2F7;--text-secondary: #8899A6;--text-muted: #4A6070;--accent: #22B8CF;--accent-hover: #1098AD;--accent-light: #67E8F9;--danger: #e54545;--danger-hover: #cc3333;--border: #1A2535;--success: #22B8CF;--radius: 8px;--radius-lg: 14px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.5;-webkit-font-smoothing:antialiased}button{cursor:pointer;font-family:inherit}input{font-family:inherit}