@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap";:root{--primary-color: #26c065;--secondary-color: #0c312d;--third-color: #f8e53b;--background-color: #e2d8c0;--primary-button-color: #64d593;--primary-font: "Poppins", sans-serif}body{margin:0;background-color:var(--background-color)}*,*:before,*:after{box-sizing:border-box;font-family:Montserrat,sans-serif;font-optical-sizing:auto}nav{margin:auto;padding:0 2em 0 1.5em;display:flex;align-items:center;justify-content:space-between;z-index:100000;width:100%;background-color:transparent;font-family:var(--primary-font);font-size:1rem}.nav__logo{display:flex;align-items:center;justify-content:center;color:var(--primary-color);font-weight:500;font-size:clamp(1em,2.5vw,1.25em);letter-spacing:-.03em;text-decoration:none}.nav__logo__image{height:20px;margin-right:10px}.nav__link{text-decoration:none;transition:color .3s;margin:0 2em;cursor:pointer}.hamburger-icon{color:var(--dark-font);font-size:1.25em}.nav__close__icon{color:var(--secondary-color)}.nav__hamburger{display:block;background-color:transparent;border:0}.nav__link__container{display:flex;flex-direction:column;position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100vh;background-color:var(--background-color);justify-content:center;transform:translateY(-100%);z-index:999999}.nav__link__container.expanded{transform:translateY(0)}.nav__link__container.expanded .nav__link{color:var(--secondary-color);margin:0 auto 3em}.nav__close{display:block;position:absolute;top:1rem;right:1rem;font-size:2rem;color:var(--secondary-color)}@media (min-width: 768px){.nav__hamburger,.nav__close{background:none;border:none;font-size:1.5rem;cursor:pointer;display:none}.nav__link__container{flex-direction:row;justify-content:space-between;position:static;width:auto;height:auto;transform:none;background-color:transparent}.nav__link__container.expanded{transform:none}.nav__link__container.expanded .nav__link{color:var(--dark-font);margin:0 1.5rem}}.nav__link__container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:10em 0}.nav__link__container a{margin-bottom:40px}.nav__link__logged-in__container>p,.nav__link__logged-in__container>a,.nav__link__logged-in__container>button{margin:0 20px;cursor:pointer}.nav--select{border:none;padding-right:.75em;font-size:.9em;cursor:inherit;background-color:transparent;color:#26c065}.nav--difficulty{font-size:.9em;color:#26c065;font-weight:600;margin-right:.5em;margin-top:.1em}.nav__link__logged-in__container{display:flex;flex-direction:column;align-items:center}.nav__link__logged-in__container>p{margin-bottom:40px}.nav__close{background-color:transparent;border:0;font-size:2.5em}@media (min-width: 768px){.nav__link__container{flex-direction:row;padding:0;align-items:center;justify-content:center}.nav__link__container a{margin-bottom:0}.nav__link__container *{margin:0 .5em}.nav__link__logged-in__container{flex-direction:row;justify-content:flex-end}.nav__link__logged-in__container>p{margin-bottom:0}}.primary-button{border-radius:20px;background-color:var(--primary-button-color);color:var(--secondary-color);border:2px solid var(--secondary-color);padding:5px 20px;width:10em;cursor:pointer}.nav-hsk-select__container{position:relative;display:inline-block;margin:0}.nav-hsk-select__container select{background-color:var(--third-color);padding:10px 20px;border:2px solid var(--secondary-color);border-radius:20px;font-size:16px;color:var(--secondary-color);cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none}.nav-hsk-select__container:after{content:"";position:absolute;top:50%;right:35px;transform:translateY(-50%);pointer-events:none;width:16px;height:16px;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAKCAYAAAC9vt6cAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAC2SURBVHgBjY+9DcIwEIXvsEiT1MhiBhRFsEBKSjYIG8AGMVtQZhRGAIkBKAM1FUg+zkb8OXbMq57s+97dA2Bl07xOi3wNfyqd5SvDGC+sIVKIMB9Kebq350MErlDTlm2ZjCUMQGt8fSJSw5dUEbh5PzArbu1ll8gRMl0+Q2Dhu6QDE22u+6MSxsdCQrCd/d6SFRPFdP2ZwyXwihDcCfCF/MiBjYQ749bpg70B3pAAHJWpYyv16AGiwGW6B+KsxgAAAABJRU5ErkJggg==) no-repeat center center}.wordlevel-card{width:90%;border-radius:15px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-shadow:0 4px 8px #0000001a;padding:.5em;transition:box-shadow .3s;margin:2em 0}.wordlevel-card__word-container{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px}.wordlevel-card--weak{background-color:#f4cccc}.wordlevel-card--medium{background-color:#fff2cc}.wordlevel-card--strong{background-color:#d9ead3}.wordlevel-card__title{text-align:center;margin-bottom:1em;font-size:1.5em;font-weight:700;color:#333;text-decoration:none}.wordlevel-card__word{display:flex;align-items:center;justify-content:center;border-radius:25px;border:1px solid black;font-size:1.5em;margin:.25em;min-width:100px;max-width:150px;min-height:50px;max-height:100px;cursor:pointer}@media (min-width: 768px){.wordlevel-card{width:30%}}.wordlevel--container{display:flex;flex-direction:column;align-items:center;justify-content:center}@media (min-width: 768px){.wordlevel--container{flex-direction:row;justify-content:space-around;align-items:flex-start}}.app{display:flex;align-items:center;justify-content:center;height:45vh}.garden--plantsList--head{margin:3vh 0}.garden--plantsList--meta{display:flex;align-items:center;flex-wrap:nowrap;font-size:1.2em}.garden--seedcount--section{display:flex;justify-content:space-between;flex-wrap:nowrap;min-width:8rem}.garden--streak--section{display:flex;justify-content:flex-start;align-items:center;min-height:2em;max-height:2em;padding-left:.25em;margin-right:auto}.pulsate-fwd{-webkit-animation:pulsate-fwd .75s ease-in-out infinite both;animation:pulsate-fwd .75s ease-in-out infinite both}@keyframes pulsate-fwd{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.garden{min-height:50vh;background-color:var(--secondary-color);color:#fff;border-radius:20px 20px 0 0;padding:1em;margin-top:4vh}.garden--head--buttons--container{display:flex;justify-content:space-between;width:20vw}.garden--download--text:hover{cursor:pointer}.known--words--container{min-height:20vh}.plant--container{display:flex;flex-wrap:wrap;width:95%;margin:0 auto}.plant--pair{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#26c065;border-radius:25px;margin:.25em;min-width:125px;max-width:200px;min-height:125px;max-height:200px;color:var(--secondary-color)}.plant--pair--word{font-size:1.25em;margin:0}.plant--pair--image{height:2.5em;margin-bottom:.2em}.plant--pair--detail{margin:.5em 0 0;font-size:.8em;text-align:center}.garden--seedsList--head{font-size:1.2em;display:flex;justify-content:space-between;margin:1em 0}.seed--container{display:flex;flex-wrap:wrap;width:95%;margin:0 auto}.seed--pair{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#45382c;border-radius:25px;min-width:125px;max-width:200px;min-height:125px;max-height:200px;margin:.25em;padding:0}.seed--pair--word{font-size:1.25em;color:#fff;margin:0;padding:0}.seed--pair--image{height:2.5em;margin-bottom:.2em}.seed--pair--detail{margin:.5em 0 0;font-size:.8em;text-align:center}.word--display--container{background-color:#fff;position:relative;top:clamp(40px,10%,50px);min-height:22em;min-width:22em;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;box-shadow:0 4px 4px #00000040;border-radius:25%}.button--container{width:80%;height:7.5vh;display:flex;align-items:center;justify-content:space-around;margin-top:1.25em;margin-bottom:1.5em}.button{height:100%;font-size:2em;margin-top:.5em}.button--false--image{height:60%}.button--true--image{height:80%}.button--false{border:0px;background-color:#fff}.button--false:hover{cursor:pointer}.button--true{border:0px;background-color:#fff}.button--true:hover{cursor:pointer}.show{background-color:#c2fbd7;border-radius:100px;box-shadow:#2cbb6333 0 -25px 18px -14px inset,#2cbb6326 0 1px 2px,#2cbb6326 0 2px 4px,#2cbb6326 0 4px 8px,#2cbb6326 0 8px 16px,#2cbb6326 0 16px 32px;color:green;cursor:pointer;display:inline-block;padding:.5em 1.5em;text-align:center;text-decoration:none;transition:all .25s;border:0;font-size:1.7em;font-weight:600;letter-spacing:-.02em;margin:1em 0;user-select:none;-webkit-user-select:none;touch-action:manipulation}.show:hover{box-shadow:#2cbb6359 0 -25px 18px -14px inset,#2cbb6340 0 1px 2px,#2cbb6340 0 2px 4px,#2cbb6340 0 4px 8px,#2cbb6340 0 8px 16px,#2cbb6340 0 16px 32px;transform:scale(1)}.word--display{height:15vh;min-width:40vh;background-color:transparent;font-size:6.5em;display:flex;justify-content:center;align-items:center;margin:0 0 .1em}.word--translated{height:1.2em;font-size:.9em;position:relative;top:2px;width:13rem;text-align:center;margin-bottom:1em}.pinyin{height:1.2em;font-size:1.5em}.word--meta--container{display:flex;flex-direction:column;align-items:center;margin:.5em 0 1.15em}.word--meta--hsk--level{font-size:1.5em;letter-spacing:-.05em;font-weight:500;text-align:center}.word--meta--hidden--container{display:flex;justify-content:space-evenly;align-items:flex-end;width:10vw}.word--meta--sound{margin-top:5px;height:15px;width:15px}.word--meta--sound:hover{cursor:pointer}.word--meta--copy{width:auto;height:15px}.word--meta--copy:hover{cursor:pointer}.word__prompt{font-size:.9em;color:var(--secondary-color);font-weight:500;margin:0;padding:0;animation:fadeOut 2s forwards;animation-delay:2s}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.app-hsk-select__container{position:relative;display:inline-block;margin:0}.app-hsk-select__container select{background-color:var(--third-color);padding:15px 50px 15px 30px;border:2px solid var(--secondary-color);border-radius:30px;font-size:1.4em;color:var(--secondary-color);cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none}.app-hsk-select__container:after{content:"";position:absolute;top:50%;right:22px;transform:translateY(-50%);pointer-events:none;width:1em;height:1em;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAKCAYAAAC9vt6cAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAC2SURBVHgBjY+9DcIwEIXvsEiT1MhiBhRFsEBKSjYIG8AGMVtQZhRGAIkBKAM1FUg+zkb8OXbMq57s+97dA2Bl07xOi3wNfyqd5SvDGC+sIVKIMB9Kebq350MErlDTlm2ZjCUMQGt8fSJSw5dUEbh5PzArbu1ll8gRMl0+Q2Dhu6QDE22u+6MSxsdCQrCd/d6SFRPFdP2ZwyXwihDcCfCF/MiBjYQ749bpg70B3pAAHJWpYyv16AGiwGW6B+KsxgAAAABJRU5ErkJggg==) no-repeat center center}