: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}body{margin:0;display:flex;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}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{margin:0 auto;padding:2rem;text-align:center}.logo{height:6em;padding:1.5em}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}.card{padding:2em}li{margin:0 auto;width:5%}.accordion-menu{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 30px;border-radius:15px;border:1px solid #bdbdbd;box-shadow:#63636333 0 2px 8px;width:auto}h1.title{display:flex;justify-content:center;align-items:center;width:600px;font-size:40px;color:#fff}.accordion-items{display:flex;flex-direction:column;align-items:flex-start;white-space:pre-line}.accordion-item{display:flex;flex-direction:column;align-items:flex-start;width:600px;border-radius:15px;padding:20px 20px 20px 72px;cursor:pointer;transition:.25s background-color}h1.accordion-tile{font-size:24px;font-weight:500}p.accordion-content{max-height:0;overflow:hidden;font-size:14px;font-weight:300;margin:0;transition:.5s max-height,.5s margin}p.accordion-content.active{max-height:20rem;margin:1rem 0}.icon-container{content:"";position:absolute;width:12px;height:12px;z-index:2;border-radius:39px;transform:translate(-3rem) translateY(.25rem);padding:.5rem;transition:background-color .5s,box-shadow .5s}.icon-container.active{box-shadow:#63636333 0 2px 8px}.stroke-one,.stroke-two{content:"";position:relative;z-index:1;transition:.5s all}.stroke-one{width:3px;height:12px;background-color:#fff;transform:translate(4.5px) rotate(0)}.stroke-one.active{transform:translate(4.5px) rotate(90deg)}.stroke-two{height:3px;width:12px;background-color:#fff;transform:translateY(-7.5px)}:root{--muted: rgba(255,255,255,.65);--accent: #646cff;--accent-strong: #535bf2;--glass-border: rgba(255,255,255,.06)}#settings-container{position:fixed;top:130px;right:130px;width:170px;margin:0;padding:.9rem;border:1px solid var(--glass-border);border-radius:10px;box-shadow:0 6px 20px #00000047;-webkit-user-select:none;user-select:none;background-color:#333;z-index:800}.settings-header{display:flex;align-items:center;justify-content:space-between}.settings-toggle{text-align:left;background:transparent;border:1px solid var(--glass-border);color:var(--muted);padding:.35rem .6rem;border-radius:8px;cursor:pointer;width:1000%}.settings-toggle:hover{color:var(--accent);border-color:#646cff2e}.settings-panel{overflow:hidden;max-height:0;transition:max-height .3s ease}.settings-panel.open{max-height:360px}.problem{font-size:1.6rem;margin:.75rem 0 1rem}.answer-row{display:flex;align-items:center;justify-content:center;gap:.75rem;margin:.5rem 0 1rem}input[type=number].answer{width:8rem;padding:.6rem .8rem;border-radius:8px;border:1px solid var(--glass-border);background:#00000040;color:inherit;font-size:1rem}label.settings{display:block;text-align:left;color:var(--muted);font-size:.95rem}label.settings input[type=number]{width:6.5rem;padding:.4rem .6rem;margin-top:.25rem;margin-bottom:.5rem;border-radius:6px;border:1px solid var(--glass-border);background:#0000002e;color:inherit}.submit{background:linear-gradient(180deg,var(--accent),var(--accent-strong));color:#fff;border:none;padding:.55rem .9rem;border-radius:8px;box-shadow:0 6px 18px #535bf21f}.submit:hover{transform:translateY(-1px)}.reset{background:gray;color:#fff;border:none;padding:.55rem .9rem;border-radius:8px;box-shadow:0 6px 18px #535bf21f}.reset:hover{color:var(--accent)}#settings-container h2{margin-top:0;margin-bottom:.75rem}.problem strong{display:inline-block;padding:.6rem 1rem;border-radius:10px;background:#0000002e;border:1px solid var(--glass-border)}@media(max-width:520px){.answer-row{flex-direction:column;gap:.5rem}input[type=number].answer{width:100%}#settings-container{padding:1rem;margin:.75rem}}