@import url(https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;700&family=Nunito:wght@400;600;700;800&display=swap);body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--theme-bg-main-color:#fcf4dc;--theme-primary-color:coral;--theme-primary-dark-color:#e57340;--theme-secondary-color:#4682b4;--theme-secondary-dark-color:#3a729f;--theme-accent-color:gold;--theme-accent-dark-color:#f0c000;--cloud-color:#fcf4dc;--success-color:#5cb85c;--success-light-color:#e9f5e9;--success-dark-color:#4caf50;--error-color:#d9534f;--error-dark-color:#c9302c;--error-bg-light-color:#ffebee;--error-border-light-color:#ffcdd2;--neutral-color:#a0aec0;--neutral-dark-color:#718096;--color-black:#2d3748;--color-white:#fff;--text-font-heading:"Baloo 2",cursive;--text-font-body:"Nunito",sans-serif;--text-primary:#3a3b3c;--text-secondary:#5a5b5c;--text-light:#718096;--text-on-dark-primary:var(--color-white);--text-on-dark-secondary:#e2e8f0;--text-on-primary-color:var(--color-white);--text-on-secondary-color:var(--color-white);--text-on-accent-color:var(--text-primary);--bg-main:var(--theme-bg-main-color);--bg-card:#ffffffe6;--bg-alt:#f7fafc;--bg-light-gray:var(--bg-alt);--bg-dark-gray:var(--color-black);--bg-overlay-dark:#2d3748b3;--bg-overlay-medium:#2d374880;--bg-overlay-light:#2d37484d;--border-color:#cbd5e0;--border-strong-color:#a0aec0;--border-on-dark-color:#fff3;--shadow-sm:0 2px 4px #0000000f;--shadow-md:0 4px 8px #00000014;--shadow-lg:0 10px 20px #00000014;--shadow-xl:0 15px 30px #00000017;--shadow-2xl:0 25px 50px #0000001a;--color-yellow-text-dark:var(--text-primary)}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fcf4dc;background-color:var(--cloud-color);color:#5a5b5c;color:var(--text-secondary);font-family:Nunito,sans-serif;font-family:var(--text-font-body);font-size:16px;line-height:1.6;overflow-x:hidden}.font-heading,h1,h2,h3,h4,h5,h6{color:#3a3b3c;color:var(--text-primary);font-family:Baloo\ 2,cursive;font-family:var(--text-font-heading);line-height:1.3;margin-bottom:.75em}a{color:coral;color:var(--theme-primary-color);text-decoration:none}a:hover{color:#e57340;color:var(--theme-primary-dark-color);text-decoration:underline}.hidden{display:none}.flex{display:flex}.grid{display:grid}.flex-col{flex-direction:column}.flex-1{flex:1 1}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-self-center{justify-self:center}.align-self-center{align-self:center}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{bottom:0;left:0;right:0;top:0}.min-h-screen{min-height:100vh;min-height:100dvh}.h-screen{height:100vh;height:100dvh}.w-full{width:100%}.h-full{height:100%}.w-2{width:.5rem}.h-2{height:.5rem}.w-16{width:4rem}.h-16{height:4rem}.w-24{width:6rem}.h-24{height:6rem}.w-32{width:8rem}.h-32{height:8rem}.w-48{width:12rem}.min-w-48{min-width:12rem}.max-w-sm{max-width:20rem}.max-w-md{max-width:24rem}.max-w-lg{max-width:28rem}.max-w-xl{max-width:32rem}.max-w-2xl,.max-w-4xl,.max-w-5xl{max-width:60rem}.max-w-6xl{max-width:64rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-12{padding-left:3rem;padding-right:3rem}.px-16{padding-left:4rem;padding-right:4rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-2{padding-bottom:.5rem;padding-top:.5rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.py-8{padding-bottom:2rem;padding-top:2rem}.py-10{padding-bottom:2.5rem;padding-top:2.5rem}.py-12{padding-bottom:3rem;padding-top:3rem}.py-16{padding-bottom:4rem}.pt-16,.py-16{padding-top:4rem}.m-1{margin:.25rem}.m-2{margin:.5rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-top:1.5rem}.mb-8{margin-bottom:2rem}.mb-10{margin-bottom:2.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-10{margin-top:2.5rem}.mx-auto{margin-left:auto;margin-right:auto}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.space-y-4>*+*{margin-top:1rem}.space-y-5>*+*{margin-top:1.25rem}.space-y-6>*+*{margin-top:1.5rem}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.leading-relaxed{line-height:1.625}.leading-normal{line-height:1.5}.text-xs{font-size:.75rem;line-height:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-md{font-size:1.0625rem}.text-lg{font-size:1.125rem}.text-lg,.text-xl{line-height:1.75rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-5xl{font-size:3rem;line-height:1}.font-normal{font-weight:400}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.text-white{color:#fff;color:var(--text-on-dark-primary)}.text-gray-500{color:#718096;color:var(--text-light)}.text-gray-600{color:#5a5b5c;color:var(--text-secondary)}.text-gray-700{color:#3a3b3c;color:var(--text-primary)}.text-gray-800{color:#2d3748;color:var(--color-black)}.text-theme-primary{color:coral;color:var(--theme-primary-color)}.text-theme-secondary{color:#4682b4;color:var(--theme-secondary-color)}.text-theme-accent{color:gold;color:var(--theme-accent-color)}.text-red-500{color:#d9534f;color:var(--error-color)}.text-red-600{color:#c9302c;color:var(--error-dark-color)}.text-green-100{color:#e9f5e9;color:var(--success-light-color)}.text-green-700{color:#4caf50;color:var(--success-dark-color)}.text-yellow-100{color:#fdf3d7e6}.text-yellow-300,.text-yellow-400,.text-yellow-500{color:gold;color:var(--theme-accent-color)}.text-yellow-text-dark{color:#3a3b3c;color:var(--color-yellow-text-dark)}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.text-transparent{color:#0000}.bg-white{background-color:#ffffffe6;background-color:var(--bg-card)}.bg-black{background-color:#2d3748;background-color:var(--color-black)}.bg-gray-100{background-color:#f7fafc;background-color:var(--bg-light-gray)}.bg-gray-200{background-color:#e2e8f0}.bg-gray-900{background-color:#1a202c}.bg-alt{background-color:#f7fafc;background-color:var(--bg-alt)}.bg-red-50{background-color:#ffebee;background-color:var(--error-bg-light-color)}.bg-green-50{background-color:#e9f5e9;background-color:var(--success-light-color)}.bg-red-500{background-color:#d9534f;background-color:var(--error-color)}.bg-blue-600{background-color:#4682b4;background-color:var(--theme-secondary-color)}.bg-green-500{background-color:#5cb85c;background-color:var(--success-color)}.bg-yellow-400{background-color:gold;background-color:var(--theme-accent-color)}.bg-white\/95{background-color:#fffffff2}.bg-white\/80{background-color:#fffc}.bg-white\/20{background-color:#fff3}.bg-black\/80{background-color:#2d3748b3;background-color:var(--bg-overlay-dark)}.bg-black\/60{background-color:#2d374880;background-color:var(--bg-overlay-medium)}.bg-black\/50{background-color:#2d37484d;background-color:var(--bg-overlay-light)}.bg-red-500\/80{background-color:#d9534fcc}.bg-green-500\/80{background-color:#5cb85ccc}.bg-gradient-to-br{background:linear-gradient(to bottom right,#0000,#0000);background:linear-gradient(to bottom right,var(--tw-gradient-from,#0000),var(--tw-gradient-to,#0000))}.bg-gradient-to-r{background:linear-gradient(90deg,#0000,#0000);background:linear-gradient(to right,var(--tw-gradient-from,#0000),var(--tw-gradient-to,#0000))}.bg-gradient-to-b{background:linear-gradient(180deg,#0000,#0000);background:linear-gradient(to bottom,var(--tw-gradient-from,#0000),var(--tw-gradient-to,#0000))}.from-theme-primary{--tw-gradient-from:var(--theme-primary-color)}.to-theme-accent{--tw-gradient-to:var(--theme-accent-color)}.bg-page-white{background-color:#fff;background-color:var(--color-white)}.rounded-lg{border-radius:1rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-full{border-radius:9999px}.border{border-style:solid;border-width:1px}.border-2{border-style:solid;border-width:2px}.border-t{border-style:solid;border-top-width:1px}.border-gray-200{border-color:#cbd5e0;border-color:var(--border-color)}.border-gray-300{border-color:#a0aec0;border-color:var(--border-strong-color)}.border-gray-600{border-color:#5a5b5c;border-color:var(--text-secondary)}.border-red-200{border-color:#ffcdd2;border-color:var(--error-border-light-color)}.border-green-200{border-color:#e9f5e9;border-color:var(--success-light-color)}.border-white\/20{border-color:#fff3;border-color:var(--border-on-dark-color)}.border-white\/50{border-color:#ffffff80}.shadow-sm{box-shadow:0 2px 4px #0000000f;box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:0 4px 8px #00000014;box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:0 10px 20px #00000014;box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:0 15px 30px #00000017;box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:0 25px 50px #0000001a;box-shadow:var(--shadow-2xl)}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-300{transition-duration:.3s}.transform{transform:translate(0) rotate(0) skewX(0) skewY(0) scaleX(1) scaleY(1);transform:translate(var(--tw-translate-x,0),var(--tw-translate-y,0)) rotate(var(--tw-rotate,0)) skewX(var(--tw-skew-x,0)) skewY(var(--tw-skew-y,0)) scaleX(var(--tw-scale-x,1)) scaleY(var(--tw-scale-y,1))}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-y-1\/2{--tw-translate-y:-50%}.hover\:scale-105:hover{transform:scale(1.05)}.hover\:bg-theme-primary-dark:hover{background:#e57340;background:var(--theme-primary-dark-color)}.hover\:bg-theme-secondary-dark:hover{background:#3a729f;background:var(--theme-secondary-dark-color)}.hover\:text-theme-secondary-dark:hover{color:#3a729f;color:var(--theme-secondary-dark-color)}.hover\:bg-red-700:hover{background-color:#c9302c;background-color:var(--error-dark-color)}.hover\:bg-gray-700:hover{background-color:#718096;background-color:var(--neutral-dark-color)}.hover\:bg-gray-100:hover{background-color:#f7fafc;background-color:var(--bg-alt)}.hover\:bg-red-50:hover{background-color:#ffebee;background-color:var(--error-bg-light-color)}.hover\:text-gray-700:hover{color:#3a3b3c;color:var(--text-primary)}.hover\:text-gray-800:hover{color:#2d3748;color:var(--color-black)}.hover\:text-red-600:hover{color:#c9302c;color:var(--error-dark-color)}.hover\:underline:hover{text-decoration:underline}.hover\:shadow-xl:hover{box-shadow:0 15px 30px #00000017;box-shadow:var(--shadow-xl)}.focus\:outline-none:focus{outline:2px solid #0000;outline-offset:2px}.focus\:ring-2:focus{box-shadow:0 0 0 3px #4682b4;box-shadow:0 0 0 3px var(--theme-secondary-color)}.focus\:border-theme-primary:focus{border-color:coral;border-color:var(--theme-primary-color)}.group:hover .group-hover\:opacity-100{opacity:1}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.overflow-hidden{overflow:hidden}.backdrop-blur-sm{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.backdrop-blur-md{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-25{z-index:25}.z-30{z-index:30}.z-40{z-index:40}.top-0{top:0}.top-1\/2{top:50%}.top-2{top:.5rem}.top-3{top:.75rem}.top-4{top:1rem}.top-16{top:4rem}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:.5rem}.left-4{left:1rem}.right-0{right:0}.right-2{right:.5rem}.right-3{right:.75rem}.right-4{right:1rem}.bottom-4{bottom:1rem}.top-1\/3{top:33.333333%}.aspect-video{aspect-ratio:16/9}.split-bg-container{background-color:#fcf4dc;background-color:var(--cloud-color);min-height:100vh;min-height:100dvh;overflow-x:hidden;position:relative}.split-bg-container:before{background-color:#fcf4dc;background-color:var(--cloud-color);content:"";height:100vh;height:100dvh;left:0;position:absolute;top:0;z-index:0}.dashboard-page-background,.split-bg-container:before{background-image:url(/static/media/bg.31c232f087be59f2b5a5.jpg);background-position:top;background-repeat:no-repeat;background-size:100% auto;width:100%}.dashboard-page-background{min-height:100vh;min-height:100dvh}.split-bg-container>*{position:relative;z-index:1}.playing-top-bar-gradient{background:linear-gradient(180deg,#2d3748b3 0,#0000);background:linear-gradient(to bottom,var(--bg-overlay-dark) 0,#0000 100%)}input[type=email],input[type=password],input[type=text]{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#fffffff2;border:1px solid #cbd5e0;border:1px solid var(--border-color);border-radius:.5rem;color:#3a3b3c;color:var(--text-primary);font-size:1rem;font-size:16px;padding:.75rem 1rem;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out;width:100%}input[type=email]:focus,input[type=password]:focus,input[type=text]:focus{border-color:coral;border-color:var(--theme-primary-color);box-shadow:0 0 0 2px coral;box-shadow:0 0 0 2px var(--theme-primary-color);outline:none}.btn,button{-webkit-tap-highlight-color:transparent;align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:inline-flex;font-weight:600;justify-content:center;line-height:1.25;min-height:44px;outline:none;padding:.75rem 1.5rem;text-decoration:none;touch-action:manipulation;transition:background-color .2s ease-in-out,transform .1s ease-in-out,box-shadow .1s ease-in-out;white-space:nowrap}.btn:hover,button:hover{box-shadow:0 2px 4px #0000000f;box-shadow:var(--shadow-sm);transform:translateY(-1px)}.btn:active,button:active{box-shadow:none;transform:translateY(0)}.btn:disabled,button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.btn-primary{background-color:coral;background-color:var(--theme-primary-color);color:#fff;color:var(--text-on-primary-color)}.btn-primary:hover{background-color:#e57340;background-color:var(--theme-primary-dark-color)}.btn-secondary{background-color:#4682b4;background-color:var(--theme-secondary-color);color:#fff;color:var(--text-on-secondary-color)}.btn-secondary:hover{background-color:#3a729f;background-color:var(--theme-secondary-dark-color)}.btn-accent{background-color:gold;background-color:var(--theme-accent-color);color:#3a3b3c;color:var(--text-on-accent-color)}.btn-accent:hover{background-color:#f0c000;background-color:var(--theme-accent-dark-color)}.btn-danger{background-color:#d9534f;background-color:var(--error-color);color:#fff;color:var(--text-on-dark-primary)}.btn-danger:hover{background-color:#c9302c;background-color:var(--error-dark-color)}.btn-neutral{background-color:#a0aec0;background-color:var(--neutral-color);color:#fff;color:var(--text-on-dark-primary)}.btn-neutral:hover{background-color:#718096;background-color:var(--neutral-dark-color)}.error-message{background-color:#ffebee;background-color:var(--error-bg-light-color);border:1px solid #ffcdd2;border:1px solid var(--error-border-light-color);border-radius:.75rem;color:#c9302c;color:var(--error-dark-color);font-size:.875rem;padding:.75rem 1rem}.loading-spinner-container{align-items:center;background-color:#ffffffe6;background-color:var(--bg-card);border-radius:.75rem;box-shadow:0 15px 30px #00000017;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;padding:1.5rem}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #4682b4;border-color:var(--theme-secondary-color);border-radius:9999px;border-top-color:#0000;height:2.5rem;margin-bottom:.75rem;width:2.5rem}.loading-spinner-text{color:#3a3b3c;color:var(--text-primary);font-size:1rem;font-weight:600}.onboarding-box{border-radius:1rem;padding:1.5rem}.onboarding-box h1,.onboarding-box h3,.onboarding-box p,.onboarding-box p.opacity-70,.onboarding-box p.opacity-80,.onboarding-box p.opacity-90{color:#3a3b3c;color:var(--text-primary)}.onboarding-box .text-theme-primary{color:coral!important;color:var(--theme-primary-color)!important}.onboarding-box .bg-white\/20{background-color:#ffffff4d}.auth-form-box{background-color:#ffffffe6;background-color:var(--bg-card)}.dashboard-header{align-items:center;border-bottom:1px solid #cbd5e0;border-bottom:1px solid var(--border-color);display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.dashboard-header>button.btn-secondary{background-color:#4682b4;background-color:var(--theme-secondary-color);border:none;color:#fff;color:var(--text-on-secondary-color)}.dashboard-header>button.btn-secondary:hover{background-color:#3a729f;background-color:var(--theme-secondary-dark-color)}.dashboard-header .app-title{align-items:center;display:flex;font-size:1.25rem}.dashboard-header .app-title .icon{color:coral;color:var(--theme-primary-color);margin-right:.25rem}.dashboard-header .app-title .text-secondary-color{color:gold!important;color:var(--theme-accent-color)!important}.add-child-section{background-color:#ffffffe6;background-color:var(--bg-card);border-radius:1rem;box-shadow:0 2px 4px #0000000f;box-shadow:var(--shadow-sm);margin-bottom:1.5rem;margin-top:1.5rem;padding:1rem}.add-child-section h2{color:#3a3b3c;color:var(--text-primary);font-size:1rem;font-weight:700;margin-bottom:.75rem}.add-child-section h2 .text-accent-color{color:coral!important;color:var(--theme-primary-color)!important}.child-card{align-items:center;background-color:#ffffffe6;background-color:var(--bg-card);border:1px solid #cbd5e0;border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 4px 8px #00000014;box-shadow:var(--shadow-md);display:flex;flex-direction:column;min-height:180px;padding:1rem;position:relative;text-align:center;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.child-card:hover{box-shadow:0 10px 20px #00000014;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.child-card .avatar{align-items:center;border-radius:9999px;color:#3a3b3c;color:var(--text-on-accent-color);display:flex;height:3rem;justify-content:center;margin-bottom:.75rem;overflow:hidden;width:3rem}.child-card .avatar img{height:100%;object-fit:cover;width:100%}.child-card h3{color:#3a3b3c;color:var(--text-primary);font-size:1rem;font-weight:700;margin-bottom:.5rem}.child-card .btn-start-child{background-color:coral;background-color:var(--theme-primary-color);color:#fff;color:var(--text-on-primary-color);font-size:.875rem;font-weight:700;margin-top:auto;padding:.5rem 1rem;width:100%}.child-card .btn-start-child:hover{background-color:#e57340;background-color:var(--theme-primary-dark-color)}.btn-delete-child{align-items:center;background-color:initial;border:none;border-radius:9999px;color:#718096;color:var(--text-light);display:flex;justify-content:center;min-height:32px;min-width:32px;padding:.25rem;position:absolute;right:.5rem;top:.5rem}.btn-delete-child:hover{background-color:#ffebee;background-color:var(--error-bg-light-color);color:#d9534f;color:var(--error-color)}.text-primary-color{color:#4682b4!important;color:var(--theme-secondary-color)!important}.btn-back{align-items:center;background-color:#fff9;border:1px solid #0000001a;border-radius:.75rem;color:#5a5b5c;color:var(--text-secondary);display:inline-flex;font-weight:600;gap:.5rem;margin-bottom:1rem;padding:.5rem 1rem}.btn-back:hover{background-color:#ffffffd9;color:#3a3b3c;color:var(--text-primary)}.pre-session-card{background-color:#ffffffe6;background-color:var(--bg-card);border-radius:1.5rem;box-shadow:0 15px 30px #00000017;box-shadow:var(--shadow-xl);margin-left:auto;margin-right:auto;max-width:60rem;padding:1.5rem;text-align:center}.pre-session-card .child-avatar-large{align-items:center;border-radius:9999px;color:#3a3b3c;color:var(--text-on-accent-color);display:flex;height:4rem;justify-content:center;margin-bottom:1rem;margin-left:auto;margin-right:auto;overflow:hidden;width:4rem}.pre-session-card .child-avatar-large img{height:100%;object-fit:cover;width:100%}.pre-session-card .child-name-large{color:coral;color:var(--theme-primary-color);font-size:1.5rem;font-weight:800;margin-bottom:.5rem}.pre-session-card .ready-text{color:#5a5b5c;color:var(--text-secondary);font-size:.875rem;margin-bottom:1.5rem}.btn-start-session-large{background-color:coral;background-color:var(--theme-primary-color);border-radius:9999px;box-shadow:0 10px 20px #00000014;box-shadow:var(--shadow-lg);color:#fff;color:var(--text-on-primary-color);font-size:1rem;font-weight:700;padding:.75rem 1.5rem}.btn-start-session-large:hover{background-color:#e57340;background-color:var(--theme-primary-dark-color)}.how-it-works-section{background-color:#ffffffbf;border-radius:1rem;margin-top:1.5rem;padding:1rem}.how-it-works-section h3{color:#3a3b3c;color:var(--text-primary);font-size:1rem;font-weight:700;margin-bottom:1rem}.how-it-works-step{color:#5a5b5c;color:var(--text-secondary);font-size:.75rem;text-align:center}.how-it-works-step svg{height:20px;margin-bottom:.5rem;margin-left:auto;margin-right:auto;width:20px}.how-it-works-step p{line-height:1.4}.how-it-works-step strong{color:#3a3b3c;color:var(--text-primary)}.playing-screen-container{align-items:center;background-color:#000;display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;overflow:hidden;position:relative}.playing-top-bar{align-items:center;background:var(--playing-top-bar-gradient);display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;left:0;min-height:60px;padding:.75rem;position:absolute;right:0;top:0;z-index:20}.playing-top-bar .controls{display:flex;flex-wrap:wrap;gap:.25rem}.playing-top-bar .controls button{background-color:#ffffff40;border-radius:.375rem;color:#fff;color:var(--text-on-dark-primary);flex-shrink:0;font-size:.75rem;min-height:36px;padding:.5rem .75rem}.playing-top-bar .controls button:hover{background-color:#fff6}.playing-top-bar .controls .btn-quit{background-color:#d9534fb3}.playing-top-bar .controls .btn-quit:hover{background-color:#d9534fe6}.playing-top-bar .controls .btn-external-yt{background-color:#a0aec0b3}.playing-top-bar .controls .btn-external-yt:hover{background-color:#a0aec0e6}.playing-stats{color:#fff;color:var(--text-on-dark-primary);flex-shrink:0;font-size:.75rem;text-align:right}.playing-stats .child-name-display{color:#e2e8f0;color:var(--text-on-dark-secondary);font-size:.625rem;margin-bottom:.25rem}.playing-stats .stat-item{align-items:center;display:flex;font-size:.75rem;font-weight:600;justify-content:flex-end;margin-bottom:.125rem}.playing-stats .stat-item .icon{flex-shrink:0;margin-left:.25rem}.playing-stats .bites-stat{color:coral;color:var(--theme-primary-color)}.playing-stats .timer-stat{color:gold;color:var(--theme-accent-color)}.youtube-player-container{align-items:center;box-sizing:border-box;display:flex;flex:1 1;justify-content:center;padding:60px .5rem 1rem;width:100%}.youtube-player-wrapper{aspect-ratio:16/9;background-color:#000;border-radius:.5rem;box-shadow:0 15px 30px #0006;max-width:calc(100vw - 1rem);min-height:200px;min-width:320px;overflow:hidden;position:relative;width:100%}#youtube-player{border:none!important;border-radius:inherit;left:0!important;object-fit:contain;opacity:1!important;position:absolute!important;top:0!important;visibility:visible!important;z-index:1!important}#youtube-player,#youtube-player iframe{display:block!important;height:100%!important;width:100%!important}#youtube-player iframe{border:none!important}.video-interaction-blocker{z-index:5}.video-interaction-blocker,.video-paused-indicator{border-radius:inherit;height:100%;left:0;position:absolute;top:0;width:100%}.video-paused-indicator{align-items:center;background-color:#000000b3;color:#fff;display:flex;flex-direction:column;justify-content:center;padding:1rem;text-align:center;z-index:20}.video-paused-indicator svg{margin-bottom:.5rem;opacity:.8}.eating-alert-overlay{align-items:center;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;pointer-events:none;position:fixed;right:0;top:0;z-index:40}.eating-alert-popup{align-items:center;animation:eatingAlert 2s ease-in-out;background-color:#5cb85c;background-color:var(--success-color);border-radius:1rem;box-shadow:0 20px 40px #0000004d;color:#fff;color:var(--text-on-dark-primary);display:flex;gap:.75rem;max-width:calc(100vw - 2rem);padding:1rem 1.25rem;transform:translateZ(0)}.eating-alert-popup .text-green-100{color:#e9f5e9;color:var(--success-light-color)}.waiting-overlay{align-items:center;background-color:#0000004d;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:30}.waiting-for-eat-popup{animation:pulseAndScale 2s cubic-bezier(.4,0,.6,1) infinite;background-color:gold;background-color:var(--theme-accent-color);border-radius:1rem;box-shadow:0 20px 40px #00000040;color:#3a3b3c;color:var(--text-on-accent-color);max-width:calc(100vw - 2rem);padding:1.25rem;text-align:center;transform:translateZ(0);width:auto}.waiting-for-eat-popup .text-yellow-100{color:#3a3b3c;color:var(--text-primary);font-size:.875rem;opacity:.8}.waiting-for-eat-popup .text-gray-700{color:#3a3b3c!important;color:var(--text-primary)!important}.paused-overlay-card{background-color:#ffffffe6;background-color:var(--bg-card);border-radius:1rem;box-shadow:0 15px 30px #00000017;box-shadow:var(--shadow-xl);max-width:calc(100vw - 2rem);padding:1.5rem;text-align:center}.paused-overlay-card svg{color:#5a5b5c;color:var(--text-secondary);margin-bottom:1rem;margin-left:auto;margin-right:auto}.paused-overlay-card h3{color:#3a3b3c;color:var(--text-primary);font-size:1.125rem;font-weight:700;margin-bottom:.5rem}.paused-overlay-card p{color:#5a5b5c;color:var(--text-secondary);font-size:.875rem;margin-bottom:1.5rem}.webcam-feed-container{bottom:1rem;height:90px;left:1rem;position:fixed;width:120px;z-index:20}.webcam-feed-inner{background-color:#2d3748;background-color:var(--bg-dark-gray);border:1px solid #fff3;border:1px solid var(--border-on-dark-color);border-radius:.5rem;box-shadow:0 4px 8px #00000014;box-shadow:var(--shadow-md);height:100%;overflow:hidden;position:relative;width:100%}.webcam-feed-inner video{display:block;height:100%!important;object-fit:cover;transform:scaleX(-1)!important;width:100%!important}.webcam-feed-status-icon{color:#fffc;left:.25rem;position:absolute;top:.25rem}.webcam-detection-indicators{align-items:flex-end;background-color:#00000080;border-radius:.25rem;display:flex;flex-direction:column;gap:.125rem;padding:.25rem;position:absolute;right:.25rem;top:.25rem}.indicator-item{align-items:center;display:flex;gap:.25rem}.indicator-dot{border-radius:9999px;height:.3rem;width:.3rem}.indicator-text{color:#fff;color:var(--text-on-dark-primary);font-size:.5rem;line-height:1}.indicator-active{background-color:#5cb85c;background-color:var(--success-color)}.indicator-inactive{background-color:#a0aec0;background-color:var(--neutral-color)}.indicator-alert{background-color:#d9534f;background-color:var(--error-color)}.webcam-alert-overlay{align-items:center;border-radius:.5rem;color:#fff;color:var(--text-on-dark-primary);display:flex;inset:0;justify-content:center;padding:.25rem;position:absolute;text-align:center}.webcam-alert-overlay.denied{background-color:#d9534fcc}.webcam-alert-overlay.eating{background-color:#5cb85ccc}.webcam-alert-overlay.prompt{background-color:#a0aec0b3}.webcam-alert-overlay span{font-size:.6rem;font-weight:600;margin-left:.25rem}.webcam-alert-overlay svg{height:.875rem;width:.875rem}.premium-plans-section{margin-top:4rem}.plan-card:hover{box-shadow:0 15px 30px #00000017;box-shadow:var(--shadow-xl);transform:translateY(-2px)}.plan-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.plan-title{color:#3a3b3c;color:var(--text-primary);font-family:Baloo\ 2,cursive;font-family:var(--text-font-heading);font-size:1.25rem;font-weight:700;margin-bottom:0}.plan-description{color:#5a5b5c;color:var(--text-secondary);flex-grow:1;font-size:.875rem;line-height:1.65;margin-bottom:1.5rem}.plan-card{align-items:stretch;background-color:#ffffffe6;background-color:var(--bg-card);border-radius:1rem;border-style:solid;border-width:2px;box-shadow:0 10px 20px #00000014;box-shadow:var(--shadow-lg);display:flex;flex-direction:column;height:100%;justify-content:flex-start;padding:1.25rem;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out}.plan-features{align-self:flex-start;flex-grow:1;list-style:none;margin-bottom:1.5rem;padding:0}.plan-features li{align-items:flex-start;color:#5a5b5c;color:var(--text-secondary);display:flex;font-size:.875rem;gap:.65rem;line-height:1.65;margin-bottom:.5rem}.plan-features li:last-child{margin-bottom:0}.plan-features li svg{color:#5cb85c;color:var(--success-color);flex-shrink:0;margin-top:.125em}.plan-card button{align-self:stretch}.plan-features li .text-accent-color{color:coral!important;color:var(--theme-primary-color)!important}.plan-price{color:#3a3b3c;color:var(--text-primary);font-family:Baloo\ 2,cursive;font-family:var(--text-font-heading);font-size:1.875rem;font-weight:700;margin-bottom:1.5rem;text-align:center}.plan-price .text-sm{font-family:Nunito,sans-serif;font-family:var(--text-font-body);font-size:.875rem;font-weight:400}.plan-card button{margin-top:auto}.basic-plan{border-color:#a0aec0;border-color:var(--neutral-color)}.basic-plan .plan-header svg{color:#718096;color:var(--neutral-dark-color)}.premium-plan{background-color:#fefdf7;border-color:coral;border-color:var(--theme-primary-color);position:relative}.premium-plan .plan-header svg{color:gold;color:var(--theme-accent-color)}@media (min-width:375px){.youtube-player-container{padding:60px .75rem 1rem}.youtube-player-wrapper{border-radius:.75rem;max-width:calc(100vw - 1.5rem)}.webcam-feed-container{height:97.5px;width:130px}.playing-top-bar .controls button{font-size:.8rem;padding:.5rem .875rem}.playing-stats{font-size:.8rem}}@media (min-width:480px){.youtube-player-container{padding:60px 1rem 1rem}.youtube-player-wrapper{max-width:calc(100vw - 2rem)}.webcam-feed-container{height:105px;width:140px}.child-card{min-height:200px;padding:1.25rem}.child-card .avatar{height:3.5rem;width:3.5rem}}@media (min-width:640px){.sm\:flex-row{flex-direction:row}.dashboard-header{flex-wrap:nowrap;margin-bottom:1.5rem}.dashboard-header .app-title{font-size:1.5rem}.add-child-section h2{font-size:1.125rem}}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:mb-0{margin-bottom:0}.md\:p-10{padding:2.5rem}.md\:pt-20{padding-top:5rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-4xl{font-size:2.25rem;line-height:2.5rem}.youtube-player-container{padding:80px 2rem 2rem}.youtube-player-wrapper{max-width:48rem}.playing-top-bar{flex-wrap:nowrap;padding:1rem 1.5rem}.playing-top-bar .controls button{font-size:.875rem;padding:.5rem 1rem}.playing-stats .child-name-display{font-size:.875rem}.playing-stats .stat-item{font-size:1rem}.webcam-feed-container{height:112.5px;width:150px}.webcam-feed-inner{border-radius:.75rem;border-width:2px}.webcam-feed-status-icon{left:.5rem;top:.5rem}.webcam-detection-indicators{border-radius:.375rem;gap:.25rem;padding:.25rem .5rem;right:.5rem;top:.5rem}.indicator-dot{height:.5rem;width:.5rem}.indicator-text{font-size:.7rem}.webcam-alert-overlay span{font-size:.75rem}.webcam-alert-overlay svg{height:1.25rem;width:1.25rem}.loading-spinner-container{padding:2.5rem}.loading-spinner{border-width:4px;height:4rem;margin-bottom:1rem;width:4rem}.loading-spinner-text{font-size:1.5rem}.dashboard-header .app-title{font-size:1.875rem}.add-child-section{margin-bottom:2rem;padding:1.5rem}.add-child-section h2{font-size:1.25rem;margin-bottom:1rem}.child-card .avatar{height:5rem;margin-bottom:1rem;width:5rem}.child-card .avatar svg{height:2.5rem;width:2.5rem}.child-card h3{font-size:1.25rem}.child-card .btn-start-child{font-size:1rem;padding:.75rem 1.5rem}.pre-session-card{padding:2rem}.pre-session-card .child-avatar-large{height:6rem;width:6rem}.pre-session-card .child-avatar-large svg{height:3rem;width:3rem}.pre-session-card .child-name-large{font-size:2.25rem}.pre-session-card .ready-text{font-size:1.125rem;margin-bottom:1rem}.btn-start-session-large{font-size:1.25rem;padding:1rem 2.5rem}.how-it-works-section{margin-top:3rem;padding:1.5rem}.how-it-works-section h3{font-size:1.25rem;margin-bottom:1.5rem}.how-it-works-step{font-size:1rem}.how-it-works-step p{line-height:1.5}.how-it-works-step svg{height:32px;width:32px}.video-paused-indicator .text-2xl,.video-paused-indicator .text-xl{font-size:1.5rem}.video-paused-indicator .text-lg{font-size:1.125rem}.eating-alert-popup{font-size:1.125rem;padding:1.25rem 2rem}.waiting-for-eat-popup{font-size:1.125rem;padding:2rem}.btn-back{margin-bottom:1.5rem}}@media (min-width:1024px){.lg\:p-8{padding:2rem}.lg\:p-12{padding:3rem}.lg\:gap-8{gap:2rem}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.youtube-player-container{padding:80px 3rem 2rem}.youtube-player-wrapper{max-width:64rem}}@media (min-width:1280px){.youtube-player-wrapper{max-width:72rem}}@media (orientation:landscape) and (max-height:600px){.youtube-player-container{padding:50px 1rem .5rem}.youtube-player-wrapper{max-height:calc(100vh - 60px);max-width:calc(177.77778vh - 106.66667px);width:auto}.playing-top-bar{min-height:50px;padding:.5rem 1rem}.playing-top-bar .controls button{font-size:.75rem;padding:.375rem .75rem}.webcam-feed-container{bottom:.5rem;height:75px;left:.5rem;width:100px}}@supports (padding:max(0px)){.youtube-player-container{padding-left:max(.5rem,env(safe-area-inset-left));padding-right:max(.5rem,env(safe-area-inset-right))}.eating-alert-overlay,.waiting-overlay{padding-bottom:max(1rem,env(safe-area-inset-bottom));padding-left:max(1rem,env(safe-area-inset-left));padding-right:max(1rem,env(safe-area-inset-right))}.playing-top-bar{padding-left:max(.75rem,env(safe-area-inset-left));padding-right:max(.75rem,env(safe-area-inset-right));padding-top:max(.75rem,env(safe-area-inset-top))}.webcam-feed-container{bottom:max(1rem,env(safe-area-inset-bottom));left:max(1rem,env(safe-area-inset-left))}@media (min-width:768px){.youtube-player-container{padding-left:max(2rem,env(safe-area-inset-left));padding-right:max(2rem,env(safe-area-inset-right))}.playing-top-bar{padding-left:max(1.5rem,env(safe-area-inset-left));padding-right:max(1.5rem,env(safe-area-inset-right))}}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulseAndScale{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.03)}}@keyframes eatingAlert{0%{opacity:0;transform:scale(.8) translateY(20px)}10%{opacity:1;transform:scale(1.05) translateY(0)}90%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.95) translateY(-10px)}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.youtube-player-wrapper{box-shadow:0 25px 50px #0000004d}.eating-alert-popup,.waiting-for-eat-popup{box-shadow:0 20px 40px #00000040}.child-card{box-shadow:0 8px 16px #0000001a}.child-card:hover{box-shadow:0 20px 40px #00000026}}.btn:focus-visible,button:focus-visible{outline:2px solid coral;outline:2px solid var(--theme-primary-color);outline-offset:2px}input:focus-visible{outline:2px solid coral;outline:2px solid var(--theme-primary-color);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.eating-alert-popup,.waiting-for-eat-popup{animation:none}}@media (prefers-contrast:high){.youtube-player-wrapper{border:2px solid #3a3b3c;border:2px solid var(--text-primary)}.child-card{border-color:#3a3b3c;border-color:var(--text-primary);border-width:2px}.btn,button{border:2px solid}}@media print{.eating-alert-overlay,.playing-screen-container,.waiting-overlay,.webcam-feed-container{display:none!important}body{background:#fff!important;color:#000!important}}.debug-border{border:2px solid red!important}.debug-center{align-items:center!important;background:#ff00001a!important;display:flex!important;justify-content:center!important}@supports not (aspect-ratio:16/9){.youtube-player-wrapper{height:0;padding-bottom:56.25%}.youtube-player-wrapper #youtube-player{height:100%;left:0;position:absolute;top:0;width:100%}}@supports not (height:100dvh){.h-screen,.min-h-screen,.playing-screen-container{height:100vh;min-height:100vh}}@supports not (padding:env(safe-area-inset-top)){.playing-top-bar{padding-top:.75rem}.webcam-feed-container{bottom:1rem;left:1rem}}@media (min-width:768px){.youtube-player-container{min-height:400px;padding:80px 2rem 2rem}.youtube-player-wrapper{max-height:80vh;max-width:48rem;min-height:270px}#youtube-player{max-height:80vh!important;min-height:270px!important}}@media (min-width:1024px){.youtube-player-container{min-height:500px;padding:80px 3rem 2rem}.youtube-player-wrapper{max-height:70vh;max-width:64rem;min-height:360px}#youtube-player{max-height:70vh!important;min-height:360px!important}}@media (min-width:1280px){.youtube-player-wrapper{max-height:65vh;max-width:72rem;min-height:405px}#youtube-player{max-height:65vh!important;min-height:405px!important}}@supports not (aspect-ratio:16/9){.youtube-player-wrapper{height:0;min-height:200px;padding-bottom:56.25%}.youtube-player-wrapper #youtube-player{height:100%;left:0;position:absolute;top:0;width:100%}@media (min-width:768px){.youtube-player-wrapper{min-height:270px;padding-bottom:max(56.25%,270px)}}@media (min-width:1024px){.youtube-player-wrapper{min-height:360px;padding-bottom:max(56.25%,360px)}}}.youtube-player-wrapper:before{align-items:center;background:#000;bottom:0;content:"";display:flex;justify-content:center;left:0;position:absolute;right:0;top:0;z-index:0}.youtube-player-wrapper:after{color:#fff;content:"Loading video...";font-size:1rem;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:0}.youtube-player-wrapper.player-ready:after,.youtube-player-wrapper.player-ready:before{display:none}@media (min-width:768px){.playing-screen-container{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;min-height:100vh}.playing-top-bar{flex-wrap:nowrap;min-height:80px;padding:1rem 1.5rem}.playing-top-bar .controls{gap:.5rem}.playing-top-bar .controls button{font-size:.875rem;min-height:40px;padding:.5rem 1rem}.playing-stats,.playing-stats .child-name-display{font-size:.875rem}.playing-stats .stat-item{font-size:1rem;margin-bottom:.25rem}.youtube-player-wrapper:hover{box-shadow:0 30px 60px #00000080;transform:translateY(-2px);transition:all .3s ease}.playing-top-bar .controls button:hover{background-color:#ffffff80;transform:translateY(-1px)}.btn,button{min-height:40px;min-width:40px}}@media (min-width:768px){.btn:focus-visible,button:focus-visible{box-shadow:0 0 0 6px #ff7f5033;outline:3px solid coral;outline:3px solid var(--theme-primary-color);outline-offset:2px}.btn:not(:disabled),button:not(:disabled){cursor:pointer}.btn:disabled,button:disabled{cursor:not-allowed}.youtube-player-wrapper{transform:translateZ(0);will-change:transform}.eating-alert-popup,.waiting-for-eat-popup{will-change:transform,opacity}.eating-alert-overlay,.waiting-overlay{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.video-error-desktop{background:#d9534fe6;border-radius:.5rem;color:#fff;left:50%;padding:1rem 2rem;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:10}.video-error-desktop h3{font-size:1.125rem;margin-bottom:.5rem}.video-error-desktop p{font-size:.875rem;margin-bottom:1rem}.video-error-desktop button{background:#fff;border-radius:.25rem;color:#d9534f;color:var(--error-color);font-weight:600;padding:.5rem 1rem}}.horizontal-scroll-container{margin-bottom:1rem;position:relative}.horizontal-scroll-wrapper{-webkit-overflow-scrolling:touch;display:flex;gap:1rem;overflow-x:auto;overflow-y:hidden;padding:1rem 0 1.5rem;scroll-behavior:smooth}.horizontal-scroll-wrapper::-webkit-scrollbar{height:8px}.horizontal-scroll-wrapper::-webkit-scrollbar-thumb,.horizontal-scroll-wrapper::-webkit-scrollbar-track{border-radius:4px}.horizontal-scroll-wrapper{scrollbar-width:thin}.child-card-horizontal{align-items:center;background-color:#ffffffe6;background-color:var(--bg-card);border:1px solid #cbd5e0;border:1px solid var(--border-color);border-radius:1rem;box-shadow:0 4px 8px #00000014;box-shadow:var(--shadow-md);display:flex;flex:0 0 auto;flex-direction:column;min-height:180px;min-width:160px;padding:1rem;position:relative;text-align:center;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;width:160px}.child-card-horizontal:hover{box-shadow:0 10px 20px #00000014;box-shadow:var(--shadow-lg);transform:translateY(-2px)}.child-card-horizontal .avatar{align-items:center;border-radius:9999px;color:#3a3b3c;color:var(--text-on-accent-color);display:flex;height:3rem;justify-content:center;margin-bottom:.75rem;overflow:hidden;width:3rem}.child-card-horizontal .avatar img{height:100%;object-fit:cover;width:100%}.child-name-truncated{color:#3a3b3c;color:var(--text-primary);cursor:help;font-size:1rem;font-weight:700;margin-bottom:.5rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.child-card-horizontal .btn-start-child{background-color:coral;background-color:var(--theme-primary-color);color:#fff;color:var(--text-on-primary-color);font-size:.875rem;font-weight:700;margin-top:auto;padding:.5rem 1rem;white-space:nowrap;width:100%}.child-card-horizontal .btn-start-child:hover{background-color:#e57340;background-color:var(--theme-primary-dark-color)}.child-card-horizontal .btn-delete-child{align-items:center;background-color:initial;border:none;border-radius:9999px;color:#718096;color:var(--text-light);display:flex;justify-content:center;min-height:32px;min-width:32px;padding:.25rem;position:absolute;right:.5rem;top:.5rem;z-index:2}.child-card-horizontal .btn-delete-child:hover{background-color:#ffebee;background-color:var(--error-bg-light-color);color:#d9534f;color:var(--error-color)}.add-child-card-horizontal{align-items:center;background:linear-gradient(135deg,coral,gold);background:linear-gradient(135deg,var(--theme-primary-color),var(--theme-accent-color));border:2px dashed #fff;border:2px dashed var(--color-white);border-radius:1rem;cursor:pointer;display:flex;flex:0 0 auto;justify-content:center;min-height:180px;min-width:160px;opacity:.8;padding:1rem;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out;width:160px}.add-child-card-horizontal:hover{box-shadow:0 10px 20px #00000014;box-shadow:var(--shadow-lg);opacity:1;transform:translateY(-2px) scale(1.02)}.add-child-content{color:#fff;color:var(--color-white);text-align:center}.add-child-icon{margin-bottom:.5rem;opacity:.9}.add-child-text{font-size:.875rem;font-weight:600;line-height:1.2}.scroll-indicators{bottom:0;left:50%;position:absolute;text-align:center;transform:translateX(-50%)}.scroll-hint{color:#718096;color:var(--text-light);font-size:.75rem;font-weight:500;opacity:.7}.scroll-hint span{color:coral;color:var(--theme-primary-color);font-weight:700}@media (max-width:640px){.child-card-horizontal{padding:.875rem}.add-child-card-horizontal,.child-card-horizontal{min-height:160px;min-width:140px;width:140px}.child-name-truncated{font-size:.875rem}.child-card-horizontal .btn-start-child{font-size:.75rem;padding:.375rem .75rem}.add-child-text{font-size:.75rem}.horizontal-scroll-wrapper{gap:.75rem;padding:.75rem 0 1rem}}@media (min-width:768px){.child-card-horizontal{padding:1.25rem}.add-child-card-horizontal,.child-card-horizontal{min-height:200px;min-width:180px;width:180px}.child-card-horizontal .avatar{height:4rem;margin-bottom:1rem;width:4rem}.child-name-truncated{font-size:1.125rem}.horizontal-scroll-wrapper{gap:1.5rem;padding:1.5rem 0 2rem}}@media (min-width:1024px){.add-child-card-horizontal,.child-card-horizontal{min-width:200px;width:200px}.horizontal-scroll-wrapper{gap:2rem}}@media (prefers-reduced-motion:no-preference){.horizontal-scroll-wrapper{scroll-behavior:smooth}}@media (prefers-contrast:high){.child-card-horizontal{border-color:#3a3b3c;border-color:var(--text-primary);border-width:2px}.add-child-card-horizontal{border-width:3px}}.child-card-horizontal:focus-within{outline:2px solid coral;outline:2px solid var(--theme-primary-color);outline-offset:2px}.add-child-card-horizontal:focus{outline:2px solid #fff;outline:2px solid var(--color-white);outline-offset:2px}.horizontal-scroll-wrapper::-webkit-scrollbar{height:12px}.horizontal-scroll-wrapper::-webkit-scrollbar-track{background:#0000001a;border-radius:6px}.horizontal-scroll-wrapper::-webkit-scrollbar-thumb{background:coral;background:var(--theme-primary-color);border-radius:6px}.horizontal-scroll-wrapper::-webkit-scrollbar-thumb:hover{background:#e57340;background:var(--theme-primary-dark-color)}.horizontal-scroll-wrapper{scrollbar-color:coral #0000001a;scrollbar-color:var(--theme-primary-color) #0000001a;scrollbar-width:auto}.mobile-login-container{display:flex;flex-direction:column-reverse;gap:1.5rem}@media (min-width:768px){.mobile-login-container{grid-gap:1.5rem;display:grid;flex-direction:column-reverse;gap:1.5rem;grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.mobile-login-container{gap:2rem}}.video-grid{-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto;overflow-y:hidden;padding-bottom:.5rem;scroll-behavior:smooth}.video-grid>div{flex:0 0 auto;min-width:150px;width:150px}.video-grid::-webkit-scrollbar{height:8px}.video-grid::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.video-grid::-webkit-scrollbar-thumb{background:coral;background:var(--theme-primary-color);border-radius:4px}.video-grid::-webkit-scrollbar-thumb:hover{background:#e57340;background:var(--theme-primary-dark-color)}.video-grid{scrollbar-color:coral #0000001a;scrollbar-color:var(--theme-primary-color) #0000001a;scrollbar-width:thin}@media (min-width:768px){.video-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-rows:repeat(2,1fr);overflow:visible;padding-bottom:0}.video-grid>div{flex:initial;min-width:auto;width:auto}}@media (max-width:360px){.video-grid>div{min-width:135px;width:135px}}@media (min-width:480px) and (max-width:767px){.video-grid>div{min-width:165px;width:165px}}.scroll-to-add-child{cursor:pointer;text-decoration:underline;transition:color .2s ease-in-out}.scroll-to-add-child:hover{color:coral!important;color:var(--theme-primary-color)!important}.scroll-to-add-child:focus{border-radius:2px;outline:2px solid coral;outline:2px solid var(--theme-primary-color);outline-offset:2px}button.scroll-to-add-child{background:#0000;border:none;font-family:inherit;font-size:inherit;font-weight:700;margin:0;padding:0}@media (min-width:768px){.video-grid-container{margin:0 auto;max-width:75%}}.play-button-overlay{align-items:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background-color:#ff7f50e6;border:none;border-radius:50%;box-shadow:0 4px 12px #0000004d;color:#fff;cursor:pointer;display:flex;height:80px;justify-content:center;transition:all .3s ease;width:80px}.play-button-overlay:hover{background-color:coral;box-shadow:0 6px 16px #0006;transform:scale(1.1)}.play-button-overlay:active{transform:scale(.95)}@media (max-width:640px){.play-button-overlay{height:60px;width:60px}.play-button-overlay svg{height:28px;width:28px}}@media (min-width:768px){.play-button-overlay{height:90px;width:90px}.play-button-overlay svg{height:48px;width:48px}}
/*# sourceMappingURL=main.71a0da33.css.map*/