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}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body,html{background:linear-gradient(135deg,#8b7ba8,#6a5a7c 50%,#4a4460);min-height:100vh}body{font-family:Georgia,serif;margin:0;overflow-x:hidden;padding:10px}#root,body{position:relative}#root{background:#0000;min-height:100vh;z-index:1}@media (min-width:768px){body{padding:20px}}body:before{background-image:repeating-radial-gradient(circle at 20% 30%,#0000 0,#0000 20px,#ffc8640d 0,#ffc8640d 40px);content:"";height:100%;left:0;pointer-events:none;position:fixed;top:0;transition:background-image .6s ease;width:100%;z-index:0}body.answer-correct:before{background-image:repeating-radial-gradient(circle at 20% 30%,#0000 0,#0000 20px,#2ed57314 0,#2ed57314 40px)}body.answer-incorrect:before{background-image:repeating-radial-gradient(circle at 20% 30%,#0000 0,#0000 20px,#eb4d4b14 0,#eb4d4b14 40px)}.container{align-items:center;display:flex;flex-direction:column;position:relative}.header{color:#f4d03f;font-family:Georgia,Times New Roman,serif;font-size:2rem;font-style:italic;letter-spacing:2px;margin:15px 0;text-shadow:3px 3px 6px #0006}@media (min-width:768px){.header{font-size:3.5rem;letter-spacing:3px;margin:30px 0}}.triad{background:#ffffff1a;border:3px solid #f4d03f;border-radius:10px;color:#f4d03f;font-size:1.3rem;font-weight:700;letter-spacing:1px;margin:15px 0;padding:15px 20px;text-shadow:2px 2px 4px #0000004d}@media (min-width:768px){.triad{font-size:2rem;letter-spacing:2px;margin:20px 0;padding:25px 40px}}.feedbackText{color:#f4d03f;font-size:18px;font-weight:700;letter-spacing:1px;margin:15px 10px;min-height:30px;text-shadow:2px 2px 4px #0000004d}@media (min-width:768px){.feedbackText{font-size:24px;margin:20px}}.buttons{background:linear-gradient(135deg,#e67e22,#f39c12);border:3px solid #f4d03f;border-radius:5px;box-shadow:0 4px 8px #0000004d;color:#fff;cursor:pointer;font-size:16px;font-weight:700;letter-spacing:1px;margin:8px 4px;padding:14px 30px;text-align:center;text-decoration:none;transition:all .3s ease}@media (min-width:768px){.buttons{font-size:18px;padding:18px 40px}}.startButton{background:linear-gradient(135deg,#f39c12,#f4d03f);border:3px solid #e67e22;border-radius:5px;box-shadow:0 6px 12px #0000004d;color:#333;cursor:pointer;font-size:18px;font-weight:700;letter-spacing:1px;margin:15px 2px;padding:16px 35px;text-align:center;text-decoration:none;transition:all .3s ease}@media (min-width:768px){.startButton{font-size:22px;letter-spacing:2px;margin:20px 2px;padding:20px 50px}}@media (hover:hover){.buttons:hover{box-shadow:0 6px 12px #0006;transform:translateY(-2px)}.startButton:hover{box-shadow:0 8px 16px #0006;transform:translateY(-3px)}}.buttons:active,.startButton:active{transform:translateY(0)}.filterButtons{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:25px}.filter-button{background:#0000004d;border:2px solid #f4d03f;border-radius:5px;box-shadow:0 3px 6px #0000004d;color:#f4d03f;cursor:pointer;font-size:14px;font-weight:700;margin:6px;padding:10px 18px;transition:all .3s ease}@media (min-width:768px){.filter-button{font-size:16px;margin:8px;padding:12px 24px}}.filter-button.active{background:linear-gradient(135deg,#f39c12,#f4d03f);border-color:#e67e22;box-shadow:0 4px 8px #0006;color:#333}.filter-button.inactive{background:#00000080;border-color:#666;color:#999}@media (hover:hover){.filter-button:hover{box-shadow:0 5px 10px #0006;transform:translateY(-2px)}}.input{background:#fffffff2;border:3px solid #f4d03f;border-radius:5px;box-shadow:0 4px 8px #0003;box-sizing:border-box;color:#333;font-family:Georgia,serif;font-size:16px;font-weight:700;margin:15px 2px;max-width:90%;padding:14px 20px;text-align:center;transition:all .3s ease;width:100%}@media (min-width:768px){.input{font-size:18px;padding:18px 35px;width:400px}}.input:focus{border-color:#e67e22;box-shadow:0 6px 12px #e67e224d;outline:none}.note-selector{color:#f4d03f;font-size:16px;font-weight:700;letter-spacing:1px;margin:15px auto;max-width:100%;padding:0 10px;text-align:center;text-shadow:2px 2px 4px #0000004d}@media (min-width:768px){.note-selector{font-size:20px;margin:20px auto;max-width:800px;padding:0}}.note-selector label{display:block;margin-bottom:12px}@media (min-width:768px){.note-selector label{margin-bottom:15px}}.note-buttons{display:flex;flex-wrap:wrap;gap:6px;justify-content:center}@media (min-width:768px){.note-buttons{gap:8px}}.note-button{background:#0000004d;border:2px solid #f4d03f;border-radius:5px;box-shadow:0 3px 6px #0000004d;color:#f4d03f;cursor:pointer;font-size:14px;font-weight:700;min-width:50px;padding:8px 12px;transition:all .3s ease}@media (min-width:768px){.note-button{font-size:16px;min-width:60px;padding:10px 18px}}.note-button.active{background:linear-gradient(135deg,#f39c12,#f4d03f);border-color:#e67e22;box-shadow:0 4px 8px #0006;color:#333}.note-button.inactive{background:#00000080;border-color:#666;color:#999}@media (hover:hover){.note-button:hover{box-shadow:0 5px 10px #0006;transform:translateY(-2px)}}.form-group{animation:fadeIn .6s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.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:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.756a66fe.css.map*/