body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;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}.android-inapp-modal{align-items:center;background:#000000b3;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:99999}.android-inapp-modal>div{background:#fff;border-radius:16px;box-shadow:0 4px 24px #0000002e;color:#222;font-size:1.1rem;max-width:340px;padding:32px 20px;text-align:center;width:90vw}.android-inapp-modal button{border:none;border-radius:8px;box-shadow:0 2px 8px #4285f422;cursor:pointer;display:block;font-size:1.1rem;font-weight:600;margin:0 auto 10px;padding:12px 0;transition:background .2s;width:100%}.android-inapp-modal button:last-child{background:none;box-shadow:none;color:#888;font-size:1rem;font-weight:400;margin-bottom:0;padding:8px 0}@media (max-width:480px){.android-inapp-modal>div{font-size:1rem;max-width:98vw;padding:20px 6vw}}.App{background-color:#f0f8ff;color:#2c3e50;font-size:calc(10px + 2vmin);text-align:center}.App,.App-main{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.App-main{position:relative;width:100%}.character{animation:bounce 2s ease-in-out infinite;font-size:10rem;margin-bottom:20px}.character.clickable{cursor:pointer;transition:transform .2s ease}.character.clickable:hover{transform:scale(1.05)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.message-box{align-items:center;background-color:#fff;border-radius:15px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;height:150px;justify-content:center;line-height:1.6;margin:0 30px;max-width:600px;min-height:150px;overflow:hidden;overflow-wrap:break-word;padding:25px 35px;text-align:center;width:80vw;word-break:keep-all}@media (max-width:768px){.message-box{height:130px;margin:0 40px;padding:20px 25px;width:calc(100vw - 80px)}.message-box.mouse-style{height:80px;min-height:80px}.mouse-style .message-line{font-size:1.1rem;left:15px;width:calc(100% - 30px)}.mouse-style .message-line:first-child{top:20px}.mouse-style .message-line:nth-child(2){top:calc(20px + 1.5em)}.mouse-style .message-line:nth-child(3){top:calc(20px + 3em)}}@media (max-width:480px){.message-box{height:120px;margin:0 35px;padding:15px 20px;width:calc(100vw - 70px)}.message-box.mouse-style{height:70px;min-height:70px}.mouse-style .message-line{font-size:1.05rem;left:12px;width:calc(100% - 24px)}.mouse-style .message-line:first-child{top:15px}.mouse-style .message-line:nth-child(2){top:calc(15px + 1.4em)}.mouse-style .message-line:nth-child(3){top:calc(15px + 2.8em)}}.message-box.mouse-style{align-items:flex-start;height:100px;justify-content:flex-start;min-height:100px;position:relative;text-align:left}.mouse-style .message-line{font-size:1.1rem;left:20px;line-height:1.6;margin:0;padding:0;position:absolute;width:calc(100% - 40px)}.mouse-style .message-line:first-child{top:25px}.mouse-style .message-line:nth-child(2){top:calc(25px + 1.6em)}.mouse-style .message-line:nth-child(3){top:calc(25px + 3.2em)}.message-box.hamster-style{height:150px;min-height:150px;text-align:center}.message-box.hamster-style p{color:#2c3e50;font-size:2rem;margin:10px 0;text-shadow:2px 2px 4px #0000001a}.message-box p,.message-box.hamster-style p{overflow-wrap:break-word;word-break:keep-all}.message-box p{margin:5px 0;transition:opacity .5s ease-in-out}.top-buttons-container{align-items:center;display:flex;justify-content:space-between;left:20px;padding:0;pointer-events:none;position:fixed;right:20px;top:20px;z-index:100}.top-buttons-container>*{pointer-events:all}.right-buttons{align-items:center;display:flex;gap:10px}.back-button{background-color:#fff;border:2px solid #d1d8e0;border-radius:25px;color:#2c3e50;font-size:1rem;font-weight:700;padding:10px 20px}.back-button,.dark-mode-toggle{cursor:pointer;transition:all .3s ease}.dark-mode-toggle{background:none;border:none;border-radius:50%;font-size:1.5rem;padding:8px}.dark-mode-toggle:hover{background-color:#ffffff1a;transform:scale(1.2)}body.dark-mode .dark-mode-toggle:hover{background-color:#fff3}@media (max-width:768px){.top-buttons-container{padding:0 15px}.main-page-toggle{font-size:1.1rem;height:45px;right:15px;top:15px;width:45px}}@media (max-width:480px){.top-buttons-container{padding:0 10px}.back-button{font-size:.9rem;padding:8px 16px}.dark-mode-toggle{font-size:1.3rem;padding:8px}.main-page-toggle{font-size:1rem;height:40px;right:10px;top:10px;width:40px}}.sparkle-effect{animation:sparkle-burst .6s ease-out forwards;border-radius:50%;pointer-events:none;position:absolute;transform-origin:center;z-index:1000}@keyframes sparkle-burst{0%{opacity:1;transform:scale(1)}20%{opacity:1;transform:scale(1.8)}to{opacity:0;transform:scale(.1) translate(0);transform:scale(.1) translate(var(--end-x,0),var(--end-y,0))}}.character-selection{padding:40px 20px;position:relative;text-align:center}.character-selection h2{color:#2c3e50;font-size:1.8rem;font-weight:600;margin-bottom:40px}.character-options{display:flex;flex-wrap:wrap;gap:40px;justify-content:center}.character-option{background:#fff;border:3px solid #0000;border-radius:20px;box-shadow:0 4px 12px #0000001a;cursor:pointer;min-width:200px;overflow:hidden;padding:30px 20px;position:relative;transition:all .3s ease}.character-option:hover{border-color:#ffeb3b;box-shadow:0 8px 20px #00000026;transform:translateY(-5px)}.character-option:active{transform:translateY(-2px)}.character-emoji{display:block;font-size:4rem;margin-bottom:15px}.character-option span:last-child{color:#2c3e50;font-size:1.2rem;font-weight:400}body.dark-mode,body.dark-mode .App{background-color:#1a1a1a;color:#e0e0e0}body.dark-mode .message-box{background-color:#2d2d2d;box-shadow:0 4px 12px #0000004d;color:#e0e0e0}body.dark-mode .message-box.hamster-style p{color:#fff;text-shadow:2px 2px 4px #00000080}body.dark-mode .back-button{background-color:#2d2d2d;border:2px solid #555;color:#e0e0e0}body.dark-mode .back-button:hover{background-color:#e0e0e0;color:#2d2d2d}body.dark-mode .character-selection h2{color:#e0e0e0}body.dark-mode .character-option{background-color:#2d2d2d;border:2px solid #555;color:#e0e0e0}body.dark-mode .character-option:hover{background-color:#3d3d3d;border-color:#777;transform:translateY(-5px)}body.dark-mode .character-option span:last-child{color:#e0e0e0}body.dark-mode .settings-button{background-color:#2d2d2d;border:2px solid #555;color:#e0e0e0}body.dark-mode .settings-button:hover{background-color:#3d3d3d;border-color:#777;color:#fff}body.dark-mode .settings-content{background-color:#2d2d2d;box-shadow:0 8px 24px #00000080;color:#e0e0e0}body.dark-mode .settings-content h3{color:#fff}body.dark-mode .setting-item label{color:#e0e0e0}body.dark-mode .speed-slider{background:#555}body.dark-mode .speed-slider::-webkit-slider-thumb{background:#4caf50}body.dark-mode .speed-slider::-moz-range-thumb{background:#4caf50}body.dark-mode .speed-info,body.dark-mode .speed-labels{color:#b0b0b0}body.dark-mode .checkbox-container label{color:#e0e0e0}body.dark-mode .close-settings-button{background-color:#4a5568;color:#e0e0e0}body.dark-mode .close-settings-button:hover{background-color:#5a6578}.settings-button{align-items:center;background-color:#fff;border:2px solid #d1d8e0;border-radius:50%;color:#2c3e50;cursor:pointer;display:flex;font-size:1.2rem;height:45px;justify-content:center;padding:10px;transition:all .3s ease;width:45px}.settings-button:hover{background-color:#f8f9fa;border-color:#adb5bd;transform:translateY(-2px)}.settings-panel{align-items:center;background-color:#00000080;bottom:0;box-sizing:border-box;display:flex;height:100vh;justify-content:center;left:0;margin:0;padding:0;position:fixed;right:0;top:0;width:100vw;z-index:1000}.settings-content{animation:slideIn .3s ease-out;background-color:#fff;border-radius:15px;box-shadow:0 8px 24px #0003;box-sizing:border-box;flex-shrink:0;margin:0;max-width:400px;padding:30px;width:90vw}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pulse{0%{box-shadow:0 0 0 0 #ffeaa7b3;transform:scale(1)}70%{box-shadow:0 0 0 10px #ffeaa700;transform:scale(1.05)}to{box-shadow:0 0 0 0 #ffeaa700;transform:scale(1)}}.settings-content h3{color:#2c3e50;font-size:1.5rem;margin-bottom:25px;margin-top:0;text-align:center}.setting-item{margin-bottom:25px}.setting-item label{color:#2c3e50;display:block;font-size:1.1rem;font-weight:700;margin-bottom:15px}.speed-slider-container{margin-bottom:10px}.speed-slider{background:#d3d3d3;border-radius:5px;cursor:pointer;height:8px;opacity:.7;outline:none;transition:opacity .2s;width:100%}.speed-slider:hover{opacity:1}.speed-slider::-webkit-slider-thumb{appearance:none;background:#4caf50;border-radius:50%;box-shadow:0 2px 6px #0003;cursor:pointer;height:25px;width:25px}.speed-slider::-moz-range-thumb{background:#4caf50;border:none;border-radius:50%;box-shadow:0 2px 6px #0003;cursor:pointer;height:25px;width:25px}.speed-labels{display:flex;justify-content:space-between;margin-top:5px}.speed-info,.speed-labels{color:#666;font-size:.9rem}.speed-info{margin-top:10px;text-align:center}.checkbox-container{align-items:center;display:flex;gap:10px;margin:10px 0}.checkbox-container input[type=checkbox]{cursor:pointer;transform:scale(1.2)}.checkbox-container label{cursor:pointer;font-size:1rem;margin:0}.close-settings-button{background-color:#007bff;border:none;border-radius:25px;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;margin-top:10px;padding:12px 24px;transition:all .3s ease;width:100%}.close-settings-button:hover{background-color:#0056b3;transform:translateY(-2px)}.dark-mode .saved-messages-content{background:#2d3748;color:#e2e8f0}.dark-mode .saved-messages-content h3{border-bottom-color:#4a5568;color:#e2e8f0}.dark-mode .saved-message-item{background:#4a5568;color:#e2e8f0}.dark-mode .saved-message-item:hover{background:#5a6578}.dark-mode .saved-message-item span{color:#e2e8f0;font-size:.9rem}.dark-mode .close-saved-messages{background:#4a5568}.dark-mode .close-saved-messages:hover{background:#5a6578}.saved-messages-modal{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#00000080;display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:1000}.saved-messages-content{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:20px;box-shadow:0 10px 30px #0000004d;max-height:80vh;max-width:500px;overflow-y:auto;padding:30px;position:relative;width:90vw}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-50px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.saved-messages-content h3{border-bottom:2px solid #f0f0f0;color:#2c3e50;font-size:1.5rem;margin:0 0 20px;padding-bottom:15px;text-align:center}.saved-messages-list{margin-bottom:20px;max-height:400px;overflow-y:auto}.saved-message-item{align-items:center;background:#f8f9fa;border-radius:8px;display:flex;gap:8px;justify-content:space-between;margin-bottom:6px;padding:8px 12px;transition:background-color .2s ease}.saved-message-item:hover{background:#e9ecef}.saved-message-item span{color:#495057;flex:1 1;font-size:.9rem;line-height:1.3;text-align:left}.delete-saved{align-items:center;border:none;border-radius:50%;cursor:pointer;display:flex;font-size:.85rem;height:28px;justify-content:center;transition:all .2s ease;width:28px}.delete-saved:hover{background:#e0e0e0;transform:scale(1.1)}.close-saved-messages{background:#6c757d;border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 20px;transition:background-color .2s ease;width:100%}.close-saved-messages:hover{background:#5a6268}.save-button-container{align-items:center;display:flex;justify-content:center;margin-bottom:10px;margin-top:15px}.save-button{align-items:center;background:linear-gradient(135deg,gold,#ffed4e);border:none;border-radius:25px;box-shadow:0 4px 15px #ffd7004d;color:#2c3e50;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;overflow:hidden;padding:12px 24px;position:relative;transform:scale(1);transition:all .3s ease}.save-button:hover:not(:disabled){background:linear-gradient(135deg,#ffed4e,gold);box-shadow:0 6px 20px #ffd70066;transform:translateY(-2px) scale(1.05)}.save-button:active:not(:disabled){box-shadow:0 2px 10px #ffd7004d;transform:translateY(0) scale(1.02)}.save-button.visible{animation:saveButtonAppear .3s ease-out;opacity:1;visibility:visible}.save-button.hidden{opacity:0;transform:scale(.8);transition:all .3s ease;visibility:hidden}.save-button:disabled{background:#e9ecef;box-shadow:none;color:#6c757d;cursor:not-allowed;transform:scale(1)}@keyframes saveButtonAppear{0%{opacity:0;transform:scale(.5) translateY(20px)}50%{transform:scale(1.1) translateY(-5px)}to{opacity:1;transform:scale(1) translateY(0)}}.save-button:not(:disabled):before{background:linear-gradient(45deg,#0000,#fff6,#0000);border-radius:25px;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .3s ease}.save-button:hover:not(:disabled):before{animation:shimmer 1.5s infinite;opacity:1}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}body.dark-mode .save-button{background:linear-gradient(135deg,#ffc107,#ffb300);box-shadow:0 4px 15px #ffc1074d;color:#1a1a1a}body.dark-mode .save-button:hover:not(:disabled){background:linear-gradient(135deg,#ffb300,#ffc107);box-shadow:0 6px 20px #ffc10766}body.dark-mode .save-button:disabled{background:#4a5568;color:#a0aec0}@media (max-width:768px){.save-button{font-size:.95rem;padding:10px 20px}}@media (max-width:480px){.save-button{font-size:.9rem;padding:9px 18px}}.save-tooltip{animation:saveTooltipAppear 3s ease-out forwards;background-color:#28a745;border-radius:20px;box-shadow:0 4px 12px #28a7454d;color:#fff;font-size:.9rem;font-weight:600;left:50%;padding:8px 16px;position:absolute;top:-50px;transform:translateX(-50%);white-space:nowrap;z-index:1000}@keyframes saveTooltipAppear{0%{opacity:0;transform:translateX(-50%) translateY(10px) scale(.8)}10%{opacity:1;transform:translateX(-50%) translateY(0) scale(1.1)}15%{transform:translateX(-50%) translateY(0) scale(1)}85%{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}to{opacity:0;transform:translateX(-50%) translateY(-10px) scale(.9)}}body.dark-mode .save-tooltip{background-color:#20c997;box-shadow:0 4px 12px #20c9974d}@media (max-width:768px){.save-tooltip{font-size:.9rem;padding:6px 12px;top:-45px}}@media (max-width:480px){.save-tooltip{font-size:.9rem;padding:5px 10px;top:-40px}}@media (max-width:768px){.saved-messages-content{max-height:85vh;padding:25px 20px;width:95vw}.saved-messages-content h3{font-size:1.3rem;margin-bottom:15px}.saved-message-item{border-radius:6px;margin-bottom:4px;padding:6px 10px}.saved-message-item span{font-size:1rem;line-height:1.2}.delete-saved{font-size:.75rem;height:24px;width:24px}}@media (max-width:480px){.saved-messages-content{border-radius:15px;padding:20px 15px;width:98vw}.saved-messages-content h3{font-size:1.2rem;margin-bottom:12px}.saved-message-item{border-radius:5px;margin-bottom:3px;padding:5px 8px}.saved-message-item span{line-height:1.1}.delete-saved{font-size:.7rem;height:22px;width:22px}.close-saved-messages{font-size:.9rem;padding:10px 15px}}.slogan-block{margin:36px 0 24px}.slogan-block .slogan{color:#e6b800;font-weight:700;margin:0;text-shadow:0 2px 8px #fffbe7}.slogan-block .slogan:nth-child(2){color:#b48a00;font-size:1.5rem;margin-top:10px}.slogan-block .slogan:nth-child(3){color:#888;font-size:1.1rem;margin-top:8px}.about-link{color:#b48a00;cursor:pointer;font-size:1.1rem;text-decoration:underline;transition:color .2s}.about-link:hover{color:#e6b800}.saved-submenu{align-items:center;background:#fff;border:1px solid #dee2e6;border-radius:6px;color:#333;cursor:pointer;display:inline-flex;font-size:16px;justify-content:center;margin-right:2px;outline:none;padding:4px 8px;transition:all .2s}.saved-submenu:hover{background:#e9ecef;border-color:#adb5bd;color:#007bff}.saved-submenu:active{background:#dee2e6;border-color:#adb5bd;color:#0056b3}body.dark-mode .saved-submenu{background:#222;border-color:#444;color:#eee}body.dark-mode .saved-submenu:hover{background:#333;border-color:#1976d2;color:#90caf9}.saved-submenu>i,.saved-submenu>span,.saved-submenu>svg{font-size:16px}@media (max-width:480px){.saved-submenu{font-size:15px;padding:3px 6px}}.about-container{background:#fffbe7;border-radius:18px;box-shadow:0 2px 16px #00000012;color:#444;font-size:1.1rem;margin:40px auto;max-width:600px;padding:32px 24px}.about-container h2{color:#e6b800;font-size:2rem;margin-bottom:16px}.about-container h3{color:#b48a00;margin-top:28px}.about-container ul{margin:0 0 0 18px;padding:0}.about-container li{margin-bottom:8px}.about-container p{margin:12px 0}.about-back-btn{background:#fffbe7;border:1px solid #e6b800;border-radius:8px;color:#b48a00;cursor:pointer;font-size:1rem;margin-bottom:18px;padding:7px 18px;transition:background .2s,color .2s}.about-back-btn:hover{background:#e6b800;color:#fffbe7}
/*# sourceMappingURL=main.ae362476.css.map*/