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}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#35c98b}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body,html{background:#fff;color:#2d3436;font-family:Segoe UI,Arial,sans-serif;margin:0;min-height:100vh;padding:0}.app-container{background:#f6f5fa;border:2px solid #6c5ce71a;border-radius:24px;box-shadow:0 8px 32px #6c5ce726,0 4px 16px #a8e6cf1a,inset 0 1px 0 #fffc;margin:2rem auto;max-width:480px;overflow:hidden;padding:2.5rem 1.5rem 3rem;position:relative}.app-container:before{background:linear-gradient(90deg,#6c5ce7,#a29bfe,#a8e6cf,#88d8c0);border-radius:24px 24px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}h1{color:#6c5ce7;font-size:2.2rem;font-weight:700;margin-bottom:1.8rem;position:relative;text-align:center;text-shadow:0 2px 4px #6c5ce71a}h1:after{animation:sparkle 2s infinite;content:"✨";font-size:1.5rem;position:absolute;right:-20px;top:-10px}@keyframes sparkle{0%,20%,50%,80%,to{opacity:1;transform:translateY(0) rotate(0deg)}40%{opacity:.8;transform:translateY(-10px) rotate(180deg)}60%{opacity:.9;transform:translateY(-5px) rotate(90deg)}}.tale-form{display:flex;flex-direction:column;gap:1.5rem}label,legend{color:#6c5ce7;font-size:1.1rem;font-weight:600;margin-bottom:.5rem;text-shadow:0 1px 2px #6c5ce71a}input[type=text],select,textarea{background:#fff;border:2px solid #6c5ce733;border-radius:16px;box-shadow:inset 0 2px 4px #6c5ce70d,0 2px 8px #6c5ce71a;font-size:1rem;padding:1rem 1.2rem;transition:all .3s ease}input[type=text]:focus,select:focus,textarea:focus{background:#fff;border:2px solid #6c5ce7;box-shadow:0 4px 16px #6c5ce733,inset 0 2px 4px #6c5ce70d;outline:none;transform:translateY(-2px)}fieldset{border:none;display:flex;flex-wrap:wrap;gap:1.5rem;margin:0 0 .5rem;padding:0}input[type=checkbox],input[type=radio]{accent-color:#6c5ce7;margin-right:.5em;transform:scale(1.2)}input[type=checkbox]+label,input[type=radio]+label{background:#6c5ce70d;border:1px solid #6c5ce71a;border-radius:12px;color:#6c5ce7;cursor:pointer;font-weight:500;padding:.5rem 1rem;transition:all .3s ease}input[type=checkbox]:checked+label,input[type=radio]:checked+label{background:linear-gradient(145deg,#6c5ce7,#a29bfe);box-shadow:0 4px 12px #6c5ce74d;color:#fff;transform:translateY(-2px)}button[type=submit]{background:linear-gradient(145deg,#6c5ce7,#a29bfe);border:none;border-radius:20px;box-shadow:0 8px 24px #6c5ce74d,0 4px 12px #a8e6cf33;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:700;margin-top:1.5rem;overflow:hidden;padding:1.2rem 2rem;position:relative;transition:all .3s ease}button[type=submit]:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}button[type=submit]:hover:before{left:100%}button[type=submit]:focus,button[type=submit]:hover{background:linear-gradient(145deg,#a29bfe,#6c5ce7);box-shadow:0 12px 32px #6c5ce766,0 6px 16px #a8e6cf4d;outline:none;transform:translateY(-3px)}button[type=submit]:active{box-shadow:0 6px 20px #6c5ce74d,0 3px 10px #a8e6cf33;transform:translateY(-1px)}button{background:linear-gradient(145deg,#a8e6cf,#88d8c0);border:none;border-radius:16px;box-shadow:0 4px 12px #a8e6cf4d,0 2px 6px #88d8c033;color:#2d3436;cursor:pointer;font-size:1rem;font-weight:600;padding:.8rem 1.5rem;transition:all .3s ease}button:hover{background:linear-gradient(145deg,#88d8c0,#a8e6cf);box-shadow:0 6px 16px #a8e6cf66,0 3px 8px #88d8c04d;transform:translateY(-2px)}button:disabled{background:#ddd;box-shadow:none;color:#999;cursor:not-allowed;transform:none}pre{background:#fff;border:2px solid #6c5ce71a;border-radius:16px;box-shadow:inset 0 2px 4px #6c5ce70d,0 4px 12px #6c5ce71a;font-family:Segoe UI,Arial,sans-serif;line-height:1.6;padding:1.5rem}img{border:3px solid #6c5ce71a;border-radius:20px;box-shadow:0 8px 24px #6c5ce733,0 4px 12px #a8e6cf26}audio{border-radius:16px;box-shadow:0 4px 12px #6c5ce733}ul{list-style:none;padding:0}li button{background:#fff;border:2px solid #6c5ce71a;border-radius:16px;margin-bottom:1rem;padding:1rem;text-align:left;transition:all .3s ease;width:100%}li button:hover{background:#f8f9ff;border-color:#6c5ce74d;box-shadow:0 6px 16px #6c5ce726,0 3px 8px #a8e6cf1a;transform:translateY(-2px)}@media (max-width:600px){.app-container{border-radius:0;box-shadow:none;margin:0;max-width:100vw;padding:1.5rem 1rem 2rem}h1{font-size:1.8rem}h1:after{display:none}button[type=submit]{font-size:1.1rem;padding:1rem 1.5rem}}button:focus,input:focus,select:focus,textarea:focus{outline:3px solid #6c5ce780;outline-offset:2px}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.tale-form>*{animation:fadeIn .6s ease-out}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#6c5ce733}.modal-content{background:#fff;border:2px solid #6c5ce71a;border-radius:20px;box-shadow:0 16px 48px #6c5ce74d,0 8px 24px #a8e6cf33}
/*# sourceMappingURL=main.604333b0.css.map*/