:root{--ink:#172435;--muted:#667085;--cream:#fbfaf6;--blue:#1585c7;--red:#ef3f34;--line:#e8e5dd}*{box-sizing:border-box}body{background:var(--cream);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button{font:inherit}main{min-height:100vh}.topbar{border-bottom:1px solid var(--line);z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffe0;justify-content:space-between;align-items:center;height:92px;padding:0 clamp(24px,6vw,92px);display:flex;position:sticky;top:0}.brand{color:var(--ink);letter-spacing:-1px;align-items:center;gap:10px;font-size:23px;font-weight:900;text-decoration:none;display:flex}.brand img{width:55px;height:55px}.brand span span{color:var(--red)}nav{gap:8px;display:flex}nav button{color:#6a7280;cursor:pointer;background:0 0;border:0;border-radius:99px;padding:11px 18px;font-weight:700}nav button.active{color:#087ab8;background:#eaf5fb}.profile{align-items:center;gap:14px;display:flex}.timer{color:#637083;background:#f3f4f6;border-radius:99px;padding:9px 12px;font-size:13px;font-weight:700}.profile button{color:#3e3210;cursor:pointer;background:#ffdd4c;border:0;border-radius:50%;width:42px;height:42px;font-weight:900}.welcome{background:radial-gradient(circle at 82% 0,#dff4ff 0,transparent 31%),linear-gradient(180deg,#fff 0,var(--cream) 100%);justify-content:space-between;align-items:flex-end;gap:30px;padding:68px clamp(24px,8vw,120px) 52px;display:flex}.eyebrow,.section-title p{letter-spacing:2px;color:#0b83c6;margin:0 0 14px;font-size:11px;font-weight:900}.welcome h1{letter-spacing:-3.5px;max-width:850px;margin:0;font-size:clamp(39px,5.4vw,72px);line-height:.99}.welcome h1 em{color:var(--red);font-family:Georgia,serif;font-weight:500}.welcome>div>p:last-child{color:var(--muted);margin:24px 0 0;font-size:17px}.parent-note{background:#fff;border:1px solid #dcebdc;border-radius:18px;align-items:center;gap:12px;min-width:310px;padding:16px 20px;display:flex;box-shadow:0 12px 35px #18243212}.parent-note>span{color:#15834a;background:#dcf5e5;border-radius:50%;place-items:center;width:37px;height:37px;font-weight:900;display:grid}.parent-note div{flex-direction:column;gap:4px;display:flex}.parent-note small,.channel small{color:var(--muted)}.channels,.video-section{padding:46px clamp(24px,8vw,120px)}.channels{background:#fff;border-top:1px solid #f0eee8;border-bottom:1px solid #f0eee8}.section-title{justify-content:space-between;align-items:end;margin-bottom:27px;display:flex}.section-title h2{letter-spacing:-1px;margin:0;font-size:28px}.section-title button{color:#087ab8;cursor:pointer;background:0 0;border:0;font-weight:800}.channel-row{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.channel{border:1px solid var(--line);background:#fff;border-radius:18px;align-items:center;gap:14px;padding:15px;display:flex}.channel>div:last-child{flex-direction:column;gap:4px;display:flex}.avatar{color:#fff;border-radius:16px;place-items:center;width:55px;height:55px;font-weight:900;display:grid;position:relative}.bell{color:var(--red);text-align:center;background:#fff;border:3px solid #fff;border-radius:50%;width:22px;height:22px;font-size:19px;line-height:13px;position:absolute;top:-7px;right:-6px}.no-autoplay{color:#667085;background:#f0f1f3;border-radius:99px;padding:9px 12px;font-size:12px;font-weight:800}.video-grid{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.video-card{min-width:0}.thumb{aspect-ratio:16/10;cursor:pointer;border:0;border-radius:20px;width:100%;transition:transform .2s;position:relative;overflow:hidden;box-shadow:inset 0 -30px 60px #0002}.thumb:hover{transform:translateY(-4px)}.thumb:before,.thumb:after{content:"";background:#fff3;border-radius:50%;position:absolute}.thumb:before{width:130px;height:130px;top:-40px;left:-22px}.thumb:after{width:88px;height:88px;bottom:-20px;right:-10px}.violet{background:linear-gradient(135deg,#7868f4,#4138a5)}.orange{background:linear-gradient(135deg,#ff9d3c,#e75528)}.teal{background:linear-gradient(135deg,#2bb8b1,#08757e)}.pink{background:linear-gradient(135deg,#ff78ac,#c93779)}.play{color:#1c2b3a;z-index:1;background:#fff;border-radius:50%;place-items:center;width:50px;height:50px;padding-left:4px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.duration,.new{color:#fff;z-index:1;background:#172435d9;border-radius:7px;padding:5px 7px;font-size:11px;font-weight:900;position:absolute}.duration{bottom:10px;right:10px}.new{background:var(--red);top:10px;left:10px}.video-info{gap:11px;padding:14px 4px;display:flex}.mini-avatar{background:#e8ecf4;border-radius:50%;flex:none;place-items:center;width:36px;height:36px;font-weight:900;display:grid}.video-info small{color:#697386}.video-info h3{margin:4px 0 8px;font-size:16px;line-height:1.3}.age{color:#278052;background:#e8f5ed;border-radius:99px;padding:5px 7px;font-size:11px}.empty{text-align:center;color:var(--muted);border:1px dashed #cfd4dc;border-radius:24px;padding:50px}.empty h3{color:var(--ink)}.safety{color:#fff;background:#172435;border-radius:24px;align-items:center;gap:18px;margin:20px clamp(24px,8vw,120px) 60px;padding:22px 25px;display:flex}.safety img{width:62px;height:62px}.safety div{flex:1}.safety strong{font-size:18px}.safety p{color:#bfc7d0;margin:5px 0 0;font-size:14px}.safety button{color:#172435;cursor:pointer;background:#fff;border:0;border-radius:99px;padding:12px 17px;font-weight:900}.toast{z-index:10;color:#fff;cursor:pointer;background:#172435;border:0;border-radius:14px;padding:15px 18px;position:fixed;bottom:30px;left:50%;transform:translate(-50%);box-shadow:0 14px 50px #0005}.toast span{color:#bfc7d0;margin-left:18px}footer{text-align:center;color:#8c929c;padding:0 20px 40px;font-size:12px}@media (max-width:950px){.video-grid,.channel-row{grid-template-columns:repeat(2,1fr)}.welcome{flex-direction:column;align-items:start}.parent-note{min-width:0}nav{display:none}}@media (max-width:570px){.topbar{height:76px;padding:0 18px}.brand img{width:46px}.brand{font-size:20px}.timer{display:none}.welcome{padding:45px 22px}.welcome h1{letter-spacing:-2.5px;font-size:43px}.channels,.video-section{padding:38px 22px}.channel-row,.video-grid{grid-template-columns:1fr}.section-title{align-items:start;gap:15px}.section-title button,.no-autoplay{display:none}.safety{flex-wrap:wrap;align-items:start;margin:10px 22px 40px}.safety button{width:100%}}.brand{cursor:pointer;background:0 0;border:0}.brand small{letter-spacing:1.2px;text-transform:uppercase;color:#7b8491;font-size:9px}.channel-row{grid-template-columns:repeat(3,1fr)}.blue{background:linear-gradient(135deg,#4cb9ef,#1264a3)}.purple{background:linear-gradient(135deg,#9d7ae8,#563395)}.learn{background:linear-gradient(135deg,#18a977,#08725f)}.learning-gate{background:#eaf8f3;border:1px solid #ccebdd;border-radius:24px;justify-content:space-between;align-items:center;gap:30px;margin:36px clamp(24px,8vw,120px) 10px;padding:26px 30px;display:flex}.learning-copy h2{margin:0 0 8px;font-size:28px}.learning-copy p:last-child{color:#667085;margin:0}.learning-card{background:#fff;border-radius:18px;grid-template-columns:180px 240px;align-items:center;gap:18px;padding:12px;display:grid;box-shadow:0 12px 30px #0a5c4420}.learning-card .thumb{border-radius:13px}.learning-card>div{flex-direction:column;gap:6px;display:flex}.learning-card small{color:#16805d}.learning-card strong{font-size:16px}.learning-card div span{color:#667085;font-size:11px}.locked .video-grid{opacity:.42}.lock{background:#fff0cd;border-radius:99px;padding:9px 12px;font-size:12px;font-weight:800}.parent-dashboard{padding:60px clamp(24px,8vw,120px)}.dashboard-head{justify-content:space-between;align-items:end;gap:30px;display:flex}.dashboard-head h1{letter-spacing:-2px;margin:0 0 8px;font-size:48px}.dashboard-head p:last-child{color:#667085}.dashboard-head>button,.queue-actions button{color:#fff;cursor:pointer;background:#167eb5;border:0;border-radius:99px;padding:12px 18px;font-weight:800}.stats{grid-template-columns:repeat(3,1fr);gap:16px;margin:38px 0;display:grid}.stats article{border:1px solid var(--line);background:#fff;border-radius:20px;flex-direction:column;gap:7px;padding:22px;display:flex}.stats small,.stats span{color:#667085}.stats strong{font-size:27px}.parent-grid{grid-template-columns:2fr 1fr;gap:24px;display:grid}.approval,.settings{border:1px solid var(--line);background:#fff;border-radius:24px;padding:25px}.approval>article{border-top:1px solid var(--line);grid-template-columns:90px 1fr auto;align-items:center;gap:16px;padding:16px 0;display:grid}.queue-thumb{color:#fff;border-radius:13px;place-items:center;height:58px;display:grid}.approval article>div:nth-child(2){flex-direction:column;gap:5px;display:flex}.approval article small,.approval article span{color:#667085;font-size:12px}.queue-actions{gap:8px;display:flex}.queue-actions .deny{color:#53606e;background:#edf0f3}.settings h2{margin:0 0 20px}.settings label{border-top:1px solid var(--line);color:#5f6977;flex-wrap:wrap;justify-content:space-between;gap:8px;padding:17px 0;display:flex}.settings label strong{color:var(--ink)}.settings input{accent-color:#1685bd;width:100%}.settings>small{color:#7b8491;margin-top:22px;display:block}@media (max-width:950px){.channel-row{grid-template-columns:repeat(2,1fr)}.learning-gate{flex-direction:column;align-items:stretch}.learning-card{grid-template-columns:180px 1fr}.parent-grid{grid-template-columns:1fr}}@media (max-width:570px){.brand small{display:none}.learning-gate{margin:25px 22px;padding:20px}.learning-card{grid-template-columns:1fr}.dashboard-head{flex-direction:column;align-items:start}.dashboard-head h1{font-size:38px}.stats{grid-template-columns:1fr}.parent-dashboard{padding:38px 22px}.approval>article{grid-template-columns:70px 1fr}.queue-actions{grid-column:1/3}.queue-actions button{flex:1}}