*{box-sizing:border-box}body{background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}.app,body{min-height:100vh}.app{display:flex;flex-direction:column}.header{background:#fffffff2;box-shadow:0 4px 8px #0000001a;padding:20px;text-align:center}.header h1{color:#5a67d8;font-size:2.5em;margin:0;text-shadow:2px 2px 4px #0000001a}.header p{color:#666;font-size:1.2em;margin:10px 0 0}.main-content{align-items:center;display:flex;flex:1 1;justify-content:center;padding:20px}.navigation{background:#fffffff2;border-radius:20px;box-shadow:0 8px 32px #0000001a;max-width:800px;padding:40px;text-align:center;width:100%}.navigation h2{color:#5a67d8;font-size:2em;margin-bottom:30px}.image-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin-top:20px}.image-button{background:linear-gradient(135deg,#ff9a9e,#fecfef);border:none;border-radius:15px;box-shadow:0 4px 15px #0000001a;color:#5a67d8;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1.1em;font-weight:700;padding:15px;transition:all .3s ease}.image-button:hover{background:linear-gradient(135deg,#fecfef,#ff9a9e);box-shadow:0 8px 25px #0003;transform:translateY(-3px)}.coloring-page{background:#fffffff2;border-radius:20px;box-shadow:0 8px 32px #0000001a;margin:20px;max-width:1200px;padding:20px;width:100%}.coloring-header{align-items:center;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:20px}.page-title{color:#5a67d8;font-size:1.8em;margin:0}.navigation-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.home-button,.nav-button{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:25px;box-shadow:0 4px 15px #0003;color:#fff;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1em;font-weight:700;padding:12px 24px;transition:all .3s ease}.home-button:hover,.nav-button:hover{box-shadow:0 6px 20px #0000004d;transform:translateY(-2px)}.nav-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.coloring-workspace{display:flex;flex-wrap:wrap;gap:20px}.canvas-container{flex:1 1;min-width:400px;text-align:center}.coloring-canvas{border:3px solid #5a67d8;height:auto;max-width:100%}.color-palette,.coloring-canvas{border-radius:15px;box-shadow:0 4px 15px #0000001a}.color-palette{background:#fffc;min-width:200px;padding:20px}.color-palette h3{color:#5a67d8;font-size:1.3em;margin-bottom:15px;margin-top:0;text-align:center}.color-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(4,1fr);margin-bottom:20px}.color-button{border:3px solid #fff;border-radius:50%;box-shadow:0 2px 8px #0003;cursor:pointer;height:40px;transition:all .3s ease;width:40px}.color-button:hover{box-shadow:0 4px 12px #0000004d;transform:scale(1.1)}.color-button.active{border-color:#5a67d8;border-width:4px;transform:scale(1.1)}.brush-controls{text-align:center}.brush-controls h4{color:#5a67d8;margin-bottom:10px}.brush-size-slider{-webkit-appearance:none;appearance:none;background:#ddd;border-radius:5px;height:8px;margin-bottom:15px;outline:none;width:100%}.brush-size-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#5a67d8;border-radius:50%;cursor:pointer;height:20px;width:20px}.brush-size-slider::-moz-range-thumb{background:#5a67d8;border:none;border-radius:50%;cursor:pointer;height:20px;width:20px}.action-buttons{grid-gap:10px;display:grid;gap:10px;grid-template-columns:1fr 1fr;margin:15px 0}.action-button{align-items:center;background:linear-gradient(135deg,#ff9a9e,#fecfef);border:none;border-radius:15px;box-shadow:0 3px 12px #00000026;color:#5a67d8;cursor:pointer;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:.9em;font-weight:700;gap:6px;justify-content:center;min-height:45px;padding:12px 15px;transition:all .3s ease}.action-button:hover{background:linear-gradient(135deg,#fecfef,#ff9a9e);box-shadow:0 5px 18px #00000040;transform:translateY(-2px)}.action-button.active,.action-button.drawing-active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 5px 20px #667eea66;color:#fff;transform:translateY(-1px)}.action-button.drawing-active{animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 5px 20px #667eea66}50%{box-shadow:0 7px 25px #667eea99}to{box-shadow:0 5px 20px #667eea66}}.button-icon{font-size:1.2em}.drawing-status{background:#fffffff2;border:2px solid #5a67d8;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:15px;padding:12px 16px;text-align:center}.drawing-status.active{animation:glow 2s infinite;background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;color:#fff}@keyframes glow{0%{box-shadow:0 2px 8px #0000001a}50%{box-shadow:0 4px 20px #667eea66}to{box-shadow:0 2px 8px #0000001a}}.status-icon{font-size:1.2em;margin-right:8px}.status-text{font-size:1em;font-weight:700}.brush-preview{margin:15px 0;text-align:center}.brush-preview-circle{border:2px solid #5a67d8;border-radius:50%;margin:0 auto}.header-action-buttons{display:flex;gap:8px;margin-left:15px}.action-icon-button{align-items:center;background:linear-gradient(135deg,#ff9a9e,#fecfef);border:none;border-radius:12px;box-shadow:0 2px 8px #00000026;color:#5a67d8;cursor:pointer;display:flex;font-size:1.2em;justify-content:center;min-height:40px;min-width:40px;padding:8px 12px;transition:all .3s ease}.action-icon-button:hover{background:linear-gradient(135deg,#fecfef,#ff9a9e);box-shadow:0 4px 12px #00000040;transform:translateY(-2px)}.action-icon-button.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea66;color:#fff;transform:translateY(-1px)}.action-icon-button:disabled{box-shadow:0 2px 8px #0000001a;cursor:not-allowed;opacity:.5;transform:none}.action-icon-button:disabled:hover{background:linear-gradient(135deg,#ff9a9e,#fecfef);box-shadow:0 2px 8px #0000001a;transform:none}.left-action-buttons{align-items:center;display:flex;flex-direction:column;gap:20px;margin-right:20px;min-width:80px;padding:20px 10px}.left-action-buttons .action-icon-button{align-items:center;background:#fff;border:none;border-radius:50%;box-shadow:0 4px 12px #00000026;color:#5a67d8;cursor:pointer;display:flex;height:60px;justify-content:center;padding:0;position:relative;transition:all .3s ease;width:60px}.left-action-buttons .action-icon-button .material-icons{color:#5a67d8;font-size:28px}.left-action-buttons .action-icon-button:hover{background:#f8f9ff;box-shadow:0 8px 20px #00000040;transform:translateY(-3px) scale(1.05)}.left-action-buttons .action-icon-button.active{animation:pulse 2s infinite;background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 6px 25px #667eea66;transform:translateY(-2px) scale(1.05)}.left-action-buttons .action-icon-button.active .material-icons{color:#fff}.left-action-buttons .action-icon-button:disabled{background:#f0f0f0;box-shadow:0 2px 8px #0000001a;cursor:not-allowed;opacity:.5;transform:none}.left-action-buttons .action-icon-button:disabled .material-icons{color:#999}.left-action-buttons .action-icon-button:disabled:hover{background:#f0f0f0;box-shadow:0 2px 8px #0000001a;transform:none}.auth-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.auth-modal{animation:modalSlideIn .3s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:16px;box-shadow:0 11px 15px -7px #0003,0 24px 38px 3px #00000024,0 9px 46px 8px #0000001f;max-width:400px;padding:32px;transform-origin:center;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.7) translateY(-50px)}to{opacity:1;transform:scale(1) translateY(0)}}.auth-header{margin-bottom:24px;text-align:center}.auth-header h2{color:#1976d2;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:1.5rem;font-weight:500;margin:0 0 8px}.auth-header p{color:#757575;font-size:.9rem;margin:0}.auth-form{gap:20px}.auth-form,.input-group{display:flex;flex-direction:column}.input-group{position:relative}.input-group label{color:#1976d2;font-size:.875rem;font-weight:500;margin-bottom:8px}.auth-input,.input-group label{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.auth-input{background:#fafafa;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;padding:16px 12px;transition:all .2s cubic-bezier(.4,0,.2,1)}.auth-input:focus{background:#fff;border-color:#1976d2;box-shadow:0 2px 8px #1976d233;outline:none}.auth-input::placeholder{color:#9e9e9e}.auth-error{background:#ffebee;border-left:4px solid #d32f2f;border-radius:8px;color:#d32f2f;font-size:.875rem;padding:12px}.auth-error,.auth-submit-btn{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.auth-submit-btn{background:#1976d2;border:none;border-radius:8px;box-shadow:0 2px 4px #0003;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;letter-spacing:.5px;padding:16px 24px;text-transform:uppercase;transition:all .2s cubic-bezier(.4,0,.2,1)}.auth-submit-btn:hover{background:#1565c0;box-shadow:0 4px 8px #0000004d;transform:translateY(-1px)}.auth-submit-btn:active{box-shadow:0 2px 4px #0003;transform:translateY(0)}@media (max-width:480px){.auth-modal{margin:16px;padding:24px}.auth-header h2{font-size:1.3rem}.auth-input{padding:14px 12px}.auth-submit-btn{padding:14px 20px}}@media (max-width:768px){.coloring-workspace{flex-direction:column}.canvas-container,.color-palette{min-width:auto}.coloring-header{flex-direction:column;text-align:center}.navigation-buttons{justify-content:center}.image-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.action-buttons{gap:8px;grid-template-columns:1fr 1fr}.action-button{font-size:.8em;gap:4px;min-height:40px;padding:10px 12px}.button-icon{font-size:1.1em}}
/*# sourceMappingURL=main.959adcbe.css.map*/