:root{--bg-color:#f0f8ff;--text-color:#000;--bubble-bg:#007bff;--bubble-text:#fff;--button-bg:#ff6b81;--button-hover:#ff4e66;--header-bg:#007bff;--card-bg:#fff;--gradient-bg:linear-gradient(135deg,#f0f8ff,#e1ecf7);--sidebar-bg:#f8f9fa;--sidebar-width:200px}[data-theme=dark]{--bg-color:#121212;--text-color:#fff;--bubble-bg:#1e88e5;--bubble-text:#fff;--button-bg:#d6336c;--button-hover:#b02a59;--header-bg:#1f1f1f;--card-bg:#1c1c1c;--gradient-bg:linear-gradient(135deg,#1a1a1a,#232323);--sidebar-bg:#1c1c1c}body{font-family:Fredoka,sans-serif;margin:0;min-height:100vh;padding:0;transition:background .3s ease,color .3s ease}body,body.dark,body.light{background:linear-gradient(135deg,#f0f8ff,#e1ecf7);background:var(--gradient-bg)}.App,body,body.dark,body.light{color:#000;color:var(--text-color)}.App{background-color:#f0f8ff;background-color:var(--bg-color);display:flex;flex-direction:column;min-height:100vh;transition:background .3s,color .3s}.header{align-items:center;background-color:#007bff;background-color:var(--header-bg);box-shadow:0 2px 5px #0000001a;color:#fff;display:flex;font-size:20px;font-weight:600;gap:10px;padding:10px 20px;position:sticky;top:0;transition:background .3s ease,color .3s ease;z-index:1000}.header img{height:30px}.sidebar-toggle,.theme-toggle{background:#0000;background-color:#ffffff1a;border:1px solid #fff;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;padding:6px 10px;transition:background .3s ease,color .3s ease,border-color .3s ease}.sidebar-toggle:hover,.theme-toggle:hover{background-color:#fff3}.theme-toggle{margin-left:auto}.sidebar-toggle{display:none}.sidebar{background-color:#f8f9fa;background-color:var(--sidebar-bg);box-shadow:2px 0 5px #0000001a;height:100%;padding:20px;position:fixed;top:0;transition:transform .3s ease,background .3s ease;width:200px;width:var(--sidebar-width);z-index:900}.sidebar.closed{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.sidebar ul{list-style:none;margin-top:60px;padding:0}.sidebar li{margin:20px 0}.sidebar a,.sidebar button{background:none;border:none;color:#000;color:var(--text-color);cursor:pointer;font-size:18px;text-align:left;text-decoration:none;transition:color .2s;width:100%}.sidebar a:hover,.sidebar button:hover{color:#ff6b81;color:var(--button-bg)}.main-content{flex-grow:1;margin-top:0;overflow-y:auto;padding:10px 20px;transition:margin-left .3s ease}@media (max-width:768px){.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}}.sidebar-toggle{display:inline-block}.chat-container{margin:20px auto 70px;max-width:1000px}.chat-container,.chat-content{display:flex;flex-direction:column;gap:15px}.chat-content{flex-grow:1;overflow-y:auto;padding:20px 20px 70px}.chat-entry.user{display:flex;justify-content:flex-end}.chat-entry.assistant{display:flex;justify-content:center}.user-message{background-color:#ff6b81;background-color:var(--button-bg);border-radius:18px 18px 4px 18px;color:#fff;color:var(--bubble-text);font-size:16px;line-height:1.4;max-width:60%;padding:12px 16px;transition:background .3s ease,color .3s ease}.image-card{animation:fadeInUp .4s ease-in;background-color:#fff;background-color:var(--card-bg);border-radius:12px;box-shadow:0 3px 12px #0000001a;margin:0 auto;max-width:100%;padding:10px;text-align:center;transition:background .3s ease}.cartoon-image{border:2px solid #ddd;border-radius:10px;max-width:80vw;width:400px}.input-bar{align-items:center;background-color:#f0f8ff;background-color:var(--bg-color);border-top:1px solid #ccc;bottom:0;display:flex;height:70px;left:0;margin:0 auto;max-width:1000px;padding:10px;position:fixed;right:0;transition:background .3s ease,border-color .3s ease;width:90%;z-index:100}input{background-color:#fff;background-color:var(--card-bg);border:1px solid #ccc;border-radius:12px;color:#000;color:var(--text-color);display:block;flex:1 1;margin:auto;padding:12px;transition:background .3s ease,color .3s ease,border-color .3s ease;width:100%}button,input{font-size:16px}button{background-color:#ff6b81;background-color:var(--button-bg);border:none;border-radius:12px;color:#fff;cursor:pointer;margin-left:10px;padding:12px 18px;transition:background-color .2s ease}button:hover{background-color:#ff4e66;background-color:var(--button-hover)}button:disabled{background-color:#ccc;cursor:not-allowed}.auth-container{background-color:#fff;background-color:var(--card-bg);border-radius:12px;box-shadow:0 3px 12px #0000001a;margin:50px auto;max-width:400px;padding:20px;text-align:center;transition:background .3s ease,color .3s ease}.auth-container h3{margin-bottom:10px;margin-top:20px}.auth-container ol,.auth-container ul{margin:10px 0;padding-left:20px}.auth-container li{margin-bottom:8px}.auth-container input{border:1px solid #ccc;box-sizing:border-box;color:#000;color:var(--text-color);font-size:16px;margin-bottom:10px;padding:12px;width:100%}.auth-container input,.guide-content{background-color:#fff;background-color:var(--card-bg);border-radius:12px}.guide-content{box-shadow:0 3px 12px #0000001a;margin:auto;max-width:1000px;padding:20px;transition:background .3s ease,color .3s ease}.guide-content h3{margin-bottom:10px;margin-top:20px}.guide-content ol,.guide-content ul{margin:10px 0;padding-left:20px}.guide-content li{margin-bottom:8px}.guide-content input{background-color:#fff;background-color:var(--card-bg);border:1px solid #ccc;border-radius:12px;box-sizing:border-box;color:#000;color:var(--text-color);font-size:16px;margin-bottom:10px;padding:12px;width:100%}.colored-pink{color:#ff6b81;color:var(--button-bg);font-weight:600}.colored-blue{color:#007bff;color:var(--bubble-bg);font-weight:600}.error{color:#ff4e66}.error,.success{font-size:14px;margin-top:10px}.success{color:#28a745}.dialog{background-color:#fff;background-color:var(--card-bg);border-radius:12px;box-shadow:0 4px 16px #0003;font-family:Fredoka,sans-serif;left:50%;padding:20px;position:fixed;text-align:center;top:50%;transform:translate(-50%,-50%);transition:background .3s ease;width:300px;z-index:2000}a{color:#007bff;text-decoration:none}.dialog-overlay{background-color:#0009;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1999}.dialog h3{font-size:20px;margin:0 0 10px}.dialog h3,.dialog p{color:#000;color:var(--text-color)}.dialog p{font-size:16px;margin:0 0 20px}.dialog button{border-radius:8px;font-size:16px;margin:5px;padding:10px 20px}.dialog button:first-child{background-color:#ff6b81;background-color:var(--button-bg)}.dialog button:last-child{background-color:#ccc;color:#000;color:var(--text-color)}.dialog button:last-child:hover{background-color:#bbb}.input-bar.centered{bottom:auto;left:auto;margin:20px auto;max-width:600px;position:relative;right:auto;width:90%}.welcome-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:20px;text-align:center}.greeting{animation:fadeIn .5s ease-in;font-size:28px;font-weight:600;margin-bottom:10px}.greeting,.prompt-text{color:#000;color:var(--text-color)}.prompt-text{animation:fadeIn .5s ease-in .2s;animation-fill-mode:both;font-size:18px;margin-bottom:20px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=main.884e65c7.css.map*/