@import url(https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&family=Caveat:wght@400;500;600;700&display=swap);*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;overflow-x:hidden}body{background:#f7f5f3;background-image:radial-gradient(circle at 20px 80px,#e8e4e0 1px,#0000 0),radial-gradient(circle at 80px 20px,#e8e4e0 1px,#0000 0),radial-gradient(circle at 40px 40px,#ede9e5 .5px,#0000 0);background-size:100px 100px;display:flex;flex-direction:column;font-family:Kalam,cursive;min-height:100vh;position:relative}body:before{background:linear-gradient(90deg,#0000 79px,#e8e4e0 0,#e8e4e0 81px,#0000 0),linear-gradient(#f7f5f3,#f7f5f3);background-size:100px 100%,100% 100%;bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:-1}#root{display:flex;flex:1 1;flex-direction:column}.floating-doodle{opacity:.1;pointer-events:none;position:fixed;z-index:-1}.floating-doodle:first-child{animation:float 6s ease-in-out infinite;border:3px solid #e74c3c;border-radius:50%;height:40px;left:5%;top:10%;width:40px}.floating-doodle:nth-child(2){animation:float 8s ease-in-out infinite reverse;border-bottom:30px solid #3498db;border-left:20px solid #0000;border-right:20px solid #0000;height:0;right:10%;top:20%;width:0}.floating-doodle:nth-child(3){animation:float 7s ease-in-out infinite;border:3px solid #f39c12;border-radius:25px;bottom:15%;height:30px;left:8%;width:50px}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-20px) rotate(5deg)}}.container{margin:0 auto;max-width:800px;padding:20px;width:100%}.header{margin-bottom:40px;position:relative;text-align:center}.header h1{color:#2c3e50;font-family:Caveat,cursive;font-size:2.5em;margin-bottom:15px;text-shadow:2px 2px 0 #ecf0f1;transform:rotate(-1deg)}.header p{color:#34495e;font-family:Kalam,cursive;font-size:1.2em;margin-top:10px;transform:rotate(.5deg)}.doodle{border:3px solid #3498db;border-radius:50%;height:60px;left:-30px;opacity:.7;position:absolute;top:-20px;transform:rotate(-15deg);width:60px}.doodle:before{border:2px solid #e74c3c;border-radius:50%;content:"";height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}.form-group{margin-bottom:25px;position:relative}label{color:#2c3e50;display:block;font-family:Caveat,cursive;font-size:1.1em;font-weight:600;margin-bottom:10px;transform:rotate(-.5deg)}input[type=text],select{background:#fefefe;border:3px solid #34495e;border-radius:0;box-shadow:3px 3px 0 #ecf0f1;font-family:Kalam,cursive;font-size:16px;padding:15px 20px;transform:rotate(-.2deg);transition:all .3s ease;width:100%}input[type=text]:focus,select:focus{border-color:#3498db;box-shadow:5px 5px 0 #3498db;outline:none;transform:rotate(0deg)}.input-doodle{border:2px solid #e74c3c;border-radius:50%;height:20px;opacity:.6;position:absolute;right:-15px;top:50%;transform:translateY(-50%) rotate(45deg);width:20px}.checkbox-group{align-items:center;background:#ecf0f1;border:2px dashed #95a5a6;border-radius:10px;display:flex;margin-bottom:25px;padding:15px;transform:rotate(.3deg)}.checkbox-group input[type=checkbox]{accent-color:#e74c3c;margin-right:15px;transform:scale(1.5)}.checkbox-group label{color:#2c3e50;font-size:1em;margin-bottom:0;transform:none}.button-group{display:flex;gap:15px;justify-content:center;margin-bottom:30px}button{background:#fefefe;border:3px solid #2c3e50;border-radius:0;color:#2c3e50;cursor:pointer;font-family:Caveat,cursive;font-size:16px;font-weight:600;padding:15px 25px;position:relative;transform:rotate(-1deg);transition:all .3s ease}.btn-primary{background:#3498db;border-color:#2980b9;box-shadow:4px 4px 0 #2980b9;color:#fff}.btn-primary:hover{box-shadow:6px 6px 0 #2980b9;transform:rotate(0deg) translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:rotate(-1deg)}.btn-secondary{background:#e74c3c;border-color:#c0392b;box-shadow:4px 4px 0 #c0392b;color:#fff;transform:rotate(1deg)}.btn-secondary:hover{box-shadow:6px 6px 0 #c0392b;transform:rotate(0deg) translateY(-2px)}button:before{border:2px solid #f39c12;border-radius:50%;content:"";height:10px;opacity:.7;position:absolute;right:-5px;top:-5px;width:10px}.loading{background:#ecf0f1;border:2px dashed #3498db;border-radius:15px;display:block;margin:30px 0;padding:20px;text-align:center;transform:rotate(-.5deg)}.spinner{animation:spin 1s linear infinite;border:4px solid #ecf0f1;border-radius:50%;border-top-color:#3498db;height:50px;margin:0 auto 15px;position:relative;width:50px}.spinner:after{animation:bounce .5s ease-in-out infinite alternate;color:#3498db;content:"♪";font-size:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes bounce{0%{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-50%,-50%) scale(1.2)}}.loading p{color:#2c3e50;font-family:Caveat,cursive;font-size:1.3em;margin:0}.result{background:#fefefe;border:3px solid #27ae60;border-radius:15px;box-shadow:5px 5px 0 #2ecc71;display:block;margin-top:30px;padding:25px;position:relative;transform:rotate(.5deg)}.result:before{background:#27ae60;border-radius:50%;color:#fff;content:"🎵";font-size:1.2em;left:20px;padding:5px 10px;position:absolute;top:-15px}.melody-info{margin-bottom:20px}.melody-info h3{color:#2c3e50;font-family:Caveat,cursive;font-size:1.8em;margin-bottom:15px;transform:rotate(-.5deg)}.note-list{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:15px}.note-item{background:#f39c12;border:2px solid #e67e22;border-radius:20px;box-shadow:2px 2px 0 #d35400;color:#fff;font-family:Caveat,cursive;font-size:14px;font-weight:600;padding:10px 15px;text-align:center;transform:rotate(-2deg);transition:transform .2s ease}.note-item:nth-child(2n){background:#9b59b6;border-color:#8e44ad;box-shadow:2px 2px 0 #7d3c98;transform:rotate(2deg)}.note-item:nth-child(3n){background:#e74c3c;border-color:#c0392b;box-shadow:2px 2px 0 #a93226}.note-item:hover{transform:rotate(0deg) scale(1.1)}.download-section{background:#d5f4e6;border:2px dashed #27ae60;border-radius:15px;margin-top:25px;padding:20px;text-align:center;transform:rotate(-.3deg)}.download-btn{background:#27ae60;border:3px solid #229954;border-radius:0;box-shadow:4px 4px 0 #1e8449;color:#fff;display:inline-block;font-family:Caveat,cursive;font-size:1.2em;font-weight:600;margin:5px;padding:15px 30px;text-decoration:none;transform:rotate(1deg);transition:all .3s ease}.download-btn:hover{box-shadow:6px 6px 0 #1e8449;transform:rotate(0deg) translateY(-2px)}.download-btn:nth-child(2){background:#3498db;border-color:#2980b9;box-shadow:4px 4px 0 #2471a3;transform:rotate(-1deg)}.download-btn:nth-child(2):hover{box-shadow:6px 6px 0 #2471a3}.error{background:#fadbd8;border:3px solid #e74c3c;border-radius:15px;box-shadow:4px 4px 0 #c0392b;color:#922b21;display:block;font-family:Caveat,cursive;font-size:1.2em;margin-top:25px;padding:20px;transform:rotate(-.5deg)}.info-section{background:#ebf5fb;border:2px dashed #3498db;border-radius:15px;margin-top:40px;padding:25px;position:relative;transform:rotate(.3deg)}.info-section:before{background:#3498db;border-radius:50%;color:#fff;content:"💡";font-size:1.2em;left:20px;padding:5px 10px;position:absolute;top:-15px}.info-section h3{color:#2c3e50;font-family:Caveat,cursive;font-size:1.6em;margin-bottom:15px;transform:rotate(-.5deg)}.info-section ul{color:#34495e;font-family:Kalam,cursive;padding-left:25px}.info-section li{margin-bottom:8px;position:relative}.info-section li:before{color:#e74c3c;content:"→";font-weight:700;left:-20px;position:absolute}@media (max-width:768px){.header h1{font-size:2.2em}.button-group{flex-direction:column;gap:10px}button{width:100%}.note-list{gap:8px}.note-item{font-size:12px;padding:8px 12px}.container{max-width:100%;padding:15px}}@media (max-width:480px){.container{margin:5px;padding:15px}}.file-input{background:#f8f9fa;border:2px dashed #3498db;border-radius:8px;cursor:pointer;font-family:Caveat,cursive;font-size:1.1em;padding:12px;transition:all .3s ease;width:100%}.file-input:hover{background:#e3f2fd;border-color:#2980b9}.file-info{background:#e8f5e8;border-left:4px solid #27ae60;border-radius:8px;margin-top:10px;padding:10px}.file-info p{font-family:Caveat,cursive;font-size:1.1em;margin:5px 0}.original-text{background:#fff3cd;border-radius:4px;color:#856404;font-family:Courier New,monospace;font-weight:700;padding:4px 8px}.warning-box{background:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;margin-top:20px;padding:15px}.warning-box h4{color:#856404;font-family:Caveat,cursive;font-size:1.3em;margin-top:0}.warning-box ul{color:#856404;margin-bottom:0}.warning-box li{margin-bottom:5px}.encryption-info{background:#e8f5e8;border:1px solid #27ae60;border-radius:8px;margin-top:20px;padding:15px}.encryption-info h4{color:#27ae60;font-family:Caveat,cursive;font-size:1.3em;margin-top:0}.encryption-info p{color:#2d5a2d;font-family:Kalam,cursive;margin-bottom:0}.contact-container{margin:0 auto;max-width:600px;padding:20px;width:100%}.contact-header{margin-bottom:40px;position:relative;text-align:center}.contact-header h1{color:#2c3e50;font-family:Caveat,cursive;font-size:2.5em;margin-bottom:15px;text-shadow:2px 2px 0 #ecf0f1;transform:rotate(-1deg)}.contact-header p{color:#34495e;font-family:Kalam,cursive;font-size:1.2em;margin-top:10px;transform:rotate(.5deg)}.contact-doodle{border:3px solid #e74c3c;border-radius:50%;height:60px;left:-30px;opacity:.7;position:absolute;top:-20px;transform:rotate(-15deg);width:60px}.contact-doodle:before{border:2px solid #3498db;border-radius:50%;content:"";height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}.contact-content{display:flex;justify-content:center;margin-bottom:40px}.developer-info{background:#ebf5fb;border:2px dashed #3498db;border-radius:15px;max-width:500px;padding:30px;position:relative;transform:rotate(-.5deg);width:100%}.developer-info:before{background:#3498db;border-radius:50%;color:#fff;content:"👨‍💻";font-size:1.2em;left:20px;padding:5px 10px;position:absolute;top:-15px}.developer-info h3{color:#2c3e50;font-family:Caveat,cursive;font-size:1.8em;margin-bottom:25px;text-align:center;transform:rotate(.5deg)}.contact-details{margin-top:25px}.contact-item{align-items:center;background:#fefefe;border:3px solid #ecf0f1;border-radius:15px;box-shadow:3px 3px 0 #bdc3c7;display:flex;margin-bottom:25px;padding:20px;transform:rotate(.3deg);transition:all .3s ease}.contact-item:hover{box-shadow:5px 5px 0 #bdc3c7;transform:rotate(0deg) translateY(-2px)}.contact-item:nth-child(2n){transform:rotate(-.3deg)}.contact-item:nth-child(2n):hover{transform:rotate(0deg) translateY(-2px)}.contact-icon{font-size:2em;margin-right:20px;min-width:50px;text-align:center}.contact-item strong{color:#2c3e50;display:block;font-family:Caveat,cursive;font-size:1.4em;margin-bottom:8px}.contact-item p{color:#34495e;font-family:Kalam,cursive;font-size:1.1em;margin:0}.contact-item a{color:#3498db;font-weight:600;position:relative;text-decoration:none;transition:all .3s ease}.contact-item a:hover{color:#2980b9;transform:scale(1.05)}.contact-item a:after{background-color:#3498db;bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.contact-item a:hover:after{width:100%}@media (max-width:768px){.contact-header h1{font-size:2.2em}.contact-container{padding:15px}.developer-info{padding:25px}.contact-item{margin-bottom:20px;padding:15px}.contact-icon{font-size:1.8em;margin-right:15px;min-width:45px}}@media (max-width:480px){.contact-container{max-width:100%;padding:10px}.developer-info{padding:20px}.contact-header h1{font-size:2em}.contact-item{flex-direction:column;padding:20px;text-align:center}.contact-icon{font-size:2.5em;margin-bottom:10px;margin-right:0}}.navbar{background:#fefefe;border-bottom:3px solid #2c3e50;box-shadow:0 3px 0 #ecf0f1;padding:15px 0;position:static;z-index:100}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 20px}.logo{color:#2c3e50;cursor:pointer;font-family:Caveat,cursive;font-size:2.5em;position:relative;text-shadow:2px 2px 0 #ecf0f1;transform:rotate(-1deg);transition:transform .3s ease}.logo:hover{transform:rotate(0deg)}.logo:after{color:#e74c3c;content:"♪";font-size:.6em;position:absolute;right:-15px;top:-5px;transform:rotate(15deg)}.nav-links{display:flex;gap:20px;list-style:none}.nav-link{background:none;border:2px solid #0000;border-radius:20px;color:#2c3e50;cursor:pointer;font-family:Caveat,cursive;font-size:1.4em;padding:8px 16px;transform:rotate(-.5deg);transition:all .3s ease}.nav-link.active,.nav-link:hover{background:#3498db;border-color:#2980b9;box-shadow:3px 3px 0 #2980b9;color:#fff;transform:rotate(0deg)}.mobile-menu-btn{background:none;border:3px solid #2c3e50;border-radius:5px;color:#2c3e50;cursor:pointer;display:none;font-size:1.5em;padding:8px 12px}@media (max-width:768px){.nav-links{background:#fefefe;border-top:3px solid #2c3e50;display:none;flex-direction:column;gap:10px;left:0;padding:20px;position:absolute;right:0;top:100%}.nav-links.active{display:flex}.mobile-menu-btn{display:block}.logo{font-size:2em}}@media (max-width:480px){.nav-container{padding:0 15px}.logo{font-size:1.8em}}.App{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1 1;min-height:calc(100vh - 80px);padding:20px}@media (max-width:768px){.main-content{min-height:calc(100vh - 70px);padding:10px}}
/*# sourceMappingURL=main.06484ba0.css.map*/