@import url(https://fonts.googleapis.com/css2?family=Kaushan+Script&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@700&display=swap);.App{background-color:#1a1a1a;text-align:center}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 1vmin);justify-content:center;min-height:100vh}.card{background:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;color:#000;margin:20px;max-width:600px;padding:20px;text-align:left}.card-header{align-items:center;display:flex;justify-content:space-between}.card h2{font-size:1em;margin-bottom:20px}.card ul{list-style-type:none;padding:0}.card li{background:#f9f9f9;border-radius:5px;cursor:pointer;margin:10px 0;padding:10px;transition:background .3s}.card li:hover{background:#e0e0e0}.card li.selected{background:#d0d0d0}.card button{background:#61dafb;border:none;border-radius:5px;cursor:pointer;margin:10px;padding:10px 20px;transition:background .3s}.card button:hover{background:#21a1f1}.feedback{font-size:1.7em}.toggle-charts-button{background-color:#007bff;border:none;color:#fff;cursor:pointer;padding:5px 10px;position:absolute;right:10px;top:10px}.toggle-charts-button:hover{background-color:#0056b3}.chart-container{align-items:center;display:flex;justify-content:space-between;margin-top:20px;min-width:350px}.app-title-link{text-decoration:none}.app-title{font-family:"Noto Serif JP",serif;font-size:4rem;font-weight:400;margin-bottom:20px;padding:10px 20px}.app-subtitle,.app-title{animation:flicker 1.5s infinite alternate;color:#d4af37;display:inline-block;letter-spacing:.02em;text-shadow:0 0 3px #d4af37,0 0 6px #b8860b,0 0 9px #8b4513}.app-subtitle{font-family:Noto Sans JP,sans-serif;font-size:1.2rem;margin-top:-10px;padding-bottom:50px}.lantern-container{background-color:#1a1a1a}@media (max-width:600px){.app-title{margin-bottom:10px;margin-top:80px}.app-subtitle{margin-bottom:20px}}:root{--primary-color:#ff69b4;--secondary-color:#ff1493;--background-color:#1a1a1a;--text-color:#000;--border-color:#000;--shadow-color:#0000001a;--text-on-primary:#fff;--font-primary:"Noto Sans JP",sans-serif;--font-fancy:"Kaushan Script",cursive;--font-secondary:"Roboto Mono",monospace}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1a1a1a;background-color:var(--background-color);color:#000;color:var(--text-color);font-family:Roboto,sans-serif;margin:0}h1,h2,h3,h4,h5,h6{color:#ff69b4;color:var(--primary-color);font-family:Kaushan Script,cursive}button{background-color:#ff69b4;background-color:var(--primary-color);border:2px solid #000;border:2px solid var(--border-color);border-radius:10px;box-shadow:0 4px #0000001a;box-shadow:0 4px var(--shadow-color);color:#000;color:var(--text-color);cursor:pointer;font-family:Roboto Mono,monospace;padding:10px 20px;transition:all .3s ease}button:hover{box-shadow:0 6px #0000001a;box-shadow:0 6px var(--shadow-color)}button:active,button:hover{background-color:#ff1493;background-color:var(--secondary-color)}button:active{box-shadow:0 2px #0000001a;box-shadow:0 2px var(--shadow-color);transform:translateY(2px)}button:focus{box-shadow:0 0 0 3px #6200ea80;outline:none}.question-option{color:#000;color:var(--text-color);font-family:Roboto Mono,monospace}.performance-metrics{align-items:center;background-color:#f9f9f9;border-radius:10px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;gap:20px;max-width:750px;padding:20px}.metrics-title{color:#333;font-family:var(--font-secondary);font-size:24px;font-weight:700}.metrics-description{color:#666;font-family:var(--font-secondary);font-size:16px;margin-bottom:20px;text-align:center}.chart-container{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;flex:1 1;max-width:800px;padding:20px;transition:transform .3s ease}.chart-container:hover{transform:translateY(-5px)}.pie-chart{margin:0 auto;max-height:100px;max-width:100px}.metrics-summary{color:#333;font-family:var(--font-secondary);margin-top:20px;text-align:center}.table-container{overflow-x:auto}table{border-collapse:collapse;color:#333;width:100%}td,th{border-bottom:1px solid #ddd;padding:10px;text-align:left}th{background-color:#f2f2f2;font-weight:700}tr:nth-child(2n){background-color:#f9f9f9}tr:hover{background-color:#e0e0e0;transition:background-color .3s ease}.heatmap-container{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0000001a;display:flex;justify-content:center;overflow-x:auto;padding:20px;width:100%}#x-labels-list{color:#000;display:flex;font-size:calc(5px + 1vmin)}#x-labels-list>div{flex:0 0 auto;text-align:center;visibility:visible}#x-labels-list>div:not(:first-child){margin-left:4px}#x-labels-list>div:nth-child(3){margin-left:8px}#x-labels-list>div:nth-child(6){margin-left:12px}#x-labels-list>div:nth-child(5),#x-labels-list>div:nth-child(6){margin-left:4px}#x-labels-list>div:nth-child(7){margin-left:3px}#x-labels-list>div:nth-child(8){margin-left:7px}#x-labels-list>div:nth-child(10),#x-labels-list>div:nth-child(11),#x-labels-list>div:nth-child(9){margin-left:0}#y-label{color:#000;flex:0 0 40px;font-size:calc(5px + 1vmin)}.custom-heatmap{align-items:center;display:inline-flex;flex-direction:column}.heatmap-row{align-items:center;display:flex;margin-bottom:5px}.y-label{font-size:12px;padding-right:10px;text-align:right;width:50px}.heatmap-cells{display:flex}.heatmap-cell{align-items:center;border:1px solid #ccc;color:#fff;display:flex;font-size:11px;height:40px;justify-content:center;margin:1px;position:relative;text-shadow:1px 1px 1px #00000080;transition:all .3s ease;width:40px}.cell-tooltip{background-color:#000c;border-radius:4px;color:#fff;font-size:12px;left:50%;padding:5px;position:absolute;top:100%;transform:translateX(-50%);white-space:nowrap;z-index:10}.x-label,.x-labels,.y-label{display:none}@media (max-width:768px){.heatmap-cell{height:30px;width:30px}.cell-tooltip,.heatmap-cell{font-size:10px}}.study-options{margin-top:50px;text-align:center}.study-options h2{color:var(--text-on-primary);font-size:24px;margin-bottom:20px}.vending-button{background-color:var(--primary-color);border:2px solid var(--border-color);border-radius:10px;box-shadow:0 4px var(--shadow-color);color:var(--text-color);cursor:pointer;font-size:1.2em;margin:10px;padding:10px 20px;transition:all .3s ease}.vending-button:hover{background-color:var(--secondary-color);box-shadow:0 6px var(--shadow-color)}.vending-button:active{background-color:var(--secondary-color);box-shadow:0 2px var(--shadow-color);transform:translateY(2px)}.vending-button:focus{box-shadow:0 0 0 3px #6200ea80;outline:none}.study-options-title h2{color:var(--text-on-primary)}.question-card{background-color:#2b2b2b;border-radius:10px;box-shadow:0 4px 6px #0000001a;margin:50px auto;max-width:960px;min-height:600px;padding:30px;position:relative}.card-header{margin-bottom:20px}.card-header h2{font-family:var(--font-secondary);font-size:1.2rem}.card-content,.card-header h2{color:var(--text-on-primary);line-height:1.6}.card-content{font-size:18px;margin-top:30px}.question-image{border-radius:8px;height:auto;margin:20px 0;max-width:80%}.option{background:#363636;border-radius:8px;color:var(--text-on-primary);cursor:pointer;font-family:var(--font-secondary);list-style:none;margin:10px 0;padding:15px;transition:background .3s,transform .2s}.option:hover{background:#404040;transform:translateX(5px)}.option.selected{background:var(--primary-color);color:#fff}.button-container{flex-wrap:wrap;gap:10px;justify-content:space-around;margin-top:30px}button{margin:0 5px;min-width:120px}.feedback{animation:fadeIn .3s ease-in;border-radius:8px;font-weight:500;margin-top:20px;padding:15px;text-align:center;white-space:pre-line}.feedback.correct{background-color:#4caf5033;border:1px solid #81c784;color:#81c784}.feedback.incorrect{background-color:#f4433633;border:1px solid #e57373;color:#e57373}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.explanation,.hint{box-shadow:0 2px 4px #0003;margin-top:20px;padding:20px}.explanation,.hint,.performance-metrics{background-color:#363636;border-radius:8px;color:var(--text-on-primary)}.performance-metrics{margin:10px 0;padding:10px}.practice-test-results{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;color:#333;margin:2rem auto;max-width:800px;padding:2rem}.practice-test-results h2{color:#333}.practice-test-results h2,.score{margin-bottom:2rem;text-align:center}.score{border-radius:8px;padding:1.5rem}.score.pass{background-color:#e6f4ea;border:1px solid #34a853}.score.fail{background-color:#fce8e6;border:1px solid #ea4335}.score h3{font-size:2rem;margin-bottom:1rem}.score h3,.score p{color:#333}.wrong-questions{margin-bottom:2rem}.wrong-questions h3{color:#333;margin-bottom:1rem}.wrong-questions ul{list-style:none;padding:0}.wrong-questions li{background-color:#f8f9fa;border-left:4px solid #ea4335;border-radius:4px;color:#333;margin-bottom:1rem;padding:1rem}.study-guide{margin-bottom:2rem}.study-guide h3{color:#333;margin-bottom:1rem}.study-guide-content{background-color:#f8f9fa;border-left:4px solid #4285f4;border-radius:4px;color:#333;padding:1.5rem;white-space:pre-wrap}.button-container{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.retry-button{background-color:#4285f4;border:none;border-radius:4px;color:#fff;cursor:pointer;display:block;font-size:1rem;max-width:300px;padding:1rem;transition:background-color .2s;width:100%}.retry-button.new-questions{background-color:#34a853}.retry-button:hover{background-color:#3367d6}.retry-button.new-questions:hover{background-color:#2d8e47}@media (max-width:768px){.practice-test-results{margin:1rem;padding:1rem}.score h3{font-size:1.5rem}.button-container{align-items:center;flex-direction:column}}.google-login-container{align-items:center;display:flex;justify-content:center;margin:20px 0}.google-login-button{background-color:#fff;border:none;border-radius:4px;box-shadow:0 2px 4px #0003;cursor:pointer;padding:10px 20px;transition:box-shadow .3s ease}.google-login-button:hover{box-shadow:0 4px 8px #0003}.google-login-button:active{box-shadow:0 1px 2px #0003}iframe[src*="accounts.google.com"]{margin:10px 0}.lanternContainer{animation:bob 3s infinite;background-color:initial;height:108px;position:fixed;right:20px;top:20px;width:73px}.lanternContainer:hover .Lantern{transform:scale(1.2);transition:transform .3s ease}.Lantern{animation:sway 4s infinite;height:108px;margin:0;position:relative;transition:transform .3s ease;width:73px}.Lantern:hover{transform:scale(1.2)}.Glow{animation:flicker .2s infinite;box-shadow:0 0 100px #efc259;height:67px;left:50%;position:absolute;top:22px;transform:translateX(-50%);width:50px}.Bottom{fill:url(#bottomGradient);bottom:0}.Bottom,.Top{height:15px;left:13px;position:absolute;width:47px}.Top{fill:url(#topGradient)}.lanternMain{fill:url(#lanternGradient)}.Ridges,.lanternMain{height:80px;left:0;position:absolute;top:14px;transform:scale(1);transform-origin:center;width:73px}.Ridges{fill:url(#Ridges);opacity:.4}.leftSeam,.middleSeam,.rightSeam{height:80px;opacity:.35;position:absolute;top:16px}.leftSeam{fill:#a60000;left:8px;width:10px}.middleSeam{fill:#9b0000;left:33px;width:3px}.rightSeam{fill:#a60000;right:8px;width:10px}@keyframes flicker{50%{opacity:.95}}@keyframes sway{0%{transform:rotate(3deg)}50%{transform:rotate(-3deg)}to{transform:rotate(3deg)}}@keyframes bob{0%{top:7px}50%{top:17px}to{top:7px}}@media (max-width:600px){.Lantern,.lanternContainer{height:72px;width:49px}.Glow{height:44px;top:15px;width:33px}.Bottom,.Top{height:10px;left:9px;width:31px}.Ridges,.lanternMain{height:53px;top:10px;width:49px}.leftSeam,.middleSeam,.rightSeam{top:0}.leftSeam{left:6px;width:7px}.middleSeam{left:22px;width:2px}.rightSeam{right:6px;width:7px}}
/*# sourceMappingURL=main.59204675.css.map*/