:root{font-family:system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;box-sizing:border-box;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:inherit}body{margin:0;padding:0;min-width:320px;min-height:100vh;overflow:hidden}@media screen and (max-width:500px){body{padding:0}}h1{font-size:3.2em;line-height:1.1}button,.btn{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}:is(button,.btn):hover{border-color:#646cff}:is(button,.btn):focus,:is(button,.btn):focus-visible{outline:4px auto -webkit-focus-ring-color}:is(button,.btn).sm{padding:.25em}:is(button,.btn).danger{background-color:#444;transition:all .5s}:is(button,.btn).danger:hover{background-color:#844;border-color:transparent}.btn{color:inherit;text-decoration:none}.col-span-1{grid-column:span 1}.col-span-2{grid-column:span 2}.col-span-3{grid-column:span 3}.col-span-4{grid-column:span 4}.icon{width:1.5em}.icon.lg{width:2.5em}section{position:relative}.editDeckButton{text-align:right;float:right;color:#999;text-decoration:none;margin-right:.5rem;font-size:10pt;margin-top:.5rem}.editDeckButton .icon{vertical-align:bottom}.deckListCard{background-color:#333;text-align:center;border-radius:10px;display:block;padding:2rem;text-decoration:none;color:inherit}.deckListCard h3{margin-top:0}.deckListCard:hover{background-color:#444}.deckListCard.new{background-color:#363654}.deckListCard a{text-decoration:none;color:inherit}.deckList{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding:2rem 0;gap:2rem;width:50%}@media screen and (max-width:500px){.deckList{padding:1rem 1rem 8rem;gap:1rem;overflow:scroll;height:100vh;width:100vw}}.closeIcon{position:absolute;display:flex;place-items:center;justify-content:center;right:1rem;top:1rem;border-radius:50%;height:2rem;width:2rem;padding-top:6px;transition:background .2s;background-color:#333;z-index:1}.closeIcon a{color:inherit}.closeIcon:hover{background:#804848}.cardsContainer{position:relative}.card{background-color:beige;color:#333;border-radius:10px;border:2px solid black;margin:0 auto;padding:2em;text-align:center;position:absolute;top:0;left:50%;transform:translate(-50%);transition:all .5s;min-width:300px;touch-action:none}.card.satisfied{animation:satisfied 1s ease-out forwards}.card.dissatisfied{animation:dissatisfied 1s ease-out forwards}:is(.card.satisfied,.card.dissatisfied) .front{display:none}:is(.card.satisfied,.card.dissatisfied) .back{display:initial}.card .term{font-weight:700;font-size:32pt;white-space:pre-wrap;word-wrap:break-word}.card.emojiOnly .term{font-size:64pt}.card .definition{white-space:pre-wrap;word-wrap:break-word}.card.answering.revealed .front{display:none}.card.answering.revealed .back{display:initial}.card.answering.revealed .back .definition{animation:reveal 1s ease forwards}.card .back{display:none}@keyframes reveal{0%{max-height:0vh;opacity:0}50%{opacity:1}to{max-height:100vh}}@keyframes satisfied{25%{opacity:1}75%{translate:200%;opacity:0}99%{z-index:1}to{rotate:30deg;opacity:0;z-index:-1}}@keyframes dissatisfied{25%{opacity:1}75%{translate:-200%;opacity:0}99%{z-index:1}to{rotate:-30deg;opacity:0;z-index:-1}}.controlsHelp{position:absolute;bottom:0;padding:1rem 0}.controlsHelp h4{text-align:center}.controlsHelp.hidden{transition:translate .5s ease;translate:0 100%}.controlsHelp__keys{text-align:center}.controlsHelp__keys .icon{vertical-align:bottom;margin-right:1rem}.controlsHelp__keys>div{margin-bottom:1rem}.controlsHelp__keys .flex{display:flex;align-items:center}kbd{background:linear-gradient(to left,#ccc,#999);border-radius:3px;box-shadow:2px 2px #ffffff80 inset,-4px -4px #000000bf inset,0 -4px #00000080 inset;color:#333;font-weight:700;text-align:center;white-space:nowrap;padding:.25rem .5rem;font-size:1.5em;min-width:2rem;margin-right:1rem}.controlsHelp__buttonContainer{display:flex;justify-content:center;margin-top:2rem}.helpButton{background:transparent;position:absolute;bottom:1rem;left:1rem;color:#666}.deck{padding-top:4rem;width:100vw;height:100vh;overflow:hidden}.deck .metaData{text-align:center}.deck .animationAnchor{position:relative}.deck .celebrateLearnt:after{content:"🌟";position:absolute;left:0;top:-1.25em;opacity:0;font-size:12pt;width:100%;animation:celebrate 1s ease-out forwards}@media screen and (max-width:500px){.deck{padding:4rem 1rem 0}}@keyframes celebrate{50%{opacity:1}75%{scale:2}90%{top:-4em;opacity:1}to{opacity:0;top:-4em;scale:4}}.editDeck{padding:4em 1rem 1rem;overflow:scroll;height:100vh;width:100vw}.cardGrid{display:grid;grid-template-columns:1fr 1fr .25fr}@media screen and (max-width:500px){.editableCards,.newCard{grid-template-columns:1fr}}.newCard,.editableCards{margin-bottom:2em}.gridHeader{display:contents;font-weight:700}.gridHeader>div{padding:.5em;margin-top:2em}.gridRow{display:contents}.gridCell{display:flex;flex-direction:column;align-items:stretch;padding:.5em;height:100%}.gridCell>input{margin:0}.gridCell:last-child button{padding:1em}@media screen and (max-width:500px){.deleteCard{margin-bottom:1rem}}.deckNameRow .deckName>input{font-size:18px;font-weight:700;width:100%}textarea{width:100%;border:none;background:none;font-family:system-ui,-apple-system,sans-serif}input{width:100%;height:100%;box-sizing:border-box;font-size:12pt;background:none}input,textarea{border:1px solid rgba(255,255,255,.25);padding:.5em;border-radius:5px;background:#4e4c4e}.checkSaved{color:#58b658;animation:grow .5s ease forwards}.saveStatusIndicator{height:2rem;position:absolute;top:1.5rem;left:2rem;display:flex;flex-direction:row;align-items:center}.saveStatusIndicator.saved{transition:opacity .5s 1.5s;opacity:0}.saveStatusIndicator.saved:after{content:"Saved";position:absolute;left:2rem;white-space:nowrap}.arrowSpinner{animation:spinner 2.2s linear infinite forwards}@keyframes grow{0%{scale:0}50%{scale:1.5}to{scale:1}}@keyframes spinner{0%{rotate:0}to{rotate:2.5turn}}#app{width:100%;display:flex;justify-content:center}