:root{--bg: #FFF8F0;--bg-2: #F3D4C4;--bg-3: #E8C4B0;--surface: #FFF1E6;--surface-hi: #EED0C0;--text: #1C1917;--text-dim: #57534E;--text-faint: #78716C;--line: #E7D5C8;--accent: #FF7F50;--accent-soft: #FF9A70;--on-accent: #1C1917;--success: #2F6F4E;--success-soft: #E4F0E8;--accent-2: var(--success);--warn: #C47A1A;--warn-soft: #F5E6D0;--danger: #C24141;--danger-soft: #F5E0E0;--overlay: rgba(28, 25, 23, .55);--overlay-heavy: rgba(0, 0, 0, .82);--on-overlay: #FFFFFF;--disabled-fg: var(--text-dim);--radius-sm: 12px;--radius-md: 16px;--radius-lg: 20px;--radius-xl: 28px;--radius-pill: 999px;--radius: var(--radius-lg);--shadow-sm: 0 2px 8px rgba(44, 24, 16, .06);--shadow-md: 0 8px 24px rgba(44, 24, 16, .08);--shadow-lg: 0 16px 40px rgba(44, 24, 16, .12);--shadow-poster: 0 12px 32px rgba(44, 24, 16, .16);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--type-display-size: 44px;--type-display-lh: 1.1;--type-display-weight: 900;--type-title-size: 28px;--type-title-lh: 1.2;--type-title-weight: 800;--type-title-sm-size: 22px;--type-title-sm-lh: 1.25;--type-title-sm-weight: 800;--type-body-size: 16px;--type-body-lh: 1.45;--type-body-weight: 400;--type-body-sm-size: 14px;--type-body-sm-lh: 1.4;--type-label-size: 12px;--type-label-lh: 1.3;--type-label-weight: 700;--type-label-tracking: .04em;--type-caption-size: 12px;--type-caption-lh: 1.3;--type-caption-weight: 600;--t-fast: .12s;--t-med: .22s;--ease: cubic-bezier(.2, .8, .2, 1)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Nunito,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--type-body-size);font-weight:var(--type-body-weight);line-height:var(--type-body-lh);background:var(--bg);color:var(--text);-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:antialiased;overscroll-behavior:none}button{font-family:inherit;cursor:pointer;border:none;background:var(--surface);color:var(--text);padding:var(--space-3) var(--space-5);border-radius:var(--radius);font-size:var(--type-body-size);font-weight:600;min-height:48px;transition:transform var(--t-fast) var(--ease),background-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease),filter var(--t-fast) var(--ease);position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px}button:hover{background:var(--surface-hi)}button:active{transform:scale(.97)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.ghost{background:transparent;color:var(--text-dim);min-height:auto}button.ghost:hover{color:var(--text);background:#2c18100f}button.primary{background:var(--accent);color:var(--on-accent)}button.primary:hover{background:var(--accent-soft)}button.danger{background:var(--danger);color:var(--on-overlay)}button.danger:hover{filter:brightness(1.1)}button.success{background:var(--success);color:var(--on-overlay)}button.success:hover{filter:brightness(1.12)}button:disabled,button:disabled:hover{opacity:1;background:var(--bg-2);color:var(--disabled-fg);filter:none;cursor:not-allowed}button.big{padding:var(--space-4) var(--space-5);font-size:18px;min-height:56px}button.small{padding:6px 12px;font-size:13px;min-height:auto}.btn-emoji{font-size:1.2em}input,select{font-family:inherit;font-size:16px;background:var(--bg-2);color:var(--text);border:1px solid var(--line);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);width:100%;transition:border-color var(--t-fast) var(--ease),background-color var(--t-fast) var(--ease)}input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]):not([type=range]),select{min-height:48px}input:focus,select:focus{outline:none;border-color:var(--accent);background:var(--bg-3)}input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]):not([type=range]):disabled,select:disabled{opacity:1;color:var(--disabled-fg);-webkit-text-fill-color:var(--disabled-fg);background:var(--bg-2)}input[type=color]{padding:4px;width:48px;height:48px;cursor:pointer}input[type=file]{padding:6px}input[type=time].time-input{width:auto;min-width:160px;max-width:220px;font-variant-numeric:tabular-nums}.curfew-times{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}.curfew-times>div{display:flex;flex-direction:column;gap:6px;min-width:160px}input.code-input{text-transform:uppercase;letter-spacing:.2em;text-align:center;font-size:24px;font-weight:600;font-family:SF Mono,Consolas,monospace}.hint{font-size:var(--type-caption-size);line-height:var(--type-caption-lh);font-weight:var(--type-caption-weight);color:var(--text-faint);margin:-4px 0 0}.hint-inline{font-size:var(--type-caption-size);line-height:var(--type-caption-lh);color:var(--text-faint);font-weight:var(--type-caption-weight)}.page{min-height:100%;padding:var(--space-4);animation:page-in var(--t-med) var(--ease)}@keyframes page-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.splash{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:var(--bg);color:var(--text-dim)}.spinner-wrap{display:inline-flex;align-items:center;gap:8px}.spinner{display:inline-block;border:3px solid rgba(28,25,23,.12);border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.spinner-label{color:var(--text-dim);font-size:14px}.welcome{display:flex;flex-direction:column;max-width:480px;margin:0 auto;padding-top:8vh;padding-bottom:8vh;gap:28px}.welcome-hero{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.welcome-hero .logo{font-size:80px;line-height:1;filter:drop-shadow(0 6px 12px rgba(255,127,80,.3))}.welcome-hero h1{font-size:var(--type-display-size);font-weight:var(--type-display-weight);line-height:var(--type-display-lh);margin:8px 0 0;letter-spacing:-.02em}.welcome-buttons{display:flex;flex-direction:column;gap:12px}.signin,.onboarding,.pair-device{display:flex;flex-direction:column;gap:12px;max-width:480px;margin:0 auto;padding-top:4vh}.signin h2,.onboarding h2,.pair-device h2{margin:0;font-size:var(--type-title-size);font-weight:var(--type-title-weight);line-height:var(--type-title-lh)}.signin label,.onboarding label,.pair-device label{font-size:var(--type-label-size);line-height:var(--type-label-lh);font-weight:var(--type-label-weight);color:var(--text-dim);text-transform:uppercase;letter-spacing:var(--type-label-tracking);margin-top:4px}.back{align-self:flex-start}.form-error{background:var(--danger-soft);border:1px solid color-mix(in srgb,var(--danger) 45%,transparent);color:var(--text);padding:12px;border-radius:var(--radius-sm);font-size:var(--type-body-sm-size);line-height:var(--type-body-sm-lh)}.profile-picker{display:flex;flex-direction:column;align-items:center;padding-top:6vh;gap:24px}.profile-picker h1{font-size:36px;margin:0;letter-spacing:-.01em}.kid-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:20px;width:100%;max-width:600px}.kid-tile{display:flex;flex-direction:column;align-items:center;gap:12px;padding:var(--space-5);border-radius:var(--radius-xl);color:var(--on-accent);font-weight:700;transition:transform var(--t-med) var(--ease),box-shadow var(--t-med) var(--ease);min-height:auto}.kid-tile:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);background:inherit}.kid-tile .avatar{font-size:64px;width:96px;height:96px;display:grid;place-items:center}.kid-tile .avatar.photo{border-radius:50%;object-fit:cover;background:#0006}.kid-tile .name{font-size:20px}.parent-link{background:transparent;color:var(--text-dim);font-size:14px}.profile-footer{display:flex;flex-direction:column;align-items:center;gap:4px;margin-top:16px}.signout-link{background:transparent;color:var(--text-faint);font-size:12px;padding:4px 12px;min-height:auto;font-weight:600}.signout-link:hover{color:var(--text-dim);background:transparent}.empty-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding:48px 24px;text-align:center;max-width:400px;margin:0 auto}.empty-state .empty-icon{font-size:72px;line-height:1;opacity:.85}.empty-state h2,.empty-state h3{margin:0}.empty-state p{color:var(--text-dim);margin:0}.empty-state button{margin-top:8px}.empty-filter{padding:32px 16px;text-align:center;color:var(--text-dim);background:var(--bg-2);border-radius:var(--radius);margin-top:16px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px}.topbar h2{margin:0;font-size:18px}.mode-toggle{background:var(--success);color:var(--on-overlay)}.mode-toggle:hover{background:var(--success);filter:brightness(1.12)}.resume-banner{display:grid;grid-template-columns:140px 1fr;gap:14px;align-items:center;width:100%;padding:0;text-align:left;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 18%,transparent),color-mix(in srgb,var(--success) 12%,transparent));border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);border-radius:var(--radius-md);overflow:hidden;margin-bottom:16px;min-height:auto;animation:resume-in .32s var(--ease)}.resume-banner:hover{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 28%,transparent),color-mix(in srgb,var(--success) 18%,transparent));transform:translateY(-1px)}@keyframes resume-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.resume-thumb{position:relative;aspect-ratio:16/9}.resume-thumb img{width:100%;height:100%;object-fit:cover;display:block}.resume-play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:var(--overlay);color:var(--on-overlay);font-size:36px;text-shadow:0 2px 8px rgba(0,0,0,.6)}.resume-info{padding:10px 14px 10px 0;display:flex;flex-direction:column;gap:4px}.resume-label{font-size:11px;color:var(--accent);text-transform:uppercase;letter-spacing:.5px;font-weight:700}.resume-title{font-size:16px;font-weight:600;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.resume-meta{font-size:12px;color:var(--text-dim)}.resume-progress{height:3px;background:#ffffff1a;border-radius:2px;margin-top:6px;overflow:hidden}.resume-progress-fill{height:100%;background:var(--accent);border-radius:2px;transition:width var(--t-med) var(--ease)}@media (max-width: 600px){.resume-banner{grid-template-columns:100px 1fr}.resume-title{font-size:14px}}.simple-mode{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px 0}.simple-mode .cycle{font-size:64px;line-height:1;padding:0 16px;min-width:70px;height:220px;background:var(--surface);border-radius:var(--radius)}.simple-mode .cycle:hover{background:var(--surface-hi);animation:pulse-arrow 1.2s ease-in-out infinite}@keyframes pulse-arrow{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.simple-card{flex:1;max-width:640px;position:relative;background:var(--surface);border-radius:var(--radius-xl);padding:0;text-align:center;overflow:hidden;box-shadow:var(--shadow-poster)}.simple-card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}.simple-title{font-size:var(--type-title-sm-size);font-weight:var(--type-title-sm-weight);line-height:var(--type-title-sm-lh);margin:12px 16px 4px}.simple-meta{color:var(--text-dim);margin-bottom:6px;padding:0 16px}.simple-playlist{color:var(--accent-2);font-size:14px;margin:0 0 16px}.play-big{position:absolute;left:50%;top:50%;transform:translate(-50%,-70%);width:88px;height:88px;padding:0;border-radius:var(--radius-pill);background:var(--accent);color:var(--on-accent);font-size:36px;box-shadow:var(--shadow-lg)}.play-big:active{transform:translate(-50%,-70%) scale(.97)}.bigkids-mode{display:flex;flex-direction:column;gap:12px}.sort-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.sort-bar label{font-size:14px;color:var(--text-dim)}.sort-bar select{width:auto;min-width:180px}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.video-card{background:var(--surface);padding:0;border-radius:var(--radius-md);overflow:hidden;text-align:left;display:flex;flex-direction:column;transition:transform var(--t-med) var(--ease),box-shadow var(--t-med) var(--ease);min-height:auto}.video-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);background:var(--surface)}.video-card:hover .play-overlay{opacity:1}.video-card .thumb{position:relative;aspect-ratio:16/9}.video-card .thumb img{width:100%;height:100%;object-fit:cover;display:block}.video-card .duration{position:absolute;bottom:6px;right:6px;background:var(--overlay-heavy);color:var(--on-overlay);padding:2px 8px;border-radius:6px;font-size:12px}.video-card .play-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#00000059;opacity:0;transition:opacity var(--t-med) var(--ease);font-size:56px;text-shadow:0 2px 12px rgba(0,0,0,.5);pointer-events:none}.video-card .meta{padding:10px 12px}.video-card .title{font-size:14px;font-weight:600;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.video-card .channel{font-size:12px;color:var(--text-dim);margin-top:4px}.video-card .playlist-tag{font-size:11px;color:var(--accent-2);margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;max-width:100%}.search-row{display:flex;gap:8px;align-items:center;margin-bottom:12px}.search-input{flex:1;font-size:16px;padding:10px 14px}.search-clear{white-space:nowrap}.filter-chips{display:flex;gap:8px;overflow-x:auto;padding:4px 0 12px;margin:-4px 0 4px;scrollbar-width:thin}.filter-chip{flex-shrink:0;padding:8px 14px;border-radius:var(--radius-pill);background:var(--bg-2);color:var(--text);font-size:var(--type-body-sm-size);font-weight:600;min-height:48px}.filter-chip.on{background:var(--accent);color:var(--on-accent)}.viewer{padding:0;background:#000;position:relative;min-height:100vh;display:flex;flex-direction:column;animation:none}.player-wrap{position:relative;width:100%;flex:1;min-height:0}.player-iframe,.player-iframe iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.player-shield{position:absolute;top:0;right:0;bottom:0;left:0;background:transparent;z-index:2}.player-scrubber{position:absolute;left:16px;right:16px;bottom:96px;z-index:3;display:flex;align-items:center;gap:10px;color:#fff;font-size:13px;font-variant-numeric:tabular-nums;text-shadow:0 1px 4px rgba(0,0,0,.8);transition:transform .28s ease,opacity .22s ease}.player-time{min-width:44px;text-align:center}.scrubber{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;height:24px;cursor:pointer;padding:0;margin:0;width:auto;outline:none}.scrubber::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(to right,var(--accent) 0%,var(--accent) var(--pct, 0%),rgba(255,255,255,.25) var(--pct, 0%),rgba(255,255,255,.25) 100%)}.scrubber::-moz-range-track{height:6px;border-radius:3px;background:#ffffff40}.scrubber::-moz-range-progress{height:6px;border-radius:3px;background:var(--accent)}.scrubber::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent);border:2px solid white;margin-top:-7px;cursor:pointer;box-shadow:0 2px 6px #0006}.scrubber::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--accent);border:2px solid white;cursor:pointer;box-shadow:0 2px 6px #0006}.scrubber:focus-visible::-webkit-slider-thumb{outline:2px solid var(--accent-2);outline-offset:2px}@media (max-width: 600px){.player-scrubber{bottom:84px;left:12px;right:12px}.player-time{font-size:11px;min-width:36px}}.player-controls{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;z-index:6;padding:8px 12px 28px;transition:transform .28s ease,opacity .22s ease}.player-skip{display:flex;flex-direction:column;align-items:center;justify-content:center;width:64px;height:64px;min-height:64px;border-radius:50%;line-height:1;background:var(--overlay-heavy)!important;color:var(--on-overlay)!important}.player-skip-num{font-size:20px;font-weight:900}.player-skip-label{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;opacity:.85}.player-wrap.controls-hidden .player-scrubber,.player-wrap.controls-hidden .player-controls{transform:translateY(140%);opacity:0;pointer-events:none}.player-controls button{width:64px;height:64px;border-radius:50%;background:var(--overlay-heavy);color:var(--on-overlay);font-size:28px;min-height:auto}.player-controls button:hover{background:var(--overlay-heavy);filter:brightness(1.15)}.player-controls button.big{width:88px;height:88px;font-size:36px;background:var(--accent);color:var(--on-accent)}.player-controls button.big:hover{background:var(--accent-soft)}.seek-flash{position:absolute;top:50%;transform:translateY(-50%);z-index:3;pointer-events:none;background:var(--overlay-heavy);color:var(--on-overlay);padding:18px 24px;border-radius:var(--radius-pill);font-size:24px;font-weight:700;animation:seek-flash-in .48s ease-out}.seek-flash-back{left:12%}.seek-flash-fwd{right:12%}@keyframes seek-flash-in{0%{opacity:0;transform:translateY(-50%) scale(.85)}20%{opacity:1;transform:translateY(-50%) scale(1)}to{opacity:0;transform:translateY(-50%) scale(1.05)}}@media (max-width: 600px){.player-controls{gap:10px}.player-controls button{width:52px;height:52px;font-size:22px}.player-controls button.big{width:76px;height:76px;font-size:30px}}.player-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:var(--on-overlay)}.exit{position:absolute;top:12px;right:12px;z-index:4;background:var(--overlay-heavy);color:var(--on-overlay);padding:12px 18px;min-height:48px}.exit:hover{background:var(--overlay-heavy);filter:brightness(1.2)}.parent .tabs{display:flex;gap:6px;overflow-x:auto;margin-bottom:16px;padding-bottom:4px;scrollbar-width:thin}.parent .tabs button{padding:8px 16px;font-size:14px;min-height:48px;background:var(--bg-2);flex-shrink:0}.parent .tabs button.on{background:var(--accent);color:var(--on-accent)}.parent main{animation:page-in var(--t-med) var(--ease)}.tab{background:var(--surface);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:10px}.tab label{font-size:12px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.tab .row{display:flex;gap:8px;flex-wrap:wrap}.tab .row>input{flex:1;min-width:120px}.thumb-preview{border-radius:var(--radius-sm);overflow:hidden;max-width:320px;margin:4px 0;box-shadow:var(--shadow-md);animation:thumb-in var(--t-med) var(--ease)}.thumb-preview img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}@keyframes thumb-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.tab .status{color:var(--accent-2);font-size:14px;margin-top:4px}.danger-text{color:var(--danger)}.kid-chips{display:flex;flex-wrap:wrap;gap:8px}.chip{background:var(--bg-2);padding:8px 16px;border-radius:var(--radius-pill);font-size:14px;min-height:48px}.chip.on{color:var(--on-accent)}.chip.small{padding:4px 10px;font-size:16px}.library-row{display:grid;grid-template-columns:100px 1fr auto;gap:12px;align-items:center;padding:10px;background:var(--bg-2);border-radius:var(--radius-sm)}.library-row img{width:100px;height:60px;object-fit:cover;border-radius:8px}.library-row .info .title{font-weight:600;line-height:1.3}.library-row .info .meta{font-size:12px;color:var(--text-dim);margin-top:2px}.library-row .access{margin-top:6px;display:flex;gap:6px;flex-wrap:wrap}.library .library-filter{margin:0 0 6px}.library .search-input{min-height:48px;padding:14px 16px;font-size:16px}.library .search-clear{min-height:48px;padding:12px 18px;color:var(--accent-2)}.library .search-clear:hover{color:var(--text)}.kid-row{display:grid;grid-template-columns:50px 1fr auto auto;gap:12px;align-items:center;padding:10px;background:var(--bg-2);border-radius:var(--radius-sm)}.kid-avatar{border-radius:50%;display:grid;place-items:center;color:var(--on-accent);overflow:hidden}.kid-avatar.photo{object-fit:cover}.kid-row .lock-controls{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.kid-row .lock-controls button{padding:6px 12px;font-size:13px;min-height:auto}.curfew-badge{font-size:12px;font-weight:600;padding:4px 10px;border-radius:var(--radius-pill);white-space:nowrap}.curfew-badge.locked{background:color-mix(in srgb,var(--danger) 18%,transparent);color:var(--danger)}.curfew-badge.allowed{background:var(--success-soft);color:var(--success)}.add-kid-row{align-items:center}.photo-picker{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer}.photo-picker img,.photo-picker .placeholder{width:56px;height:56px;border-radius:50%;object-fit:cover;display:grid;place-items:center;font-size:28px;color:var(--on-accent)}.photo-hint{font-size:11px;color:var(--text-dim)}.kid-photo-edit{position:relative;cursor:pointer;display:inline-block}.kid-photo-edit .overlay{position:absolute;bottom:-2px;right:-2px;background:var(--surface);width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px;border:2px solid var(--bg-2)}.code-display{background:var(--bg-2);border:1px dashed var(--line);border-radius:var(--radius-sm);padding:14px 16px;display:flex;flex-direction:column;align-items:center;gap:8px;animation:code-in var(--t-med) var(--ease)}@keyframes code-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.code-display .code{font-family:SF Mono,Consolas,monospace;font-size:32px;font-weight:700;letter-spacing:.2em;color:var(--accent)}.code-display small{color:var(--text-dim)}.code-display button{padding:6px 14px;font-size:13px;min-height:auto}.detected-callout{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--success-soft);border:1px solid color-mix(in srgb,var(--success) 35%,transparent);color:var(--success);border-radius:var(--radius-sm);font-size:var(--type-body-sm-size);line-height:var(--type-body-sm-lh)}.detected-callout strong{color:var(--text);font-weight:600}.source-kind{font-size:13px;font-weight:400}.show-more{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 0}.show-more p{margin:0}.sabbath-banner{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--warn-soft);border:1px solid color-mix(in srgb,var(--warn) 45%,var(--line));color:var(--text);border-radius:var(--radius-sm);font-size:var(--type-body-sm-size);line-height:var(--type-body-sm-lh);margin-bottom:12px}.sabbath-badge{color:var(--warn);font-weight:600;white-space:nowrap}.sabbath-chip{background:var(--bg-2);color:var(--text-dim);border:1px dashed color-mix(in srgb,var(--warn) 55%,var(--line))}.sabbath-chip.on{background:var(--warn);color:var(--on-accent);border-style:solid}.sabbath-chip:disabled{opacity:1;cursor:default}.sabbath-chip:disabled:not(.on){color:var(--disabled-fg);background:var(--bg-2)}.checkbox-row{display:flex;align-items:center;gap:10px;cursor:pointer;text-transform:none;letter-spacing:0;font-size:14px;color:var(--text);margin-top:4px}.checkbox-row input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--warn);margin:0}.playlists .callout,.add-content .callout{background:var(--warn-soft);border:1px solid color-mix(in srgb,var(--warn) 45%,var(--line));color:var(--text);padding:12px;border-radius:var(--radius-sm);font-size:var(--type-body-sm-size);line-height:var(--type-body-sm-lh)}.playlist-row{background:var(--bg-2);border-radius:var(--radius-sm);padding:12px;display:flex;flex-direction:column;gap:8px}.playlist-row .head{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.playlist-row .head .title{font-weight:700;font-size:16px}.playlist-row .head .actions{display:flex;gap:6px}.playlist-row .head .actions button{padding:6px 12px;font-size:13px;min-height:auto}.playlist-row .meta{color:var(--text-dim);font-size:13px}.source-badge{color:var(--text-dim);font-style:italic}.muted{color:var(--text-dim)}.tab .muted,.tab p.muted{font-size:13px;line-height:1.4}.pin-gate{display:flex;flex-direction:column;align-items:center;padding-top:4vh;gap:20px}.pin-gate h2{margin:0}.pin-gate-actions{display:flex;flex-direction:column;align-items:center;gap:8px}.pinpad{display:flex;flex-direction:column;align-items:center;gap:16px}.pin-display{display:flex;gap:14px}.pin-display.shake{animation:shake .4s}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-6px)}40%,60%{transform:translate(6px)}}.pin-dot{width:18px;height:18px;border-radius:50%;border:2px solid var(--text-dim);transition:background var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease)}.pin-dot.filled{background:var(--accent);border-color:var(--accent);transform:scale(1.1)}.pin-error{color:var(--danger);font-size:14px}.pin-grid{display:grid;grid-template-columns:repeat(3,80px);gap:10px}.pin-grid button{width:80px;height:80px;font-size:24px;border-radius:50%;min-height:auto}.locked-pin{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:12px}.locked-pin .small{font-size:12px}.locked{display:flex;flex-direction:column;align-items:center;padding-top:8vh;gap:16px;text-align:center}.lock-icon{font-size:80px;line-height:1}.locked h1{margin:0}.lock-timer{font-size:64px;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums;letter-spacing:-.02em}.landing.empty,.kid-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding-top:12vh;text-align:center}hr{border:0;border-top:1px solid var(--line);margin:16px 0}.toaster{position:fixed;top:16px;right:16px;z-index:100;display:flex;flex-direction:column;gap:8px;max-width:calc(100vw - 32px);pointer-events:none}.toast{pointer-events:auto;background:var(--surface-hi);color:var(--text);padding:12px 16px;border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);display:flex;align-items:center;gap:10px;min-width:240px;max-width:360px;animation:toast-in .22s var(--ease);cursor:pointer;border-left:4px solid var(--text-faint)}.toast-success{border-left-color:var(--success)}.toast-error{border-left-color:var(--danger)}.toast-info{border-left-color:var(--accent-2)}.toast-icon{font-size:20px;font-weight:700;width:24px;text-align:center;flex-shrink:0}.toast-success .toast-icon{color:var(--success)}.toast-error .toast-icon{color:var(--danger)}.toast-info .toast-icon{color:var(--accent-2)}.toast-msg{font-size:14px;line-height:1.3}@keyframes toast-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@media (max-width: 600px){.toaster{top:auto;bottom:16px;left:16px;right:16px}.toast{max-width:none}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;background:var(--overlay);display:grid;place-items:center;padding:20px;animation:fade-in var(--t-med) var(--ease)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--surface);border-radius:var(--radius);padding:24px;max-width:420px;width:100%;box-shadow:var(--shadow-lg);animation:modal-in var(--t-med) var(--ease)}@keyframes modal-in{0%{opacity:0;transform:translateY(20px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.modal h3{margin:0 0 12px;font-size:20px}.modal p{margin:0 0 20px;color:var(--text-dim);line-height:1.4}.modal-buttons{display:flex;gap:8px;justify-content:flex-end}.modal-buttons button{min-width:80px}.sync-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:var(--radius-pill);font-size:var(--type-caption-size);line-height:var(--type-caption-lh);font-weight:var(--type-caption-weight);background:var(--bg-2);border:1px solid var(--line)}.sync-dot{width:8px;height:8px;border-radius:50%;background:var(--text-dim)}.sync-syncing .sync-dot{background:var(--warn);animation:pulse-dot 1s ease-in-out infinite}.sync-synced .sync-dot{background:var(--success)}.sync-error .sync-dot{background:var(--danger)}.sync-offline .sync-dot{background:var(--text-faint)}.sync-label{color:var(--text-dim)}.sync-syncing .sync-label{color:var(--warn)}.sync-synced .sync-label{color:var(--success)}.sync-error .sync-label{color:var(--danger)}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.profile-picker .sync-pill{position:absolute;top:16px;right:16px}.emoji-picker{position:relative}.emoji-trigger{display:inline-flex;align-items:center;gap:6px;background:var(--bg-2);border:1px solid var(--line);padding:8px 12px;border-radius:var(--radius-sm);min-width:72px;min-height:48px}.emoji-trigger .current{font-size:24px;line-height:1}.emoji-trigger .caret{font-size:12px;color:var(--text-dim)}.emoji-pop{position:absolute;top:calc(100% + 6px);left:0;z-index:50;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);padding:10px;max-height:320px;overflow-y:auto;width:min(320px,90vw);box-shadow:var(--shadow-lg);animation:pop-in var(--t-med) var(--ease)}@keyframes pop-in{0%{opacity:0;transform:translateY(-4px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.emoji-group+.emoji-group{margin-top:10px}.emoji-group .group-label{font-size:11px;color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.emoji-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px}.emoji-cell{background:transparent;padding:6px 0;font-size:22px;border-radius:8px;line-height:1;min-height:auto}.emoji-cell:hover{background:var(--bg-2)}.emoji-cell.selected{background:var(--accent)}.page.lock-access{max-width:560px;margin:0 auto}.lock-access-entry{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;background:var(--bg-2);padding:16px;border:1px solid color-mix(in srgb,var(--success) 35%,var(--line))}.lock-access-entry h3{margin:0 0 4px;font-size:18px}.lock-access-entry p{margin:0}.lock-access-entry span{font-size:28px;color:var(--accent-2);line-height:1}.lock-access-stack{display:flex;flex-direction:column;gap:12px}.lock-card{background:var(--surface);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:10px}.lock-card.dimmed{opacity:.55}.lock-pill{display:inline-flex;align-self:flex-start;padding:6px 12px;border-radius:var(--radius-pill);font-size:12px;font-weight:800;letter-spacing:.04em}.lock-pill.on{background:var(--success-soft);color:var(--success)}.lock-pill.off{background:var(--danger-soft);color:var(--danger)}.lock-sub{margin:0;color:var(--text-dim);font-size:14px;line-height:1.4}.lock-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.lock-unlock{background:transparent;color:var(--accent-2);border:1.5px solid var(--accent-2)}.lock-unlock:hover{background:var(--success-soft)}.lock-section-label{font-size:13px;font-weight:800;color:var(--text)}.lock-mode{width:100%;text-align:left;cursor:pointer;border:1.5px solid var(--line);background:var(--bg-2);border-radius:var(--radius-md);padding:12px;display:flex;gap:10px;align-items:flex-start;min-height:56px}.lock-mode.active{border-color:var(--success);background:var(--success-soft)}.lock-check{width:22px;height:22px;border-radius:var(--radius-pill);border:1.5px solid var(--text-faint);display:grid;place-items:center;flex:0 0 auto;color:transparent;font-size:12px;font-weight:800;margin-top:1px}.lock-mode.active .lock-check{background:var(--success);border-color:var(--success);color:var(--on-overlay)}.lock-mode strong{display:block;font-size:14px;margin-bottom:2px}.lock-mode-hint{display:block;font-size:var(--type-caption-size);color:var(--text-dim);line-height:var(--type-caption-lh);font-weight:var(--type-caption-weight)}.lock-time-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--line)}.lock-time-row:last-of-type{border-bottom:0}.lock-time-row label{font-size:14px;font-weight:700;text-transform:none;letter-spacing:0;color:var(--text)}.lock-time-row input[type=time]{width:auto;min-width:140px;color:var(--success);font-weight:800}.lock-time-row input[type=time]:disabled{color:var(--disabled-fg);-webkit-text-fill-color:var(--disabled-fg);opacity:1}.lock-chips{display:flex;flex-wrap:wrap;gap:8px}.lock-chips .chip{pointer-events:none;background:var(--success);color:var(--on-overlay)}.lock-tip{margin:0;color:var(--text-dim);font-size:12px;line-height:1.4;padding:2px 4px 8px}@media (max-width: 600px){.topbar h2{font-size:16px}.lock-timer{font-size:56px}.welcome-hero h1{font-size:36px}.video-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}.simple-mode .cycle{font-size:48px;min-width:56px;height:180px}.pin-grid{grid-template-columns:repeat(3,72px)}.pin-grid button{width:72px;height:72px;font-size:22px}.library-row{grid-template-columns:80px 1fr}.library-row>button.danger{grid-column:1 / -1}.kid-row{grid-template-columns:50px 1fr}.kid-row .lock-controls,.kid-row>button.danger{grid-column:1 / -1}.lock-actions{grid-template-columns:1fr}}.parent-shell{height:100%;height:100dvh;display:flex;flex-direction:column;background:var(--bg);color:var(--text);position:relative;overflow:hidden}.parent-shell .ps-header{flex:none;display:flex;align-items:center;gap:var(--space-2);width:min(480px,100%);margin:0 auto;padding:var(--space-3) var(--space-4) var(--space-2);padding-top:calc(var(--space-3) + env(safe-area-inset-top,0px))}.parent-shell .ps-header h1{flex:1;min-width:0;margin:0;font-size:var(--type-title-sm-size);line-height:var(--type-title-sm-lh);font-weight:var(--type-title-sm-weight);letter-spacing:-.02em}.parent-shell button.ps-back{background:transparent;color:var(--text-dim);min-width:48px;min-height:48px;padding:0;font-size:28px;font-weight:700;border-radius:var(--radius-pill)}.parent-shell button.ps-back:hover{background:#2c18100f;color:var(--text)}.parent-shell .ps-scroll{flex:1;overflow-y:auto;width:min(480px,100%);margin:0 auto;padding:var(--space-2) 20px var(--space-4);-webkit-overflow-scrolling:touch}.parent-shell .ps-home h2,.parent-shell .ps-section-head h2{margin:0;font-size:18px;font-weight:800;letter-spacing:-.02em}.parent-shell .ps-kicker{margin:0 0 var(--space-2);font-size:13px;font-weight:700;color:var(--text-dim);text-transform:uppercase;letter-spacing:.06em}.parent-shell .ps-lock-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-sm);margin-bottom:var(--space-4)}.parent-shell .ps-lock-card.is-locked{background:#f8e8e4;border-color:#e8c0b8}.parent-shell .ps-lock-card h2{font-size:24px;font-weight:800;letter-spacing:-.02em;margin:0 0 4px}.parent-shell .ps-lock-sub{margin:0 0 var(--space-5);font-size:15px;font-weight:600;color:var(--text-dim)}.parent-shell .ps-lock-card.is-locked h2,.parent-shell .ps-lock-card.is-locked .ps-lock-sub{color:var(--danger)}.parent-shell .ps-lock-card.is-locked .ps-lock-sub{opacity:.85}.parent-shell button.ps-lock-btn{width:100%;min-height:48px;border-radius:var(--radius-lg);background:var(--accent);color:var(--on-accent);font-size:17px;font-weight:800;box-shadow:0 4px #e86a3c,var(--shadow-sm)}.parent-shell button.ps-lock-btn:hover{background:var(--accent-soft);color:var(--on-accent)}.parent-shell button.ps-lock-btn:active{transform:translateY(2px);box-shadow:0 2px #e86a3c,var(--shadow-sm)}.parent-shell button.ps-lock-btn.is-locked{background:var(--surface-hi);color:var(--text);box-shadow:0 4px 0 var(--bg-3),var(--shadow-sm)}.parent-shell button.ps-lock-btn.is-locked:hover{background:var(--bg-3);color:var(--text)}.parent-shell button.ps-lock-btn.is-locked:active{box-shadow:0 2px 0 var(--bg-3),var(--shadow-sm)}.parent-shell button.ps-lock-btn svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.parent-shell .ps-section-head{display:flex;align-items:center;justify-content:space-between;margin:var(--space-2) 0 var(--space-3)}.parent-shell button.ps-textlink{background:transparent;color:var(--accent);font-size:14px;font-weight:700;min-height:48px;padding:8px 4px}.parent-shell button.ps-textlink:hover{background:transparent;color:var(--accent-soft)}.parent-shell .ps-schedule{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-4);box-shadow:var(--shadow-sm);margin-bottom:var(--space-4)}.parent-shell .ps-schedule.is-ignored{opacity:.72}.parent-shell .ps-sched-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) 0}.parent-shell .ps-sched-row+.ps-sched-row{border-top:1px solid var(--line)}.parent-shell .ps-sched-dot{width:10px;height:10px;border-radius:50%;background:var(--accent);flex:none}.parent-shell .ps-sched-dot.dim{background:var(--bg-3)}.parent-shell .ps-sched-text{flex:1;min-width:0}.parent-shell .ps-sched-text strong{display:block;font-size:15px;font-weight:700}.parent-shell .ps-sched-text span{display:block;font-size:13px;font-weight:600;color:var(--text-faint)}.parent-shell .ps-sched-time{font-size:14px;font-weight:800;color:var(--text-dim)}.parent-shell .ps-sched-note,.parent-shell .ps-empty,.parent-shell .ps-hint{margin:0;font-size:13px;font-weight:600;color:var(--text-faint)}.parent-shell .ps-sched-note{padding:0 0 var(--space-3)}.parent-shell .ps-empty{margin-bottom:var(--space-4)}.parent-shell .ps-kids{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-3);margin-bottom:var(--space-4)}.parent-shell button.ps-kid-chip{display:flex;flex-direction:column;align-items:flex-start;text-align:left;gap:2px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-4);min-height:48px;box-shadow:var(--shadow-sm)}.parent-shell button.ps-kid-chip:hover{background:var(--surface);filter:brightness(.99)}.parent-shell button.ps-kid-chip strong{font-size:15px;font-weight:800}.parent-shell button.ps-kid-chip span{font-size:12px;font-weight:600;color:var(--text-faint)}.parent-shell .ps-avatar{width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:var(--space-2);overflow:hidden}.parent-shell .ps-avatar.photo{object-fit:cover;padding:0}.parent-shell .ps-dock{flex:none;width:min(480px,100%);margin:0 auto;display:flex;justify-content:space-around;gap:4px;padding:6px 8px calc(6px + env(safe-area-inset-bottom,0px));background:#fff8f0f0;border-top:1px solid var(--line);z-index:40}.parent-shell button.ps-dock-btn{flex:1;flex-direction:column;gap:2px;min-height:48px;padding:6px 2px;background:transparent;color:var(--text-faint);border-radius:var(--radius-md);font-size:11px;font-weight:700}.parent-shell button.ps-dock-btn:hover{background:transparent;color:var(--text)}.parent-shell button.ps-dock-btn:active{transform:none;background:var(--surface-hi)}.parent-shell button.ps-dock-btn.on{color:var(--accent);background:#ff7f501f}.parent-shell button.ps-dock-btn.on:hover{color:var(--accent);background:#ff7f5029}.parent-shell button.ps-dock-btn svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.parent-shell .ps-seg{display:flex;gap:8px;margin-bottom:var(--space-3)}.parent-shell .ps-seg button{flex:1;min-height:48px;background:var(--bg-2)}.parent-shell .ps-seg button.on{background:var(--accent);color:var(--on-accent)}.parent-shell .ps-relocated{padding-bottom:var(--space-4)}.parent-shell .ps-sheet-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#1c191766;z-index:50}.parent-shell .ps-sheet-backdrop[hidden],.parent-shell .ps-sheet-wrap[hidden]{display:none}.parent-shell .ps-sheet-wrap{position:absolute;left:0;right:0;bottom:0;z-index:60;display:flex;justify-content:center}.parent-shell .ps-sheet{width:min(480px,100%);max-height:88%;background:var(--bg);border-radius:var(--radius-xl) var(--radius-xl) 0 0;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;overflow:hidden}.parent-shell .ps-sheet.dragging{transition:none}.parent-shell .ps-sheet-handle{width:40px;height:4px;background:var(--bg-3);border-radius:var(--radius-pill);margin:12px auto 4px;flex:none;touch-action:none}.parent-shell .ps-sheet-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) 20px var(--space-2);gap:var(--space-3)}.parent-shell .ps-sheet-header h2{margin:0;font-size:20px;font-weight:800}.parent-shell button.ps-sheet-close{width:48px;height:48px;min-height:48px;padding:0;border-radius:50%;background:var(--surface-hi);color:var(--text-dim);font-size:22px;font-weight:700}.parent-shell button.ps-sheet-close:hover{background:var(--bg-3)}.parent-shell .ps-sheet-body{overflow-y:auto;padding:var(--space-2) 20px calc(24px + env(safe-area-inset-bottom,0px))}.parent-shell .ps-lock-panel{display:flex;flex-direction:column;gap:var(--space-3)}.parent-shell .ps-lock-panel .ps-kicker{margin-top:var(--space-3)}.parent-shell .ps-mode-tiles{display:flex;flex-direction:column;gap:var(--space-3)}.parent-shell button.ps-mode-tile{width:100%;text-align:left;flex-direction:column;align-items:flex-start;gap:2px;padding:var(--space-4);background:var(--surface);border:2px solid var(--line);border-radius:var(--radius-lg);min-height:48px}.parent-shell button.ps-mode-tile strong{font-size:16px;font-weight:800}.parent-shell button.ps-mode-tile span{font-size:13px;font-weight:600;color:var(--text-faint)}.parent-shell button.ps-mode-tile.selected{border-color:var(--accent);background:#ff7f501a;box-shadow:var(--shadow-sm)}.parent-shell button.ps-mode-tile.selected strong{color:var(--accent)}.parent-shell button.ps-mode-tile:hover{background:var(--surface)}.parent-shell button.ps-mode-tile.selected:hover{background:#ff7f5024}.parent-shell .ps-time-row{display:flex;gap:var(--space-3)}.parent-shell .ps-time-row.is-ignored{opacity:.72}.parent-shell .ps-time-field{flex:1;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4)}.parent-shell .ps-time-field label{display:block;font-size:12px;font-weight:700;color:var(--text-faint);margin-bottom:4px}.parent-shell .ps-time-field input[type=time]{width:100%;background:transparent;border:none;padding:0;min-height:40px;font-size:18px;font-weight:800;color:var(--text)}.parent-shell .ps-allow-list{display:flex;flex-direction:column;gap:var(--space-3)}.parent-shell button.ps-allow{width:100%;display:flex;align-items:center;gap:var(--space-3);text-align:left;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);min-height:48px}.parent-shell button.ps-allow:hover{background:var(--surface)}.parent-shell button.ps-allow .ps-avatar{width:36px;height:36px;margin:0;font-size:16px;flex:none}.parent-shell .ps-allow-info{flex:1;min-width:0;display:flex;flex-direction:column}.parent-shell .ps-allow-info strong{font-size:15px;font-weight:800}.parent-shell .ps-allow-info span{font-size:13px;font-weight:600;color:var(--text-faint)}.parent-shell .ps-switch{width:52px;height:32px;border-radius:var(--radius-pill);background:var(--bg-3);position:relative;flex:none}.parent-shell .ps-switch:after{content:"";position:absolute;top:3px;left:3px;width:26px;height:26px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm)}.parent-shell .ps-switch.on{background:var(--accent)}.parent-shell .ps-switch.on:after{transform:translate(20px)}.house-mark{display:inline-flex;color:var(--accent);line-height:0;flex:none;filter:drop-shadow(0 8px 16px rgba(255,127,80,.28))}.house-mark svg{display:block}.house-mark.compact{filter:drop-shadow(0 2px 6px rgba(255,127,80,.28))}.welcome.entry-v2{min-height:100%;justify-content:center;width:min(100%,480px);padding-top:4vh;padding-bottom:4vh;gap:20px}.welcome.entry-v2 .welcome-hero{gap:6px}.welcome.entry-v2 .welcome-hero h1{margin-top:4px}.welcome.entry-v2 .welcome-coach{margin:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:14px 16px;text-align:center;color:var(--text-dim);font-weight:700;font-size:15px;line-height:1.35}.welcome.entry-v2 .welcome-buttons{gap:12px}.welcome.entry-v2 .welcome-buttons button{width:100%;min-height:56px}.welcome.entry-v2 .welcome-buttons button.primary{background:var(--accent);color:var(--on-accent)}.welcome.entry-v2 .welcome-buttons button.big:not(.primary){background:var(--surface);color:var(--text);border:1.5px solid var(--line)}.signin.entry-v2{padding-top:6vh;gap:12px}.signin.entry-v2 .signin-lead{margin:0 0 4px;font-size:15px;line-height:1.4}.signin.entry-v2 label{color:var(--text);text-transform:none;letter-spacing:0;font-size:15px;font-weight:800}.signin.entry-v2 input{background:var(--surface);color:var(--text);border:1.5px solid var(--line)}.signin.entry-v2 input:focus{background:var(--bg);border-color:var(--accent)}.signin.entry-v2 button.primary{background:var(--accent);color:var(--on-accent);width:100%;min-height:56px}.signin.entry-v2 button.ghost{min-height:48px;color:var(--text);font-weight:700}.signin.entry-v2 button.back{padding-left:0}.profile-picker.entry-v2{min-height:100%;justify-content:flex-start;padding-top:4vh;padding-bottom:var(--space-6);gap:var(--space-5)}.profile-picker.entry-v2 .sync-pill{position:static;align-self:flex-end}.ww-header{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;max-width:720px}.ww-title{min-width:0}.profile-picker.entry-v2 h1{font-size:clamp(32px,5vw,44px);font-weight:900;letter-spacing:-.03em;line-height:1.05;margin:0}.ww-wave{display:block;width:min(180px,42vw);height:14px;margin-top:6px;color:var(--accent)}.profile-picker.entry-v2 .kid-grid{overflow:visible;max-width:960px;gap:24px 20px}.profile-picker.entry-v2 .kid-tile{background:transparent;color:var(--text);box-shadow:none;padding:4px 4px 8px;border-radius:var(--radius-lg);font-weight:800;min-height:56px;width:100%;gap:8px}.profile-picker.entry-v2 .kid-tile:hover,.profile-picker.entry-v2 .kid-tile:active{transform:none;box-shadow:none;background:transparent}.ww-avatar-wrap{position:relative;display:grid;place-items:center;width:100%}.ww-face{position:relative;display:grid;place-items:center;border-radius:50%;background:var(--surface);overflow:hidden;box-shadow:var(--shadow-sm)}.ww-tint{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.4}.ww-face{container-type:inline-size}.ww-emoji{position:relative;z-index:1;font-size:56px;font-size:52cqi;line-height:1}.ww-photo{position:relative;z-index:1;width:100%;height:100%;object-fit:cover;border-radius:50%}.profile-picker.entry-v2 .kid-tile .name{font-size:18px;font-weight:800;color:var(--text);line-height:1.2}.ww-dot{width:8px;height:8px;border-radius:50%;background:var(--accent)}.profile-picker.entry-v2 .kid-tile.is-resting .ww-face{filter:grayscale(.7)}.profile-picker.entry-v2 .kid-tile.is-resting .name{color:var(--text-dim)}.profile-picker.entry-v2 .kid-tile.is-resting .ww-dot{background:var(--text-faint)}.ww-resting{position:absolute;left:50%;bottom:8px;transform:translate(-50%);z-index:2;background:var(--text);color:var(--bg);font-size:11px;font-weight:800;padding:3px 8px;border-radius:var(--radius-pill);line-height:1.2;pointer-events:none;white-space:nowrap}.profile-picker.entry-v2 .profile-footer{margin-top:auto;padding-top:var(--space-4);gap:2px}.profile-picker.entry-v2 button.ww-parents{background:transparent;color:var(--text-dim);font-size:18px;font-weight:700;gap:8px;min-height:48px;padding:8px 16px}.profile-picker.entry-v2 button.ww-parents:hover{background:transparent;color:var(--text)}.ww-lock{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.profile-picker.entry-v2 button.ww-quiet{background:transparent;color:var(--text-faint);font-size:14px;font-weight:600;min-height:44px;padding:4px 12px}.profile-picker.entry-v2 button.ww-quiet:hover{background:transparent;color:var(--text-dim)}@media (orientation: portrait) and (max-width: 560px){.profile-picker.entry-v2 .kid-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 16px}}@media (orientation: portrait) and (min-width: 561px){.profile-picker.entry-v2 .kid-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (orientation: landscape){.profile-picker.entry-v2 .kid-grid{grid-template-columns:repeat(auto-fit,minmax(140px,168px));justify-content:center}}.pin-gate.entry-v2{max-width:420px;margin:0 auto;padding-top:6vh;text-align:center}.pin-gate.entry-v2 h2{font-size:var(--type-title-size);font-weight:var(--type-title-weight)}.pin-gate.entry-v2 .pin-context{margin:0;max-width:34ch}.pinpad.entry .pin-grid{grid-template-columns:repeat(3,minmax(56px,80px));gap:12px}.pinpad.entry .pin-grid button{width:100%;aspect-ratio:1;min-width:56px;min-height:56px;height:auto;font-size:24px;font-weight:800;background:var(--surface);color:var(--text)}.pinpad.entry .pin-grid button:hover{background:var(--surface-hi)}.pin-gate.entry-v2 button.ghost{min-height:48px;font-weight:700}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.page.landing.simple-home{height:100%;height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:12px 20px 16px}.simple-home-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;padding:4px 8px 8px}.simple-home-brand{display:flex;align-items:center;gap:10px;min-width:0;font-size:20px;font-weight:900;letter-spacing:-.02em;color:var(--text)}.simple-home-actions{display:flex;align-items:center;justify-content:flex-end;gap:2px;min-width:0}button.simple-home-greet,button.simple-home-mode{background:transparent;color:var(--text-dim);font-weight:700;box-shadow:none}button.simple-home-greet:hover,button.simple-home-mode:hover{background:transparent;color:var(--text)}button.simple-home-greet{font-size:16px;max-width:min(46vw,320px);min-width:0;padding:8px 10px;overflow:hidden}.simple-home-greet-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}button.simple-home-mode{color:var(--text-faint);font-size:14px;font-weight:700;padding:8px 10px}.simple-home .sabbath-banner{flex-shrink:0}.simple-home .empty-filter{flex:1;display:flex;align-items:center;justify-content:center;margin-top:0}.simple-home .resume-banner{flex-shrink:0}.poster-home{flex:1;min-height:0;display:flex;flex-direction:column}.poster-carousel{position:relative;flex:1;min-height:0;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-poster);touch-action:pan-y;-webkit-user-select:none;user-select:none;background:var(--accent)}.poster-track{display:flex;height:100%;width:100%;transition:transform .45s cubic-bezier(.32,.72,0,1);will-change:transform}.poster-slide{flex:0 0 100%;width:100%;min-width:100%;height:100%;position:relative;display:flex;align-items:flex-end;padding:28px 84px 32px;color:var(--on-overlay);overflow:hidden}.poster-slide.is-fallback{background:linear-gradient(145deg,var(--accent) 0%,var(--accent-soft) 46%,var(--bg-2) 100%)}.poster-cover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.poster-scrim{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#1c19170d,#1c191714 42%,#3c18108c)}.poster-slide.has-thumb .poster-scrim{background:linear-gradient(100deg,rgba(255,90,55,.38),transparent 48%),linear-gradient(180deg,#1c19172e,#1c19171f 36%,#200e0ad1)}.poster-copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;max-width:min(560px,78%);text-align:left}.poster-badge{display:inline-flex;align-items:center;padding:6px 14px;margin-bottom:12px;background:#ffffff38;border-radius:var(--radius-pill);font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.poster-title{margin:0 0 8px;font-size:clamp(28px,4vw,44px);font-weight:900;letter-spacing:-.03em;line-height:1.1;text-shadow:0 2px 12px rgba(0,0,0,.28);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.poster-meta{margin:0 0 20px;font-size:16px;font-weight:700;line-height:1.35;opacity:.94}button.poster-play{min-height:56px;min-width:148px;padding:0 28px;background:#fff;color:var(--text);border-radius:var(--radius-pill);font-size:20px;font-weight:800;box-shadow:0 6px #0000001f,var(--shadow-md)}button.poster-play:hover{background:#fff}button.poster-play:active{transform:translateY(3px);box-shadow:0 3px #0000001f,var(--shadow-sm)}button.poster-play svg{width:26px;height:26px;fill:var(--accent)}button.poster-nav{position:absolute;top:50%;z-index:2;width:56px;height:56px;min-width:56px;min-height:56px;padding:0;border-radius:50%;background:#fff8f0f0;color:var(--text);box-shadow:var(--shadow-md);transform:translateY(-50%)}button.poster-nav:hover{background:#fff}button.poster-nav:active{transform:translateY(-50%) scale(.94)}button.poster-nav.prev{left:14px}button.poster-nav.next{right:14px}button.poster-nav svg{width:28px;height:28px;stroke:currentColor;fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.poster-dots{display:flex;justify-content:safe center;align-items:center;gap:0;flex-shrink:0;padding-top:6px;overflow-x:auto;scrollbar-width:none}.poster-dots::-webkit-scrollbar{display:none}button.poster-dot{flex:none;width:44px;min-width:44px;height:44px;min-height:44px;padding:0;background:transparent;border-radius:var(--radius-pill);box-shadow:none}button.poster-dot:hover{background:transparent}button.poster-dot .poster-dot-pip{width:10px;height:10px;border-radius:50%;background:var(--bg-3);display:block;transition:width var(--t-med) var(--ease),background-color var(--t-med) var(--ease)}button.poster-dot[aria-selected=true] .poster-dot-pip{width:28px;border-radius:var(--radius-pill);background:var(--accent)}@media (max-width: 700px){.page.landing.simple-home{padding:8px 12px 12px}.poster-slide{padding:20px 72px 24px}.poster-copy{max-width:100%}.poster-title{font-size:clamp(24px,7vw,34px)}button.simple-home-greet{font-size:14px}}@media (max-height: 520px){.poster-slide{padding-top:16px;padding-bottom:16px}.poster-title{-webkit-line-clamp:2;font-size:26px}.poster-meta{margin-bottom:10px}.poster-badge{margin-bottom:6px}}.page.landing.big-kids-home{height:auto;min-height:100%;overflow:visible;max-width:1100px;margin:0 auto;padding-bottom:28px}.big-kids-home .simple-home-bar{margin-bottom:4px}.big-kids-shelves{display:flex;flex-direction:column}.big-kids-search-row{display:flex;gap:8px;align-items:center;margin:4px 0 8px}.big-kids-search{flex:1;min-height:52px;border-radius:var(--radius-md);background:var(--surface);font-size:18px;font-weight:700;padding:0 16px}.big-kids-search:focus{background:var(--surface)}button.big-kids-search-clear{min-height:52px;padding:0 16px;white-space:nowrap}.big-kids-home .big-kids-type-chips{overflow:visible;flex-wrap:wrap;margin:0 0 4px;padding:0}.big-kids-home .shelf{margin:18px 0 8px}.shelf-title{margin:0 0 12px;font-size:var(--type-title-sm-size);font-weight:var(--type-title-sm-weight);line-height:var(--type-title-sm-lh);letter-spacing:-.02em}.shelf-row{display:flex;align-items:stretch;gap:14px;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;scroll-padding-inline:4px;padding:4px 2px 12px;scrollbar-width:thin;touch-action:pan-x pan-y}.shelf-row::-webkit-scrollbar{height:6px}.shelf-row::-webkit-scrollbar-thumb{background:var(--bg-3);border-radius:var(--radius-pill)}.shelf-row>.video-card{flex:0 0 220px;width:220px;max-width:78vw;scroll-snap-align:start;box-shadow:var(--shadow-sm)}.shelf-row>.video-card.lg{flex-basis:260px;width:260px}.shelf-row>.video-card:hover{transform:none}.video-card.lg .title{font-size:15px;font-weight:800}.video-card.lg .channel{font-size:13px;font-weight:700}.big-kids-results{margin-top:8px}@media (prefers-reduced-motion: reduce){.shelf-row{scroll-snap-type:none}}.kid-browse{display:block;min-height:100%;height:auto;overflow:visible}.kid-dock{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-template-columns:repeat(4,1fr);background:var(--surface);border-top:1px solid rgba(44,24,16,.08);padding-bottom:env(safe-area-inset-bottom,0px);box-shadow:0 -8px 24px #2c18100f}button.kid-dock-tab{width:100%;min-height:64px;padding:6px 2px 8px;background:transparent;color:var(--text-dim);border-radius:0;box-shadow:none;flex-direction:column;gap:2px;font-size:12px;font-weight:800;line-height:1.2}button.kid-dock-tab:hover{background:transparent;color:var(--text)}button.kid-dock-tab:active{transform:none;background:var(--surface-hi)}button.kid-dock-tab.on{color:var(--accent);background:transparent}button.kid-dock-tab.on:hover,button.kid-dock-tab.on:active{color:var(--accent);background:#ff7f501f}button.kid-dock-tab:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}button.kid-dock-tab svg{width:24px;height:24px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.kid-browse.has-dock>.page{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}.kid-browse.has-dock>.page.landing.simple-home,.kid-browse.has-dock>.page.landing.big-kids-home{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}.page.kid-search,.page.kid-library{max-width:1100px;margin:0 auto;height:auto;overflow:visible}.kid-browse-title{margin:0 0 12px;font-size:var(--type-title-size);font-weight:var(--type-title-weight);line-height:var(--type-title-lh);letter-spacing:-.02em}.kid-search-row{display:flex;gap:8px;align-items:center;margin:4px 0 16px}input.kid-search-input:not([type=checkbox]):not([type=radio]):not([type=color]):not([type=file]):not([type=range]){flex:1;min-height:56px;border-radius:var(--radius-md);background:var(--surface);font-size:20px;font-weight:700;padding:0 16px}input.kid-search-input:not([type=checkbox]):focus{background:var(--surface);border-color:var(--accent)}button.kid-search-clear{min-height:56px;padding:0 16px;background:var(--bg-2);color:var(--text);font-weight:800;white-space:nowrap}button.kid-search-clear:hover{background:var(--surface-hi)}.kid-search-coach{margin:28px 8px;text-align:center;color:var(--text-dim);font-size:22px;font-weight:800;line-height:1.3}.kid-library .kid-library-chips,.page.kid-library .filter-chips{overflow:visible;flex-wrap:wrap;margin:0 0 8px}.kid-search .video-grid,.kid-library .video-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}