:root{--bg:#eef1f6;--group:#fff;--fill:#e2e6ee;--separator:#3c435a24;--text:#1c2333;--muted:#6a7286;--honey:#f0b429;--on-honey:#1c2333;--focus:var(--text);--danger:#c8423b;--danger-fill:#f6dedc;--heart:#e0607e;--chart-bar:#b57c08;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-text-size-adjust:100%;font-family:ui-rounded,SF Pro Rounded,system-ui,-apple-system,sans-serif}@media (prefers-color-scheme:dark){:root{--bg:#131722;--group:#1c2130;--fill:#272d3e;--separator:#dce2f01f;--text:#eef1f7;--muted:#98a0b4;--honey:#f2c14e;--focus:var(--honey);--danger:#ef7b74;--danger-fill:#3a2427;--heart:#f08aa0;--chart-bar:#b8820f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;margin:0;font-size:17px;line-height:1.35}#app{padding:max(24px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) 48px max(24px, env(safe-area-inset-left));max-width:1180px;margin:0 auto}[hidden]{display:none!important}a{color:inherit;text-decoration:none}.icon{fill:currentColor;flex:none;width:22px;height:22px}#app.push>*{animation:.26s cubic-bezier(.2,.8,.2,1) push}#app.pop>*{animation:.26s cubic-bezier(.2,.8,.2,1) pop}@keyframes push{0%{opacity:0;transform:translate(28px)}}@keyframes pop{0%{opacity:0;transform:translate(-28px)}}@media (prefers-reduced-motion:reduce){#app.push>*,#app.pop>*{animation:none}}button,.tappable{touch-action:manipulation;transition:transform .12s,opacity .12s}button:active:not(:disabled),.tappable:active{opacity:.85;transform:scale(.97)}:focus-visible{outline:3px solid var(--focus);outline-offset:2px}button{font:inherit;color:var(--text);background:var(--fill);cursor:pointer;border:none}.btn{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;gap:6px;min-height:36px;padding:0 16px;font-size:15px;font-weight:600;display:inline-flex}.btn.primary{background:var(--honey);color:var(--on-honey)}.btn.danger{background:var(--danger-fill);color:var(--danger)}.btn.large{min-height:50px;padding:0 28px;font-size:17px}button:disabled{opacity:.45;cursor:default}.icon-button{background:var(--fill);width:40px;height:40px;color:var(--text);border-radius:50%;flex:none;place-items:center;padding:0;display:inline-grid}.nav{align-items:center;gap:12px;min-height:44px;margin-bottom:20px;display:flex}.nav h1{letter-spacing:.01em;flex:1;margin:0;font-size:34px;font-weight:700;line-height:41px}.nav .actions{gap:10px;display:flex}.search{background:var(--fill);height:44px;color:var(--muted);border-radius:12px;align-items:center;gap:8px;margin-bottom:24px;padding:0 12px;display:flex}.search:focus-within{outline:3px solid var(--focus);outline-offset:2px}.search input{min-width:0;height:100%;color:var(--text);font:inherit;-webkit-user-select:text;user-select:text;background:0 0;border:none;outline:none;flex:1;font-size:17px}.search input::placeholder{color:var(--muted)}.quiet{color:var(--muted);text-align:center;margin:40px 0}.section-title{margin:0 0 12px;font-size:22px;font-weight:700;line-height:28px}.grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:28px 20px;display:grid}.grid.channels{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.video,.channel{flex-direction:column;gap:8px;display:flex}.thumb{aspect-ratio:16/9;background:var(--fill);border-radius:14px;position:relative;overflow:hidden}.thumb img{object-fit:cover;-webkit-user-drag:none;width:100%;height:100%;display:block}.channel .thumb{aspect-ratio:4/3;border-radius:22px}.channel .title{text-align:center;font-size:17px;font-weight:600}.video .title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;font-weight:500;line-height:20px;display:-webkit-box;overflow:hidden}.meta{color:var(--muted);font-size:13px}.progress{background:var(--fill);border-radius:2px;height:4px;margin:-2px 2px 0;overflow:hidden}.progress>div{background:var(--honey);height:100%}.progress.empty{visibility:hidden}.new-badge,.new-tag{background:var(--honey);color:var(--on-honey);border-radius:999px;padding:3px 10px;font-size:13px;font-weight:700;position:absolute;top:10px;right:10px}.new-tag{left:10px;right:auto}.fav-mark{width:30px;height:30px;color:var(--heart);background:#fffffff0;border-radius:50%;place-items:center;display:grid;position:absolute;top:8px;right:8px}.fav-mark .icon{width:17px;height:17px}.favorites{margin-bottom:32px}.row-scroll{scrollbar-width:none;grid-auto-columns:240px;grid-auto-flow:column;gap:20px;padding-bottom:4px;display:grid;overflow-x:auto}.row-scroll::-webkit-scrollbar{display:none}.hint{color:var(--muted);margin:-8px 0 24px}.channels.editing .channel{touch-action:none;cursor:grab}.channels.editing .channel .thumb{outline:2px dashed color-mix(in srgb, var(--muted) 50%, transparent);outline-offset:4px}.channels .channel.dragging{opacity:.85;z-index:1;transform:scale(1.06)}.arrange-options{margin:-8px 0 24px}.arrange-options .hint{margin:0 0 12px}.kid-option{background:var(--group);border-radius:12px;justify-content:space-between;align-items:center;gap:16px;max-width:420px;padding:10px 16px;font-weight:600;display:flex}.empty-state{text-align:center;justify-items:center;gap:10px;max-width:420px;margin:80px auto;display:grid}.empty-state h2{margin:0;font-size:22px}.empty-state p{color:var(--muted);margin:0 0 8px}.parent{max-width:760px;margin-left:auto;margin-right:auto}.group-section{margin-bottom:32px}.group-header{color:var(--muted);justify-content:space-between;align-items:baseline;margin:0 16px 8px;font-size:15px;font-weight:600;display:flex}.group{background:var(--group);border-radius:12px;overflow:hidden}.group-footer{color:var(--muted);margin:8px 16px 0;font-size:13px}.list-row{align-items:center;gap:14px;min-height:52px;padding:10px 16px;display:flex;position:relative}.list-row+.list-row:before{content:"";background:var(--separator);height:1px;position:absolute;top:0;left:16px;right:0}.list-row .text{flex:1;gap:2px;min-width:0;display:grid}.list-row .text strong{font-weight:600}.list-row .text .meta{font-size:14px}.list-row .trailing{color:var(--muted);white-space:nowrap;font-size:15px}.list-row.action{color:var(--text);text-align:left;background:0 0;border-radius:0;width:100%;font-weight:600}.list-row.action .icon{color:var(--honey)}.avatar{object-fit:cover;background:var(--fill);border-radius:50%;flex:none;width:40px;height:40px}.avatar.letter{color:var(--muted);place-items:center;font-weight:700;display:grid}.parent .section-title{margin:8px 0 14px}.avatar.large{width:60px;height:60px}.history-thumb{aspect-ratio:16/9;object-fit:cover;border-radius:8px;flex:none;width:96px}.list-row .clamp{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.done-mark{color:var(--honey)}.kids-pill{background:color-mix(in srgb, var(--honey) 28%, transparent);color:var(--text);border-radius:999px;padding:1px 8px;font-size:12px;font-weight:700;display:inline-block}.result-row{align-items:flex-start}.result-row .description{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:4px 0 0;font-size:14px;display:-webkit-box;overflow:hidden}.latest{gap:6px;margin-top:8px;display:flex;overflow:hidden}.latest img{aspect-ratio:16/9;object-fit:cover;border-radius:6px;flex:none;width:92px}.confirm{gap:8px;display:flex}.parent .search{margin-bottom:8px}.parent .group-footer+div .group-section{margin-top:16px}.week{gap:14px;padding:16px;display:grid}.week-total{gap:2px;display:grid}.week-total strong{font-size:28px;font-weight:700;line-height:34px}.week-chart,.week-days{grid-template-columns:repeat(7,1fr);gap:10px;display:grid}.week-chart{border-bottom:1px solid var(--separator);height:110px}.bar{background:0 0;border-radius:0;height:100%;padding:0;position:relative}.bar-fill{background:var(--chart-bar);opacity:.85;border-radius:4px 4px 0 0;width:min(36px,100%);margin:0 auto;position:absolute;bottom:0;left:0;right:0}.bar.selected .bar-fill,.bar:hover .bar-fill{opacity:1}.week-days span{text-align:center;color:var(--muted);font-size:13px}.week-days .today{color:var(--text);font-weight:700}.chart-readout{min-height:1.4em;color:var(--muted);margin:0;font-size:15px}.switch{appearance:none;background:var(--fill);cursor:pointer;border-radius:999px;flex:none;width:51px;height:31px;margin:0;transition:background .16s;position:relative}.switch:after{content:"";background:#fff;border-radius:50%;width:27px;height:27px;transition:transform .16s;position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #0003}.switch:checked{background:var(--honey)}.switch:checked:after{transform:translate(20px)}.pin{justify-items:center;gap:18px;margin-top:40px;display:grid}.pin h2{margin:0;font-size:22px;font-weight:600}.pin-dots{gap:16px;display:flex}.pin-dots span{border:1.5px solid var(--text);border-radius:50%;width:13px;height:13px}.pin-dots span.filled{background:var(--text)}.pin-message{min-height:1.4em;color:var(--danger);margin:0;font-size:15px}.pin-keys{grid-template-columns:repeat(3,80px);gap:16px 24px;display:grid}.pin-keys button{border-radius:50%;place-items:center;width:80px;height:80px;padding:0;font-size:34px;font-weight:400;display:grid}.pin-keys button.plain{background:0 0}@media (width<=640px){#app{padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right))}.grid,.grid.channels{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px 14px}.stage .back{left:max(16px, env(safe-area-inset-left))}.time{display:none}}.player-layer{z-index:10;visibility:hidden;pointer-events:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#000;position:fixed;inset:0}.player-layer.open{visibility:visible;pointer-events:auto}.stage{--focus:var(--honey);position:absolute;inset:0;overflow:hidden}.frame{position:absolute;inset:0}.frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.shield>div{touch-action:manipulation;position:absolute;left:0;right:0}.shield .top{height:22%;top:0}.shield .mid{height:56%;top:22%}.shield .bottom{height:22%;bottom:0}.shield[data-mid=off] .mid{pointer-events:none}.shield.visible .top,.shield.visible .bottom,.shield.visible[data-mid=on] .mid{background:#c46a5a40;outline:1px dashed #c46a5acc}.paused-hint{color:#fff;pointer-events:none;background:#0e0f128c;border-radius:50%;place-items:center;width:88px;height:88px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.paused-hint .icon{width:44px;height:44px}.flash{color:#fff;pointer-events:none;background:#0e0f128c;border-radius:999px;padding:12px 20px;font-size:20px;font-weight:600;position:absolute;top:50%;transform:translateY(-50%)}.flash[data-side=left]{left:10%}.flash[data-side=right]{right:10%}.error-cover{color:#e8e6e1;text-align:center;background:#000;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px;font-size:20px;display:flex;position:absolute;inset:0}.pill{font:inherit;background:var(--honey);color:#1c2333;cursor:pointer;border:none;border-radius:999px;padding:12px 26px;font-size:18px}.chrome{color:#f2f1ed;opacity:0;pointer-events:none;align-items:center;gap:12px;transition:opacity .4s;display:flex;position:absolute;left:0;right:0}.stage.chrome-on .chrome{opacity:1;pointer-events:auto}.back{top:max(24px, env(safe-area-inset-top));left:max(24px, env(safe-area-inset-left));transition:opacity .4s;position:absolute}.stage:not(.chrome-on) .back{opacity:.6}.chrome-bottom{padding:40px max(20px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));background:linear-gradient(#0000,#0009);bottom:0}.chrome .icon-button,.stage .back{color:#f2f1ed;box-shadow:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff24}.chrome .icon-button[aria-pressed=true]{background:var(--honey);color:#1c2333}.chrome .favorite-toggle[aria-pressed=true]{color:var(--heart);background:#fff}.chrome input[type=range]{appearance:none;--played:0%;background:0 0;border:none;flex:1;min-width:80px;height:28px;margin:0 6px;padding:0}.chrome input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--honey) var(--played), #ffffff40 var(--played));border-radius:3px;height:5px}.chrome input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:#fff;border-radius:50%;width:18px;height:18px;margin-top:-6.5px}.chrome input[type=range]::-moz-range-track{background:linear-gradient(to right, var(--honey) var(--played), #ffffff40 var(--played));border-radius:3px;height:5px}.chrome input[type=range]::-moz-range-thumb{background:#fff;border:none;border-radius:50%;width:18px;height:18px}.time{font-variant-numeric:tabular-nums;color:#f2f1edcc;white-space:nowrap;font-size:14px}.stage.letterbox{grid-template-rows:1fr auto 1fr;display:grid}.stage.letterbox .frame{aspect-ratio:16/9;grid-row:2;width:100%;position:relative;inset:auto}.stage.letterbox .chrome-bottom{padding-top:0;padding-bottom:env(safe-area-inset-bottom);background:0 0;grid-row:3;align-self:center;position:static}.stage.letterbox .chrome,.stage.letterbox:not(.chrome-on) .back{opacity:1;pointer-events:auto}.bar{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.bar h1{flex:1;margin:0;font-size:24px;font-weight:600}body[data-view=settings] button:not(.icon-button),body[data-view=checklist] button:not(.icon-button),.button{font:inherit;color:var(--text);background:var(--surface);box-shadow:var(--shadow);cursor:pointer;white-space:nowrap;border:none;border-radius:999px;padding:10px 16px;font-size:15px;text-decoration:none}body[data-view=settings] button.primary,body[data-view=checklist] button.primary{background:var(--accent);color:#fff}input,textarea,select{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--surface-2);-webkit-user-select:text;user-select:text;border-radius:12px;padding:10px 12px}body[data-view=checklist] h2{margin-top:32px;font-size:18px}.form{gap:18px;max-width:560px;margin:16px 0 24px;display:grid}.form label{gap:6px;display:grid}.form small{color:var(--muted)}.checks{gap:12px;padding-left:20px;display:grid}.checks li{background:var(--surface);box-shadow:var(--shadow);border-radius:14px;grid-template-columns:1fr auto;align-items:center;gap:8px 12px;padding:12px;display:grid}.checks li input{grid-column:1/-1}.status{gap:6px;display:flex}.status button{padding:6px 12px;font-size:13px}.status .active.status-blocked{background:var(--accent);color:#fff}.status .active.status-leaked{background:var(--warn);color:#fff}.status .active.status-na{background:var(--muted);color:#fff}.row{gap:8px;display:flex}.row input{flex:1}textarea{width:100%;margin-top:12px;font-family:ui-monospace,monospace;font-size:13px;display:block}.log{color:var(--muted);padding:0;font-family:ui-monospace,monospace;font-size:13px;list-style:none}.log time{color:var(--text)}@media (width<=640px){.stage .back{left:max(16px, env(safe-area-inset-left))}#app{padding-left:max(16px, env(safe-area-inset-left));padding-right:max(16px, env(safe-area-inset-right))}.grid,.grid.channels{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px 14px}.checks li{grid-template-columns:1fr}.time{display:none}}body:has(.player-layer.open){overflow:hidden}.parent,.sign-in{-webkit-user-select:text;user-select:text;-webkit-touch-callout:default}.lead{color:var(--muted);margin:-8px 0 20px}.sign-in{max-width:440px;margin:8vh auto 0}.kid-avatar{background:var(--kid);color:#1c2333;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-size:17px;font-weight:700;display:inline-grid}.kid-avatar.large{width:60px;height:60px;font-size:26px}.kid-avatar[data-color=honey]{--kid:#f6cf6a}.kid-avatar[data-color=sky]{--kid:#9cc7f0}.kid-avatar[data-color=leaf]{--kid:#a8d5a2}.kid-avatar[data-color=berry]{--kid:#e9a3c2}.kid-avatar[data-color=coral]{--kid:#f4ab94}.kid-avatar[data-color=plum]{--kid:#c3aee6}.kid-cards{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;margin-bottom:20px;display:grid}.kid-card{background:var(--group);border-radius:16px;justify-items:start;gap:8px;padding:18px;display:grid}.kid-card strong{font-size:20px;line-height:1.2}.kid-card .meta{min-height:1.35em;color:var(--muted);font-size:15px}.parent-form{background:var(--group);border-radius:12px;gap:16px;margin-bottom:24px;padding:16px;display:grid}.parent-form label,.parent-form .field-group{color:var(--muted);gap:6px;font-size:15px;display:grid}.field{background:var(--fill);width:100%;height:44px;color:var(--text);font:inherit;-webkit-user-select:text;user-select:text;border:none;border-radius:10px;padding:0 12px;font-size:17px}.field.code{letter-spacing:.3em;font-variant-numeric:tabular-nums;max-width:12em}.buttons{flex-wrap:wrap;gap:10px;display:flex}.parent-form .switch-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.switch-row>span{gap:2px;display:grid}.switch-row strong{color:var(--text);font-size:17px;font-weight:600}.switch-row small{color:var(--muted);font-size:14px}.colours{flex-wrap:wrap;gap:10px;display:flex}.colours button{background:0 0;border-radius:50%;padding:0}.colours button[aria-pressed=true] .kid-avatar{box-shadow:0 0 0 3px var(--group), 0 0 0 5px var(--text)}.note:empty{display:none}.pair{background:var(--group);text-align:center;border-radius:12px;justify-items:center;gap:8px;margin-bottom:24px;padding:24px 16px;display:grid}.pair-code{letter-spacing:.12em;font-variant-numeric:tabular-nums;-webkit-user-select:all;user-select:all;margin:0;font-size:56px;font-weight:700}.pair-code.expired{color:var(--muted);text-decoration:line-through}.pair-steps{gap:6px;margin:0 0 16px;padding-left:24px;display:grid}.visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.parent-form small{color:var(--muted);font-size:14px}