*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff}.app{display:flex;flex-direction:column;height:100vh}.header{background:#f9f9f9;border-bottom:1px solid #e0e0e0;padding:1.5rem}.header h1{font-size:1.5rem;margin-bottom:1rem;color:#1a1a1a}.tabs{display:flex;gap:.5rem;border-bottom:2px solid #e0e0e0}.tab{padding:.75rem 1.5rem;border:none;background:transparent;cursor:pointer;font-size:.95rem;color:#666;border-bottom:3px solid transparent;margin-bottom:-2px;transition:all .2s;font-weight:500}.tab:hover{color:#1a1a1a;background:#f5f5f5}.tab.active{color:#1a1a1a;border-bottom-color:#000;background:#fff}.tab-subtitle{font-size:.85rem;color:#888;margin-top:.5rem;margin-bottom:0}.main{flex:1;overflow:hidden;display:flex}.main-container{display:grid;grid-template-columns:1fr 1fr;gap:1rem;width:100%;height:100%;padding:1rem}.content-pane{display:flex;flex-direction:column;overflow-y:auto;padding-right:.5rem}.content-pane::-webkit-scrollbar{width:8px}.content-pane::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.content-pane::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.content-pane::-webkit-scrollbar-thumb:hover{background:#555}.search-form{display:flex;gap:.5rem;margin-bottom:1rem}.search-input{flex:1;padding:.75rem;border:1px solid #ccc;border-radius:4px;font-size:.95rem;flex-shrink:0}.search-button{padding:.75rem 1.5rem;background:#000;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.95rem;font-weight:500;transition:background .2s;flex-shrink:0}.search-button:hover:not(:disabled){background:#333}.search-button:disabled{opacity:.6;cursor:not-allowed}.search-input:focus{outline:none;border-color:#000;box-shadow:0 0 0 2px #0000001a}.loading-text{text-align:center;color:#666;font-size:.9rem;margin:1rem 0}.error-message{text-align:center;color:#d32f2f;background:#ffebee;padding:1rem;border-radius:4px;margin:1rem 0;font-size:.9rem;border-left:4px solid #d32f2f}.notes-input{width:100%;margin-top:.5rem;padding:.5rem;border:1px solid #ddd;border-radius:3px;font-size:.85rem;font-family:inherit;resize:vertical;min-height:60px;background:#fff;color:#333}.notes-input:focus{outline:none;border-color:#999;box-shadow:0 0 0 2px #0000000d}.notes-wrapper{position:relative;width:100%}.save-status{position:absolute;top:.5rem;right:.5rem;font-size:1.2rem;font-weight:700;z-index:10;transition:all .3s ease}.save-status-dirty{color:#ff9800}.save-status-saving{color:#2196f3;animation:spin 1s linear infinite}.save-status-saved{color:#4caf50}.save-status-error{color:#f44336}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.results,.favorites-list,.notes-list{display:flex;flex-direction:column;gap:.75rem}.notes-section{overflow-y:auto;flex:1;min-height:0}.result-item{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:.75rem;border:2px solid #e0e0e0;border-radius:4px;background:#fafafa;transition:all .2s;position:relative}.result-item:hover{background:#f0f0f0;border-color:#bbb}.result-thumb{flex-shrink:0;width:clamp(160px,20vw,320px);max-width:45%;aspect-ratio:16 / 9;object-fit:cover;border-radius:4px;background:#e0e0e0}.result-content{flex:1;min-width:0;padding-right:2rem}.result-title{font-size:.95rem;font-weight:500;color:#1a1a1a;margin-bottom:.25rem;word-wrap:break-word;overflow-wrap:break-word}.result-channel{font-size:.85rem;color:#666;margin-bottom:.5rem}.result-meta{display:flex;gap:1rem;flex-wrap:wrap;font-size:.8rem;color:#888}.meta-item{white-space:nowrap}.favorite-btn{flex-shrink:0;padding:.5rem .75rem;background:transparent;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:1.25rem;transition:all .2s;color:#aaa}.favorite-btn:hover{border-color:#ffc107;color:#ffc107}.favorite-btn.favorited{color:#ffc107;border-color:#ffc107;background:rgba(255,193,7,.1)}.favorite-btn.favorited:hover{color:#ffb300;border-color:#ffb300;background:rgba(255,193,7,.15)}.remove-btn{position:absolute;top:.5rem;right:.5rem;padding:.25rem .5rem;background:#d32f2f;color:#fff;border:none;border-radius:3px;cursor:pointer;font-size:1.2rem;font-weight:400;transition:all .2s;line-height:1}.remove-btn:hover{background:#b71c1c}.video-remove-btn{flex-shrink:0;padding:.5rem .75rem;background:transparent;border:1px solid #d32f2f;border-radius:4px;cursor:pointer;font-size:1.25rem;transition:all .2s;color:#d32f2f;font-weight:700}.video-remove-btn:hover{border-color:#b71c1c;color:#fff;background:#d32f2f}.video-actions{display:flex;gap:.5rem;flex-wrap:wrap}.queue-add-btn{flex-shrink:0;padding:.5rem .75rem;background:transparent;border:1px solid #1976d2;border-radius:4px;cursor:pointer;font-size:1rem;transition:all .2s;color:#1976d2;font-weight:700;display:flex;align-items:center;gap:.3rem}.queue-add-btn:hover{border-color:#0d47a1;color:#fff;background:#1976d2}.queue-add-btn.queued{color:#fff;border-color:#0d47a1;background:#0d47a1}.queue-add-btn.queued:hover{color:#fff;border-color:#0a3d91;background:#0a3d91}.queue-btn-symbol{font-size:1.1rem;line-height:1}.queue-btn-icon{font-size:.9rem;line-height:1}.player-column{display:flex;flex-direction:column;gap:.5rem;overflow:hidden;height:100%}.queue-pane{background:#f9f9f9;border-radius:4px;border:1px solid #e0e0e0;flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;margin-bottom:.5rem}.queue-header{display:flex;justify-content:space-between;align-items:center;padding:.5rem .75rem;border-bottom:1px solid #e0e0e0;font-size:.85rem;font-weight:600;color:#333;gap:.75rem}.queue-header-left{display:flex;gap:.75rem;align-items:center;flex:1;min-width:0}.queue-duration{color:#888;font-size:.75rem;font-weight:400}.queue-clear-btn{font-size:.75rem;padding:.2rem .5rem;background:none;border:1px solid #ccc;border-radius:3px;cursor:pointer;color:#666;transition:all .2s}.queue-clear-btn:hover{border-color:#999;background:#f5f5f5}.queue-list{overflow-y:auto;flex:1}.queue-item{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.5rem;border-bottom:1px solid #f0f0f0;font-size:.8rem;transition:background .15s}.queue-item:hover{background:#f0f0f0}.queue-item-thumb{width:110px;aspect-ratio:16 / 9;object-fit:cover;border-radius:4px;flex-shrink:0;background:#ddd}.queue-item-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem}.queue-item-title{color:#333;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.queue-item-meta{color:#888;font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.queue-item-controls{display:flex;gap:.2rem;flex-shrink:0;align-items:center}.queue-item-btn{background:none;border:none;cursor:pointer;color:#999;font-size:.85rem;padding:0 .15rem;transition:color .2s;line-height:1;font-weight:700}.queue-item-btn:hover:not(:disabled){color:#1976d2}.queue-item-btn:disabled{color:#ddd;cursor:not-allowed}.queue-item-btn.queue-item-up,.queue-item-btn.queue-item-down{font-size:1.35rem;font-weight:900;color:#444;padding:0 .3rem}.queue-item-remove{font-size:.9rem;padding:0 .1rem}.queue-item-remove:hover{color:#d32f2f}.empty-state{text-align:center;color:#888;padding:2rem;font-size:.95rem}@media (max-width: 1024px){.main-container{grid-template-columns:1fr}.queue-pane{max-height:40vh}.content-pane{flex:1}}.auth-nav{position:absolute;top:1.5rem;right:1.5rem;display:flex;gap:1rem;align-items:center;font-size:.95rem}.username{color:#1a1a1a;font-weight:500}.auth-link-btn{padding:.5rem 1rem;background:transparent;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s;color:#333}.auth-link-btn:hover{border-color:#999;background:#f5f5f5}.auth-link-btn.logout-btn{background:#d32f2f;color:#fff;border-color:#d32f2f}.auth-link-btn.logout-btn:hover{background:#b71c1c;border-color:#b71c1c}.auth-page{display:flex;align-items:center;justify-content:center;height:100vh;padding:1rem}.auth-form{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px #0000001a;width:100%;max-width:400px}.auth-form h1{font-size:1.5rem;margin-bottom:.5rem;color:#1a1a1a;text-align:center}.auth-form h2{font-size:1.25rem;margin-bottom:1.5rem;color:#333;text-align:center}.auth-input{width:100%;padding:.75rem;margin-bottom:1rem;border:1px solid #ccc;border-radius:4px;font-size:.95rem;font-family:inherit}.auth-input:focus{outline:none;border-color:#000;box-shadow:0 0 0 2px #0000001a}.auth-input:disabled{background:#f5f5f5;cursor:not-allowed}.auth-submit-btn{width:100%;padding:.75rem;background:#000;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.95rem;font-weight:500;transition:background .2s}.auth-submit-btn:hover:not(:disabled){background:#333}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed}.auth-error{color:#d32f2f;background:#ffebee;padding:.75rem;border-radius:4px;margin-bottom:1rem;border-left:4px solid #d32f2f;font-size:.9rem}.auth-success{color:#2e7d32;background:#e8f5e9;padding:.75rem;border-radius:4px;margin-bottom:1rem;border-left:4px solid #2e7d32;font-size:.9rem}.auth-toggle{text-align:center;margin-top:1rem;color:#666;font-size:.9rem}.auth-toggle-btn{background:none;border:none;color:#000;cursor:pointer;font-weight:500;text-decoration:underline}.auth-toggle-btn:hover{color:#333}.loading-spinner{display:flex;align-items:center;justify-content:center;height:100vh;color:#666;font-size:1.1rem}.header{position:relative}.admin-main{flex:1;overflow:hidden;padding:2rem}.admin-container{max-width:1200px;margin:0 auto}.admin-container h2{font-size:1.5rem;color:#1a1a1a;margin-bottom:1.5rem}.admin-table{width:100%;border-collapse:collapse;background:#fff;border-radius:4px;box-shadow:0 2px 4px #0000001a;overflow:hidden}.admin-table th,.admin-table td{padding:1rem;text-align:left;border-bottom:1px solid #e0e0e0}.admin-table th{background:#f5f5f5;font-weight:600;color:#333}.admin-table tbody tr:hover{background:#f9f9f9}.admin-table tbody tr:last-child td{border-bottom:none}.delete-user-btn{padding:.5rem 1rem;background:#d32f2f;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:.9rem;transition:background .2s}.delete-user-btn:hover{background:#b71c1c}.admin-badge{display:inline-block;padding:.25rem .75rem;background:#e3f2fd;color:#1976d2;border-radius:12px;font-size:.85rem;font-weight:500}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-form{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 12px #00000026;width:100%;max-width:400px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-header h2{margin:0;font-size:1.25rem;color:#1a1a1a}.modal-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#666;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.modal-close:hover{color:#000}.modal-buttons{display:flex;gap:1rem;margin-top:1rem}.modal-cancel-btn{flex:1;padding:.75rem;background:#f5f5f5;color:#333;border:1px solid #ddd;border-radius:4px;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .2s}.modal-cancel-btn:hover:not(:disabled){background:#e0e0e0}.modal-cancel-btn:disabled{opacity:.6;cursor:not-allowed}.confirm-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1001}.confirm-dialog{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 12px #00000026;max-width:400px;text-align:center}.confirm-dialog p{font-size:1rem;color:#333;margin-bottom:1.5rem;line-height:1.5}.confirm-buttons{display:flex;gap:1rem;justify-content:center}.confirm-btn{padding:.75rem 1.5rem;border:none;border-radius:4px;cursor:pointer;font-size:.95rem;font-weight:500;transition:all .2s}.confirm-danger{background:#d32f2f;color:#fff}.confirm-danger:hover{background:#b71c1c}.confirm-cancel{background:#f5f5f5;color:#333;border:1px solid #ddd}.confirm-cancel:hover{background:#e0e0e0}.notes-modal-content{padding:1.5rem 0;max-height:60vh;overflow-y:auto;font-size:.95rem;line-height:1.6;color:#333;white-space:pre-wrap;word-wrap:break-word}.notes-modal-content p{margin:0}.no-notes{color:#888;font-style:italic}.queue-item-notes{color:#666}.queue-item-notes:hover{color:#1976d2}.landscape-tabs,.mobile-tab-bar{display:none}@media (hover: hover) and (pointer: fine){.landscape-tabs{display:none!important}}@media (max-width: 600px){.header{padding:1rem}.header h1{font-size:1.25rem;margin-bottom:.75rem}.auth-nav{position:static;flex-direction:row;align-items:center;gap:.5rem;margin-top:.5rem;font-size:.85rem}.username{margin-right:auto}.auth-link-btn{padding:.35rem .65rem;font-size:.75rem}.main-container{padding:.5rem;gap:.5rem}.result-item{flex-direction:column;gap:.5rem;padding:.5rem}.result-thumb{width:100%}.result-title{font-size:.9rem}.result-channel{font-size:.8rem}.result-meta{gap:.5rem;font-size:.75rem}.favorite-btn{align-self:flex-start}.auth-form{padding:1.5rem}.auth-form h1{font-size:1.25rem}.auth-form h2{font-size:1.1rem}}@media (max-width: 768px){.tabs,.tab-subtitle{display:none}.main-container{grid-template-columns:1fr;grid-template-rows:1fr;padding:0;gap:0;height:100%}.player-column{display:flex;flex-direction:column;height:100%}.queue-pane{max-height:none;flex:1;min-height:0;border-radius:0;border-left:none;border-right:none;border-top:none}.content-pane{display:none}.mobile-tab-bar{position:fixed;bottom:0;left:0;right:0;display:flex;background:#f9f9f9;border-top:1px solid #e0e0e0;z-index:200;height:52px}.mobile-tab-btn{flex:1;border:none;background:transparent;font-size:.9rem;font-weight:500;color:#666;cursor:pointer;transition:background .15s,color .15s}.mobile-tab-btn.active{color:#000;background:#f0f0f0;border-top:2px solid #000}.main{padding-bottom:52px}.overlay-panel{position:fixed;top:0;right:0;bottom:52px;width:100%;background:#fff;z-index:300;display:flex;flex-direction:column;transform:translate(0);animation:slideInFromRight .22s ease-out}@keyframes slideInFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}.overlay-header{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;border-bottom:1px solid #e0e0e0;font-weight:600;font-size:1rem;background:#f9f9f9;flex-shrink:0}.overlay-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#333;padding:.5rem .75rem;line-height:1}.overlay-body{flex:1;overflow-y:auto;padding:.75rem;display:flex;flex-direction:column}.queue-item{flex-wrap:wrap}.queue-item-controls{width:100%;justify-content:flex-end}.queue-item-btn{padding:.5rem .4rem;font-size:1rem}}@media (orientation: landscape) and (max-width: 1024px){.mobile-tab-bar{display:none}.main{padding-bottom:0}.tabs,.tab-subtitle{display:none}.main-container{grid-template-columns:220px 1fr 60px;grid-template-rows:1fr;height:100%;padding:0;gap:0}.player-column{grid-column:1 / 3;flex-direction:row;height:100%;gap:0}.queue-pane{max-height:unset;height:100%;flex:1;border-radius:0;border-right:1px solid #e0e0e0;margin-bottom:0}.content-pane{display:none}.landscape-tabs{width:60px;background:#f9f9f9;border-left:1px solid #e0e0e0;display:flex;flex-direction:column;padding:.5rem 0;gap:.5rem;align-items:center;overflow-y:auto;flex-shrink:0}.landscape-tab-btn{width:50px;height:50px;border:none;background:transparent;font-size:1.2rem;cursor:pointer;color:#666;border-left:3px solid transparent;transition:all .15s;display:flex;align-items:center;justify-content:center;padding:0}.landscape-tab-btn:hover{background:#f0f0f0;color:#000}.landscape-tab-btn.active{color:#000;background:#f0f0f0;border-left-color:#000}.overlay-panel{position:fixed;top:0;right:60px;bottom:0;width:calc(100% - 280px);background:#fff;z-index:300;display:flex;flex-direction:column;animation:slideInFromRight .22s ease-out}.overlay-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#333;padding:.5rem .75rem;line-height:1}.queue-item{flex-wrap:wrap}.queue-item-controls{width:100%;justify-content:flex-end}.queue-item-btn{padding:.5rem .4rem;font-size:1rem}}.top-message{padding:.5rem 1.5rem;font-size:.9rem;border-bottom:1px solid transparent}.top-message-success{background:#e8f5e9;color:#2e7d32;border-color:#c8e6c9}.top-message-error{background:#ffebee;color:#c62828;border-color:#ffcdd2}.settings-tabs{display:flex;gap:.25rem;border-bottom:2px solid #e0e0e0;margin-bottom:1rem}.settings-tab{background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-2px;padding:.5rem 1rem;cursor:pointer;font-size:.95rem;color:#666;font-weight:500}.settings-tab:hover{color:#1a1a1a}.settings-tab.active{color:#1a1a1a;border-bottom-color:#1a1a1a}.settings-info{font-size:.9rem;color:#555;margin-bottom:1rem}.settings-section{min-height:100px}.channel-add-btn{flex-shrink:0;padding:.5rem .75rem;background:transparent;border:1px solid #7b1fa2;border-radius:4px;cursor:pointer;font-size:1rem;transition:all .2s;color:#7b1fa2;font-weight:700;display:flex;align-items:center;gap:.3rem}.channel-add-btn:hover{border-color:#4a148c;color:#fff;background:#7b1fa2}.kid-mode-launch-btn{width:100%;flex-shrink:0;padding:.85rem;font-size:1.15rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#43a047,#2e7d32);border:none;border-radius:8px;cursor:pointer;box-shadow:0 2px 6px #0003;margin-bottom:.5rem;transition:transform .1s,box-shadow .2s;-webkit-tap-highlight-color:transparent}.kid-mode-launch-btn:hover{box-shadow:0 4px 10px #00000040}.kid-mode-launch-btn:active{transform:scale(.98)}.digit-colon{font-size:1.8rem;font-weight:700;color:#1a1a1a;align-self:center;padding:0 .15rem}.session-duration-controls{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:.5rem}.duration-unit{font-size:.95rem;color:#555}.digit-stepper{display:flex;gap:.4rem}.digit-stepper.disabled{opacity:.4}.digit-stepper-col{display:flex;flex-direction:column;align-items:center;gap:.2rem}.digit-btn{width:52px;height:44px;font-size:1rem;color:#555;background:#f0f0f0;border:1px solid #ddd;border-radius:8px;cursor:pointer;transition:background .1s,transform .1s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.digit-btn:active:not(:disabled){background:#ddd;transform:scale(.95)}.digit-btn:disabled{cursor:default}.digit-value{font-size:1.8rem;font-weight:700;color:#1a1a1a;font-variant-numeric:tabular-nums;min-height:2.2rem;line-height:2.2rem}.no-limit-label{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.9rem;color:#555;margin-bottom:1rem;cursor:pointer}.pin-modal{max-width:340px}.grown-up-panel{max-width:400px}.grown-up-time-now{font-size:1rem;color:#333;margin-bottom:1rem}.time-preset-row{display:flex;gap:.5rem;margin-bottom:1rem}.time-preset-btn{flex:1;padding:.6rem .25rem;background:#f0f0f0;color:#333;border:1px solid #ddd;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;touch-action:manipulation}.time-preset-btn.active{background:#1a1a1a;border-color:#1a1a1a;color:#fff}.time-preset-btn:disabled{opacity:.6;cursor:not-allowed}.grown-up-actions{display:flex;flex-direction:column;gap:.6rem}.grown-up-btn{width:100%;padding:.8rem;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:600;color:#fff;transition:background .2s;touch-action:manipulation}.grown-up-btn:disabled{opacity:.6;cursor:not-allowed}.grown-up-start{background:#2e7d32}.grown-up-start:hover:not(:disabled){background:#1b5e20}.grown-up-main{background:#1976d2}.grown-up-main:hover:not(:disabled){background:#0d47a1}.grown-up-cancel{background:#f5f5f5;color:#333;border:1px solid #ddd}.grown-up-cancel:hover:not(:disabled){background:#e0e0e0}.pin-input{font-size:1.5rem;letter-spacing:.5rem;text-align:center}.kid-app{display:flex;flex-direction:column;height:100vh;height:100dvh;background:#fff8e1;overflow:hidden}.kid-top{flex:1;min-height:0;display:flex}.kid-sidebar{width:clamp(120px,30vw,500px);flex-shrink:0;display:flex;flex-direction:column;background:#ffecb3;padding:.75rem;gap:.75rem}.kid-timer{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;border-radius:16px;font-size:1.6rem;font-weight:700;color:#000000bf;background:rgba(0,0,0,.12);font-variant-numeric:tabular-nums}.kid-timer-bar{position:absolute;top:0;left:0;bottom:0;transition:width 1s linear,background 1s linear}.kid-timer-icon,.kid-timer-time{position:relative}.kid-fullscreen-btn{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:.6rem;border:none;border-radius:16px;background:#ff9800;cursor:pointer;box-shadow:0 4px 10px #00000040;transition:transform .15s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.kid-fullscreen-btn:active{transform:scale(.96)}.kid-fullscreen-btn:disabled{background:rgba(0,0,0,.12);cursor:default;transform:none}.kid-fullscreen-btn svg{width:2rem;height:2rem;fill:#fff}.kid-fullscreen-btn:disabled svg{fill:#0000004d}.kid-video-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:.75rem;padding-bottom:.5rem}.kid-channel-group{display:flex;flex-direction:column;gap:.75rem;flex-shrink:0}.kid-channel-group+.kid-channel-group{margin-top:.75rem}.kid-channel-name{margin:0;padding:0 .3rem;font-size:1.3rem;font-weight:700;color:#8d6e63;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kid-empty-list{color:#8d6e63;text-align:center;font-size:1rem;padding:1rem .5rem}.kid-video-card{flex-shrink:0;border:4px solid transparent;border-radius:16px;background:#fff;padding:0;cursor:pointer;overflow:hidden;box-shadow:0 2px 6px #00000026;transition:transform .15s,border-color .15s;-webkit-tap-highlight-color:transparent}.kid-video-card:active{transform:scale(.96)}.kid-video-card.active{border-color:#ff9800}.kid-video-card img{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;pointer-events:none}.kid-video-title{display:block;font-size:1.6rem;font-weight:600;color:#444;padding:.4rem .5rem;text-align:left;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.kid-lock-btn{align-self:center;background:none;border:none;font-size:1.6rem;cursor:pointer;padding:.4rem;filter:brightness(0);transition:transform .15s}.kid-lock-btn:hover{transform:scale(1.15)}.kid-main{flex:1;display:flex;flex-direction:column;padding:.75rem 0 .75rem .75rem;min-width:0}.kid-player-pane{flex:1;min-height:0;background:#000;border-radius:16px;overflow:hidden;display:flex;align-items:center;justify-content:center}.kid-player-pane iframe{pointer-events:none}.kid-player-pane:fullscreen{border-radius:0}.kid-player-pane:-webkit-full-screen{border-radius:0}.kid-player-placeholder{color:#fff;font-size:1.4rem}.kid-controls{flex-shrink:0;display:flex;align-items:center;gap:1rem;padding:.5rem .75rem}.kid-play-btn{flex-shrink:0;width:84px;height:84px;border-radius:50%;border:none;background:#ff9800;color:#fff;font-size:2.4rem;line-height:1;cursor:pointer;box-shadow:0 4px 10px #00000040;transition:transform .1s,background .2s;-webkit-tap-highlight-color:transparent;display:flex;align-items:center;justify-content:center}.kid-play-btn:active{transform:scale(.92)}.kid-play-btn:disabled{background:#bdbdbd;cursor:default}.kid-play-icon{width:46%;height:46%;fill:#fff}.kid-time-info{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;font-variant-numeric:tabular-nums;color:#5d4037;white-space:nowrap}.kid-time-remaining{font-size:1.3rem;font-weight:700}.kid-time-duration{font-size:1rem;opacity:.7}.kid-slider{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:22px;border-radius:11px;background:#ffe0b2;outline:none;cursor:pointer;touch-action:none}.kid-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:44px;height:44px;border-radius:50%;background:#ff9800;border:4px solid #fff;box-shadow:0 2px 6px #0000004d;cursor:pointer}.kid-slider::-moz-range-thumb{width:44px;height:44px;border-radius:50%;background:#ff9800;border:4px solid #fff;box-shadow:0 2px 6px #0000004d;cursor:pointer}.kid-slider:disabled::-webkit-slider-thumb{background:#bdbdbd}.kid-slider:disabled::-moz-range-thumb{background:#bdbdbd}.kid-expired-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(38,50,56,.94);display:flex;align-items:center;justify-content:center;z-index:1000}.kid-expired-message{text-align:center;color:#fff}.kid-expired-emoji{font-size:4rem;display:block;margin-bottom:1rem}.kid-expired-message h2{font-size:2.4rem;margin-bottom:.5rem}.kid-expired-message p{font-size:1.2rem;color:#b0bec5;margin-bottom:2rem}.kid-expired-lock{background:#455a64;color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;cursor:pointer}.kid-expired-lock:hover{background:#546e7a}@media (max-width: 700px),(orientation: landscape) and (max-height: 500px){.kid-sidebar{padding:.5rem;gap:.5rem}.kid-timer{gap:.3rem;padding:.4rem .5rem;font-size:1rem;border-radius:12px}.kid-fullscreen-btn{flex-shrink:0;padding:.5rem;border-radius:12px}.kid-fullscreen-btn svg{width:1.5rem;height:1.5rem}.kid-channel-name{font-size:.9rem;padding:0 .2rem}.kid-video-card{border-width:3px;border-radius:12px}.kid-video-title{font-size:1rem;padding:.25rem .35rem}.kid-play-btn{width:64px;height:64px;font-size:1.8rem}}.pin-step-label{font-size:.9rem;color:#555;font-weight:600;margin-bottom:.5rem}.pin-pad{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.pin-display{text-align:center;font-size:1.6rem;letter-spacing:.5rem;padding:.6rem;border:1px solid #ccc;border-radius:6px;background:#fafafa;min-height:3.2rem;color:#1a1a1a}.pin-display-hint{font-size:.9rem;letter-spacing:normal;color:#aaa}.pin-pad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.pin-key{padding:0;height:60px;font-size:1.4rem;font-weight:600;color:#1a1a1a;background:#f0f0f0;border:1px solid #ddd;border-radius:8px;cursor:pointer;transition:background .1s,transform .1s;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.pin-key:active{background:#ddd;transform:scale(.95)}.pin-key:disabled{color:#bbb;background:#f8f8f8;cursor:default}.pin-key-aux{font-size:1.1rem;color:#666}.panel-actions{display:flex;margin-bottom:1rem}.queue-all-btn{padding:.5rem .9rem;background:transparent;border:1px solid #1976d2;border-radius:4px;cursor:pointer;font-size:.85rem;font-weight:600;color:#1976d2;transition:all .2s}.queue-all-btn:hover:not(:disabled){color:#fff;border-color:#0d47a1;background:#1976d2}.queue-all-btn:disabled{opacity:.5;cursor:not-allowed}