:root{--cream: #fff6ea;--pink: #ffd9e3;--blue: #d6ecff;--green: #dcf5dc;--yellow: #fff1b8;--violet: #e8deff;--text: #4a3b5c;--text-soft: #7a6b8c;--accent: #e84b6f;--accent-soft: #ffb3c6;--radius: 24px;--shadow: 0 6px 18px rgba(74, 59, 92, .12)}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--text);font-family:Nunito,"Baloo 2",system-ui,sans-serif;font-size:18px;line-height:1.5}h1,h2,h3,.btn,.card-title{font-family:"Baloo 2",Nunito,system-ui,sans-serif}.screen{max-width:960px;margin:0 auto;padding:20px 16px 48px}.screen-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:8px}.home-header{text-align:center;padding:16px 0 8px}.app-title{font-size:clamp(2rem,6vw,3rem);margin:0 0 8px;font-weight:800}.app-subtitle{color:var(--text-soft);font-size:1.1rem;max-width:520px;margin:0 auto}.home-topbar{display:flex;justify-content:flex-end}.progress-overview{max-width:520px;margin:0 auto 8px;text-align:center}.progress-bar{height:16px;background:#fff;border-radius:999px;box-shadow:inset 0 2px 6px #4a3b5c1f;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#f7d154,#e84b6f);border-radius:999px;transition:width .5s ease}.progress-text{margin:8px 0 0;font-weight:700;color:var(--text-soft)}.draw-cta{display:block;width:100%;max-width:520px;margin:20px auto 28px;padding:20px 24px;font-family:"Baloo 2",sans-serif;font-size:1.4rem;font-weight:700;color:#fff;background:linear-gradient(135deg,#e84b6f,#9b6fe8);border:none;border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;transition:transform .15s ease}.draw-cta:hover,.draw-cta:focus-visible{transform:scale(1.03)}.category-tabs{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:0 auto 20px}.category-tab{padding:10px 22px;font-family:"Baloo 2",sans-serif;font-size:1.05rem;font-weight:700;color:var(--text-soft);background:#fff;border:3px solid transparent;border-radius:999px;box-shadow:var(--shadow);cursor:pointer;transition:transform .15s ease,border-color .15s ease,color .15s ease}.category-tab:hover,.category-tab:focus-visible{transform:scale(1.05)}.category-tab.active{color:var(--accent);border-color:var(--accent);background:#fff5f8}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.lesson-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 16px;border:none;border-radius:var(--radius);box-shadow:var(--shadow);cursor:pointer;text-align:center;font-family:inherit;color:var(--text);transition:transform .15s ease}.lesson-card:hover,.lesson-card:focus-visible{transform:translateY(-4px) scale(1.02)}.card-pink{background:var(--pink)}.card-blue{background:var(--blue)}.card-green{background:var(--green)}.card-yellow{background:var(--yellow)}.card-violet{background:var(--violet)}.card-cream{background:#fdeedd}.card-emoji{font-size:3.2rem}.card-done-badge{position:absolute;top:10px;right:10px;background:var(--accent);color:#fff;font-family:"Baloo 2",sans-serif;font-size:.85rem;font-weight:700;padding:4px 12px;border-radius:999px;box-shadow:var(--shadow);z-index:1}.card-resume-badge{background:var(--blue);color:var(--text)}.card-image{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:16px;box-shadow:0 3px 10px #4a3b5c1f}.card-title{font-size:1.25rem;font-weight:700}.card-description{font-size:.95rem;color:var(--text-soft)}.difficulty-badge{display:inline-block;padding:4px 14px;border-radius:999px;font-size:.85rem;font-weight:700;background:#fff}.difficulty-badge.easy{color:#2e7d32}.difficulty-badge.medium{color:#b07b00}.difficulty-badge.creative{color:#6a3bbf}.safety-banner{margin-top:32px;background:var(--yellow);border-radius:var(--radius);padding:20px 24px;box-shadow:var(--shadow)}.safety-title{margin:0 0 10px;font-size:1.2rem}.safety-list{margin:0;padding-left:4px;list-style:none}.safety-list li{padding:3px 0}.safety-note{margin-top:24px;background:var(--yellow);border-radius:16px;padding:14px 18px;font-weight:600}.lesson-hero{text-align:center;padding:8px 0 16px}.lesson-emoji{font-size:4.5rem;display:block}.lesson-image{width:100%;max-width:420px;border-radius:var(--radius);box-shadow:var(--shadow)}.lesson-title{font-size:clamp(1.6rem,5vw,2.4rem);margin:8px 0 4px}.lesson-description{color:var(--text-soft);max-width:520px;margin:0 auto}.lesson-section{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:20px 24px;margin-bottom:20px}.section-title{margin:0 0 12px;font-size:1.25rem}.tools-list{margin:0;padding-left:24px}.tools-list li{padding:3px 0}.shape-chips{display:flex;gap:10px;flex-wrap:wrap}.shape-chip{background:var(--green);border-radius:999px;padding:8px 16px;font-weight:700;font-size:.95rem}.btn{border:none;border-radius:18px;padding:12px 22px;font-size:1.05rem;font-weight:700;cursor:pointer;transition:transform .12s ease}.btn:hover:not(:disabled),.btn:focus-visible:not(:disabled){transform:scale(1.04)}.btn:disabled{opacity:.45;cursor:default}.btn-primary{background:var(--accent);color:#fff}.btn-secondary{background:var(--violet);color:var(--text)}.btn-home{background:var(--blue);color:var(--text)}.btn-small{padding:8px 16px;font-size:.95rem;background:var(--blue);color:var(--text)}.btn-big{padding:16px 28px;font-size:1.2rem}.step-viewer{text-align:center}.step-dots{display:flex;justify-content:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}.dot{width:14px;height:14px;border-radius:50%;background:var(--violet);transition:background .2s,transform .2s}.dot.active{background:var(--accent);transform:scale(1.3)}.dot.done{background:var(--accent-soft)}.step-number{font-weight:700;color:var(--text-soft);margin-bottom:8px}.step-image{display:block;width:100%;max-width:360px;margin:0 auto 14px;border-radius:var(--radius);box-shadow:var(--shadow);animation:step-image-in .35s ease}@keyframes step-image-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.step-text{font-size:1.25rem;min-height:3.2em;max-width:560px;margin:0 auto 8px}.step-praise{color:var(--accent);font-weight:700;margin:4px 0 16px}.step-buttons{display:flex;justify-content:center;gap:12px;flex-wrap:wrap}.step-finished .finish-emoji{font-size:4rem}.finish-text{font-size:1.4rem;font-weight:700;margin:8px 0 20px}.video-frame{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:16px;overflow:hidden}.video-frame iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:none}.video-placeholder-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--blue);border-radius:16px;padding:36px 20px;text-align:center}.video-placeholder-emoji{font-size:3rem}.video-placeholder-text{margin:8px 0 0;font-weight:600}.video-placeholder-text small{font-weight:400;color:var(--text-soft)}.ai-video{margin-top:14px;text-align:center}.ai-video-script{margin-top:12px;text-align:left;background:var(--cream);border-radius:16px;padding:16px 20px;font-size:.95rem}.toolbar{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px;margin-bottom:16px;display:flex;flex-direction:column;gap:10px}.color-row,.brush-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:center}.color-swatch{width:40px;height:40px;border-radius:50%;border:3px solid transparent;cursor:pointer;transition:transform .12s}.color-swatch.selected{border-color:var(--text);transform:scale(1.15)}.tool-btn{border:2px solid var(--violet);background:#fff;border-radius:14px;padding:8px 14px;font-family:inherit;font-size:.95rem;font-weight:700;color:var(--text);cursor:pointer}.tool-btn.selected{background:var(--violet)}.drawing-canvas{display:block;width:100%;background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);touch-action:none;cursor:crosshair}.drawing-actions{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:16px}.drawing-preview-section{text-align:center}.drawing-preview{max-width:320px;width:100%;border-radius:16px;box-shadow:var(--shadow)}.gallery{background:#fff;border-radius:var(--radius);box-shadow:var(--shadow);padding:20px 24px;margin-top:20px}.gallery-hint{color:var(--text-soft);margin:0 0 12px}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}.gallery-item{position:relative}.gallery-load{display:block;width:100%;padding:0;border:3px solid var(--violet);border-radius:14px;overflow:hidden;cursor:pointer;background:#fff;transition:transform .12s}.gallery-load:hover,.gallery-load:focus-visible{transform:scale(1.05);border-color:var(--accent-soft)}.gallery-load img{display:block;width:100%;aspect-ratio:3 / 2;object-fit:cover}.gallery-remove{position:absolute;top:-8px;right:-8px;width:28px;height:28px;border:none;border-radius:50%;background:var(--accent);color:#fff;font-size:.8rem;cursor:pointer;box-shadow:var(--shadow)}.error-screen{text-align:center;padding-top:80px}.error-emoji{font-size:4.5rem;margin-bottom:12px}.error-screen .btn-big{margin-top:24px}.picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#4a3b5c73;display:flex;align-items:center;justify-content:center;padding:16px;z-index:10}.picker-box{background:#fff;border-radius:var(--radius);padding:24px;max-width:480px;width:100%;text-align:center;box-shadow:var(--shadow)}.picker-title{margin:0 0 4px}.picker-subtitle{color:var(--text-soft);margin:0 0 16px}.picker-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.picker-option{display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--cream);border:2px solid transparent;border-radius:18px;padding:14px 8px;font-family:inherit;font-size:.95rem;font-weight:700;color:var(--text);cursor:pointer;transition:transform .12s}.picker-option:hover,.picker-option:focus-visible{transform:scale(1.05);border-color:var(--accent-soft)}.picker-emoji{font-size:2rem}.picker-image{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:12px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important;animation:none!important}}@media (max-width: 480px){body{font-size:16px}.picker-grid{grid-template-columns:repeat(2,1fr)}.step-buttons .btn{width:100%}}