:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}#root{margin:0;padding:0;width:100%;height:100%;overflow:hidden}body{margin:0;padding:0;width:100vw;height:100vh;overflow:hidden}h1{margin:0}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{width:100%;margin:0;padding:0;text-align:center}button{touch-action:manipulation;-webkit-user-select:none;user-select:none}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}body{width:100%}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.wrapper{width:100%;max-width:800px;margin:0 auto;height:100dvh;display:flex;flex-direction:column;align-items:center;padding:clamp(15px,5vh,30px);box-sizing:border-box;color:#fff;overflow:hidden;background-color:#242424}.header{flex:0 0 auto;width:100%;max-width:600px;text-align:center;padding:10px 20px;box-sizing:border-box;z-index:10}.title{font-size:clamp(1rem,4vh,1.8rem);margin:0 0 5px;color:#fff}.stats-box{background-color:#ffffff14;padding:8px 15px;border-radius:10px;color:#fff}.feedback-area{height:40px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;transition:all .3s ease}.deck-area{width:100%;display:flex;justify-content:center;padding:10px;box-sizing:border-box}.deck-card{width:clamp(120px,15vw,180px);aspect-ratio:120 / 172;border:4px solid transparent;border-radius:clamp(8px,1vw,12px);cursor:pointer;background-size:cover;background-position:center;transition:transform .15s ease,box-shadow .15s ease;background-color:transparent;padding:0;display:block}.deck-grid{display:grid;grid-template-columns:repeat(2,auto);gap:clamp(10px,3vw,25px);justify-content:center;margin:20px auto;max-width:95vw}.deck-card:hover{transform:translateY(-5px);box-shadow:0 12px 24px #00000080;border-color:#646cff80}.deck-card:active{transform:translateY(2px) scale(.98)}.notification{position:fixed;top:20px;width:90%;max-width:350px;background-color:#fffffff2;border-radius:15px;padding:15px;box-shadow:0 10px 30px #00000080;z-index:1000;display:flex;align-items:center;gap:12px;cursor:pointer;animation:slideDown .5s ease-out;color:#333}.math-overlay{position:fixed;top:0;left:0;width:100vw;height:100dvh;background-color:#000000e6;display:flex;justify-content:center;align-items:center;z-index:1100;padding:20px;box-sizing:border-box}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.q-container{width:100%;max-width:600px;margin:0 auto;height:100dvh;display:flex;flex-direction:column;padding:30px;box-sizing:border-box;color:#fff;background-color:#242424;overflow-y:auto}.q-lang-header{position:sticky;top:0;right:0;z-index:100;display:flex;justify-content:flex-end;background-color:transparent;padding:10px 0;margin-bottom:10px}.q-lang-toggle{display:flex;align-items:center;gap:8px;padding:6px 12px;background-color:#333!important;border-radius:20px;font-size:.75rem;border:1px solid #444;z-index:101;box-shadow:0 2px 10px #0000004d}.q-slider{cursor:pointer;width:35px;background-color:#333;height:15px;accent-color:#646cff}.q-title{font-size:1.8rem;margin-bottom:20px;text-align:center}.q-form{display:flex;flex-direction:column;gap:20px}.q-group{display:flex;flex-direction:column;gap:8px}.q-input{padding:12px;border-radius:8px;border:1px solid #444;background-color:#1a1a1a;color:#fff;font-size:1rem}.q-item-row{padding-bottom:15px;border-bottom:1px solid #444}.q-question-text{font-size:.95rem;margin-bottom:10px;line-height:1.4}.q-radio-group{display:flex;justify-content:space-between}.q-radio-label{display:flex;flex-direction:column;align-items:center;font-size:.95rem;flex:1}.q-button{padding:15px;border-radius:12px;border:none;background-color:#646cff;color:#fff;font-weight:700;cursor:pointer;margin-top:20px;transition:opacity .2s}.q-button:hover{opacity:.9}.q-section-title{margin-top:35px;margin-bottom:15px;border-left:4px solid #646cff;padding-left:12px;font-size:1.4rem}.q-radio-label-small{display:flex;flex-direction:column;align-items:center;font-size:.75rem;flex:1;text-align:center}