@keyframes FADEIN{0%{opacity:0}to{opacity:1}}@keyframes SLIDETOP{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes SLIDEBOTTOM{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes SLIDELEFT{0%{transform:translate(-120%)}to{transform:translate(0)}}@keyframes SLIDERIGHT{0%{transform:translate(120%)}to{transform:translate(0)}}@keyframes SCALEIN{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes SCALEOUT{0%{transform:scale(1)}to{transform:scale(0)}}@keyframes ROTATE{0%{transform:rotate(0)}to{transform:rotate(369deg)}}@keyframes BOUNCE{0%{transform:translateY(0)}50%{transform:translateY(10px)}to{transform:translateY(0)}}@keyframes FLIP{0%{transform:rotateY(0)}to{transform:rotateY(180deg)}}:root{--dark-mode-background: #15151B;--light-mode-background: #FFFFFF;--light-mode-navbar: #F5F5FB;--dark-mode-navbar: #101015;--dark-mode-input-box: #1E1E24;--light-mode-input-box: #F9F9F7;--border-color-suggestion-dark-mode: #313131;--border-color-suggestion-light-mode: #D4CDCD}.card{width:fit-content;height:fit-content;border:2px solid var(--border-color-suggestion-light-mode);border-radius:8px;padding:8px;color:#000;background:none;cursor:pointer}.toast-container{position:fixed;display:flex;justify-content:center;align-items:center;width:100vw;padding:24px 0;z-index:100}.toast{font-weight:700;border:2px solid var(--border-color-suggestion-light-mode);border-radius:8px;padding:6px;color:#000;background:var(--light-mode-background);cursor:pointer;animation:SCALEIN .5s ease;text-align:center}.toast-close{animation:SCALEOUT .5s ease-out;animation-fill-mode:forwards}@media (prefers-color-scheme: dark){.card,.toast{border:2px solid var(--border-color-suggestion-dark-mode);color:#fff;background:var(--dark-mode-background)}}@font-face{font-family:SF-PRO-BOLD;src:url(/assets/SFPRODISPLAYBOLD-CkqE-6tD.OTF) format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:SF-PRO-NORMAL;src:url(/assets/SFPRODISPLAYREGULAR-DF_3XEGl.OTF) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:SF-PRO-SEMIBOLD;src:url(/assets/SFPRODISPLAYMEDIUM-DSttQARu.OTF) format("opentype");font-weight:semi-bold;font-style:normal;font-display:swap}@font-face{font-family:SF-PRO-LIGHT-INTALIC;src:url(/assets/SFPRODISPLAYLIGHTITALIC-lQTxS1hE.OTF) format("opentype");font-weight:400;font-style:italic;font-display:swap}.input-popup{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;background:none;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);position:fixed;top:0;bottom:0;left:0;right:0;z-index:20;animation:SCALEIN .3s ease-in}.input-popup-close{animation:SCALEOUT .3s ease-out;animation-fill-mode:forwards}.input-popup>.input-popup-body{display:flex;flex-direction:column;align-items:start;border-radius:8px;width:clamp(80vw,70vw,50vw);background:var(--light-mode-navbar);padding:8px;gap:8px}.input-popup>.input-popup-body>nav{display:flex;justify-content:start;align-items:center;gap:6px}.input-popup>.input-popup-body>nav>p{box-shadow:inset 0 0 2px #0004;border-radius:24px;padding:6px 12px;margin:0 auto;width:fit-content;height:fit-content;cursor:pointer}.active-btn{background:#000!important;color:#fff}.input-popup>.input-popup-body>main{display:flex;justify-content:start;flex-direction:column;align-items:center;width:100%}.input-popup>.input-popup-body>main>i{display:flex;justify-content:center;align-items:center;align-self:end;background:var(--light-mode-navbar);width:20px;height:20px;border-radius:8px;padding:8px;font-size:var(--clamp);margin:6px 0}.input-popup>.input-popup-body>main>label{display:flex;justify-content:start;align-items:center;flex-direction:column;width:100%;gap:8px}.input-popup>.input-popup-body>main>textarea,.input-popup>.input-popup-body>main>label>img,.input-popup>.input-popup-body>main>label>object{width:100%;height:40vh;border:2px solid var(--dark-mode-input-box);padding:6px;border-radius:8px;font-size:clamp(1.1em,1.3em,1.5em)}.input-popup>.input-popup-body>main>label>object,.input-popup>.input-popup-body>main>label>img{width:clamp(80vw,70vw,50vw);max-height:clamp(70vh,60vh,50vh);object-fit:cover}.input-popup>.input-popup-body>main>label>span{background:#000;color:#fff;border-radius:8px;padding:6px 12px;margin:0 auto;gap:6px;cursor:pointer}.input-popup>.input-popup-body>footer{display:flex;justify-content:space-between;align-items:center;width:100%}.input-popup>.input-popup-body>footer>select,.input-popup>.input-popup-body>footer>button{background:none;border:2px solid var(--dark-mode-input-box);padding:4px;font-size:1.1em;border-radius:8px;color:#000;cursor:pointer}.input-popup>.input-popup-body>footer>button{padding:6px 16px}@media (prefers-color-scheme: dark){.input-popup>.input-popup-body{background:var(--dark-mode-navbar)}.input-popup>.input-popup-body>nav>p{background:#000;border:2px solid var(--dark-mode-input-box);color:#fff}.active-btn{background:#fff!important;color:#000!important}.input-popup>.input-popup-body>main>i{background:var(--dark-mode-navbar)}.input-popup>.input-popup-body>main>textarea{background:#000;color:#fff}.input-popup>.input-popup-body>main>label>span{background:#fff;color:#000}.input-popup>.input-popup-body>footer>select,.input-popup>.input-popup-body>footer>button{color:#fff}}.rotate{animation:ROTATE .7s linear infinite;border-radius:50%!important}.result-page-container{display:flex;justify-content:start;align-items:start;margin:8px auto 0;flex-direction:column;min-height:100vh;overflow:hidden;background:var(--light-mode-background);gap:8px;min-width:97vw}.center{margin:0 auto}.result-page-container>button{display:flex;align-items:center;gap:8px;font-size:clamp(.7em,.9em,1em);margin-left:8px}.result-page-container>nav{display:flex;align-items:center;justify-content:start;gap:8px;padding:8px}.result-page-container>nav>button{display:flex;align-items:center;gap:8px;font-size:clamp(.7em,.9em,1em);border-width:1px;border-radius:24px}.result-page-container>main{display:flex;align-items:start;justify-content:center;overflow:hidden;overflow-y:scroll;height:60vh;gap:8px}.result-page-container>main>.first-child{display:flex;align-items:start;justify-content:center;margin-left:4px;padding:4px}.result-page-container>main>.first-child>svg{border:1px solid var(--border-color-suggestion-light-mode);padding:12px;border-radius:8px;width:24px;height:24px}.result-page-container>main>.last-child{display:flex;align-items:center;justify-content:start;flex-direction:column;gap:6px;word-break:break-all}.result-page-container>main>.last-child>img,.result-page-container>main>.last-child>object{border-radius:8px;width:60vw;height:50vh;object-fit:cover;margin:0 auto}.result-page-container>.icons{display:flex;justify-content:start;align-items:center;width:100%;padding-left:16px;gap:8px}.result-page-container>.icons>i{display:flex;justify-content:center;align-items:center;background:var(--light-mode-navbar);width:20px;height:20px;border-radius:8px;padding:8px;font-size:var(--clamp)}.result-page-container>main>.last-child>*{margin:0;padding:0;text-align:start;font-family:SF-PRO-NORMAL;font-size:clamp(.8em,.9em,1em)}.result-page-container>main>.last-child>h1{text-decoration:underline}.result-page-container>main>.last-child>a{color:#daa520}@media (prefers-color-scheme: dark){.result-page-container{background:var(--dark-mode-background);color:#fff}.result-page-container>main>.first-child>svg>path{fill:#fff}.result-page-container>.icons>i{background:var(--dark-mode-navbar)}}@media (min-width: 718px){.result-page-container{min-width:72vw}.result-page-container>main{width:72vw}}.flip{animation:FLIP .8s ease}.hide{display:none!important;visibility:hidden!important}.flash-card-page-container{display:flex;flex-direction:column;justify-content:center;align-items:start;overflow:hidden;overflow-y:scroll;margin:32px auto;gap:8px}.flash-card-page-container>div{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;text-align:center;height:fit-content;padding:8px 5px;margin:0;gap:8px}.flash-card-page-container>div>div{display:flex;flex-direction:column;text-align:center;width:95vw}.flash-card-page-container>div>div>h1{margin:0}.flash-card-page-container>div>div>p{margin:0;font-size:var(--clamp)}@media (min-width: 768px){.flash-card-page-container>div>div{width:45vw}}.chat-container{display:flex;flex-direction:column;background:none;width:100vw;gap:16px;overflow:hidden;overflow-y:scroll}.chat-container>header{display:flex;justify-content:center;align-items:center;align-self:center;margin:0 auto;width:60vw;text-align:center;background:var(--light-mode-input-box);border-radius:8px;padding:8px}.chat-container>main{display:flex;flex-direction:column;justify-content:start;margin:0 auto;width:92%;gap:16px;margin-bottom:5rem}.chat-container>main>div{display:flex;flex-direction:column;gap:8px;justify-content:start;color:#000;border-radius:8px;padding:8px;background:var(--light-mode-navbar);width:fit-content}.chat-container>main>.user{align-self:end}.chat-container>main>div>*{margin:0;padding:0;text-align:start;font-family:SF-PRO-NORMAL;font-size:clamp(.8em,.9em,1em)}.chat-container>main>div>h1{text-decoration:underline}.chat-container>main>div>a{color:#daa520}.chat-container>footer{display:flex;justify-content:center;align-items:center;width:100%;position:fixed;bottom:0;margin-bottom:24px}.chat-container>footer>div{border-radius:8px;padding:8px;background:var(--light-mode-input-box);display:flex;justify-content:space-around;align-items:center;gap:8px;width:90%;height:fit-content}.chat-container>footer>div>input{background:none;width:85%;font-size:1rem;display:flex;justify-content:start}.chat-container>footer>div>i{font-size:1.4rem}.loading{animation:ROTATE .5s linear infinite}@media (prefers-color-scheme: dark){.chat-container>header,.chat-container>footer>div{background:var(--dark-mode-input-box);color:#fff}.chat-container>footer>div>input{color:#fff}.chat-container>main>div{background:var(--dark-mode-navbar);color:#fbfbfb}}@media (min-width: 718px){.chat-container>header{width:30vw}.chat-container>footer{width:72vw}}::-webkit-scrollbar{width:8px;border-radius:20px;transition:all 1s linear}::-webkit-scrollbar-thumb{cursor:pointer;background:var(--light-mode-navbar)}::-webkit-scrollbar-track{background:transparent;cursor:pointer}*{font-family:SF-PRO-NORMAL,sans-serif;margin:0;border:none;word-break:break-all}*:focus{outline:none}button{transition:transform .2s linear}button:active{transform:scale(.9);cursor:pointer}i{cursor:pointer}body{background:var(--light-mode-background);height:100vh;width:100vw;display:flex;justify-content:start}.container{display:flex;justify-content:start;align-items:start;width:100vw;height:100%;overflow:hidden}.main{display:flex;flex-direction:column;justify-content:start;align-items:start;text-align:center;margin:0 auto;width:100%;overflow:hidden}.header{display:flex;justify-content:space-between;align-items:center;width:95%;padding:6px 12px;animation:SLIDETOP .8s linear}.header>h1{margin:0;font-size:var(--clamp);animation:SCALEIN 1.5s ease}.header>i{font-size:var(--clamp);animation:FADEIN 1s ease}.side-bar{display:flex;flex-direction:column;justify-content:start;align-items:start;width:clamp(70vw,70vw,25vw);height:100vh;padding:8px 8px 32px;position:fixed;top:0;bottom:0;left:0;right:0;background:var(--light-mode-navbar);z-index:10;gap:16px;overflow-y:scroll;visibility:hidden}.animate-open-side-bar{animation:SLIDELEFT .3s ease-in-out}.animate-close-side-bar{animation:SCALEOUT .2s ease-in-out}.side-bar :first-child{display:flex;justify-content:space-between;align-items:center;width:100%;animation-delay:1s;animation:SLIDETOP .5s ease}.side-bar :first-child>header{display:flex;justify-content:start;align-items:center;gap:8px;width:100%}.side-bar :first-child>header>svg{width:25px;height:25px;border-radius:6px;background:linear-gradient(to bottom,#000,gray);border:2px solid var(--border-color-suggestion-light-mode);padding:6px;animation-delay:1s;animation:FADEIN .5s ease}.side-bar :first-child>header>svg>path{fill:#fff}.side-bar :first-child>header>p{margin:0}.side-bar :first-child>i{display:flex;justify-content:end;align-items:center;padding-right:2px;font-size:clamp(1.2em,1.3em,1.4em)}.side-bar :nth-child(2){display:flex;justify-content:start;align-items:center;width:fit-content;gap:6px}.side-bar :nth-child(2)>i{display:flex;justify-content:center;align-items:center;background:#fff;color:#000;border:none;padding:2px;border-radius:6px;width:24px;height:24px}.side-bar :last-child{display:flex;justify-content:start;flex-direction:column;gap:2px;width:100%}.side-bar :last-child>button{width:100%;font-size:.9em;justify-content:start;flex-direction:column;display:flex;align-items:start;text-align:start;background:#fff;border:none;animation-delay:1s;animation:SLIDEBOTTOM 1s ease-in}.side-bar :last-child>button>span{font-family:SF-PRO-BOLD,sans-serif}.section{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:120px}.section>h1{font-size:var(--clamp);animation:FADEIN 1s ease}.section>p{font-size:clamp(.9em,1em,1.2em);animation:FADEIN 1s ease;max-width:clamp(70%,65%,40%)}.section>div{display:flex;justify-content:center;align-items:center;gap:8px;width:100%}.section>div>button{display:flex;flex-direction:column;align-items:start;justify-content:start;gap:42px;flex-wrap:wrap;white-space:nowrap;min-width:clamp(40%,30%,15%);max-width:clamp(50%,40%,25%);font-size:clamp(.8em,.9em,1em);animation-delay:.5s;animation:SCALEIN 1s ease-in-out}.section>div>button>i{font-size:clamp(1.6em,1.8em,2em)}.section>div :first-child :first-child{color:#0ff}.section>div :last-child :first-child{color:#b22222}.section>div>button>p{font-size:var(--clamp)}@media (prefers-color-scheme: dark){::-webkit-scrollbar-thumb{cursor:pointer;background:var(--dark-mode-navbar)}body{background:var(--dark-mode-background);color:#fff}svg>path{fill:#fff}.side-bar{background:var(--dark-mode-navbar)}.side-bar :first-child>header>svg{border:2px solid var(--border-color-suggestion-dark-mode)}.side-bar :nth-child(2)>i{background:var(--dark-mode-input-box);color:#fff}.side-bar :last-child>button{background:var(--dark-mode-input-box);border:none}}@media (min-width: 718px){.header :first-child,.header>h1{visibility:hidden}.main{width:75%}.side-bar{visibility:visible;position:static;width:25%}.side-bar :first-child>i{visibility:hidden}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub
  Description: Light theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-light
  Current colors taken from GitHub's CSS
*/.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#005cc5}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-comment,.hljs-code,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}