body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@layer reset, base, layout, components, utilities;:root{--media-phone-width:768px;--_br:12px;--_br-2:24px;--_navbars-margin-top-desktop:84px;--_navbars-margin-top-mobile:64px;--text-clr:#1f2321;--primary-clr:#ede7d9;--primary-clr-sh:#ccbb93;--primary-clr-2:#cbccb8;--primary-clr-3:#94a89c;--primary-clr-4:#698683;--primary-clr-5:#49696f;--primary-clr-6:#2e4756;--navbar-clr:#1f2321e6;--navbar-text-clr:#ede7d9;--accent-clr:#005b46;--accent-clr-inactive:#887a59;--accent-clr-2:#57806d;--accent-clr-3:#809981;--error-clr:#bf5847;--button-clr:#0c8345;--button-text-clr:#ede7d9;--_focus-inner-shadow:inset 0px 4px 6px var(--accent-clr),inset 0px 0px 0px 2px var(--accent-clr-2),inset 0px -4px 6px 2px var(--accent-clr-3);--_focus-inner-shadow-2:inset 0px 0px 0px 2px var(--accent-clr),inset 0px 4px 6px var(--accent-clr-3),inset 0px -4px 6px 2px var(--accent-clr);--shadow-color:40deg 7% 50%;--shadow-elevation-low:0 4px 4px -2.5px hsl(var(--shadow-color)/0.52),0 7px 7px -4px hsl(var(--shadow-color)/0.38);--shadow-elevation-medium:0 8.5px 8.3px -2.4px hsl(var(--shadow-color)/0.67),0 23px 23px -3.6px hsl(var(--shadow-color)/0.37);--shadow-elevation-high:0.2px 1px 1px hsl(var(--shadow-color)/0.63),1px 4.7px 4.6px -0.5px hsl(var(--shadow-color)/0.58),2px 9.5px 9.3px -1px hsl(var(--shadow-color)/0.54),3.8px 17.8px 17.5px -1.5px hsl(var(--shadow-color)/0.49),6.8px 31.7px 31.1px -2.1px hsl(var(--shadow-color)/0.44),11.4px 53.5px 52.5px -2.6px hsl(var(--shadow-color)/0.39),18.3px 85.6px 84px -3.1px hsl(var(--shadow-color)/0.34),27.7px 130px 127.6px -3.6px hsl(var(--shadow-color)/0.29);--shadow-color-navbar:40deg 7% 10%;--shadow-navbar-low:0 8px 5px -2.4px hsl(var(--shadow-color-navbar)/0.1),0 15px 10px -3.6px hsl(var(--shadow-color-navbar)/0.17);--shadow-navbar-medium:0 10px 5px -4px hsl(var(--shadow-color-navbar)/0.2),0 20px 15px -10px hsl(var(--shadow-color-navbar)/0.3)}:root:has(#dark-theme:checked){--text-clr:#ede7d9;--primary-clr:#1f2321;--primary-clr-sh:#4e5a53;--navbar-clr:#ede7d9e6;--navbar-text-clr:#1f2321;--accent-clr:#7fd1ae;--accent-clr-inactive:#887a59;--accent-clr-2:#005b46;--button-clr:#0c8345;--button-text-clr:#ede7d9}body{background-color:#ede7d9;background-color:var(--primary-clr);color:#1f2321;color:var(--text-clr);font-family:Noto Sans,sans-serif}html{font-size:24px}@media (max-width:768px){html{font-size:20px}}a{all:unset;cursor:pointer;display:inline-block}a,a:focus,a:hover{text-decoration:underline}a:focus,a:hover{border-radius:12px;border-radius:var(--_br);outline:2px solid #005b46;outline:2px solid var(--accent-clr);outline-offset:2px;transition:outline-offset .1s ease}button{all:unset}p{all:unset;display:block}h1,h2,h3,h4,h5,h6{font-family:Montserrat Alternates,sans-serif;font-weight:500}h3{margin:.5rem 0}h4{margin:.25rem 0}h5{margin:.15rem 0}h6{margin:.1rem 0}pre{overflow-x:auto;padding:.8rem .3rem}code,pre{background-color:#cbccb8;background-color:var(--primary-clr-2);border-radius:12px;border-radius:var(--_br)}code{padding:.1rem .3rem}blockquote{border-left:4px solid #005b46;border-left:4px solid var(--accent-clr);color:#1f2321;color:var(--text-clr);font-style:italic;margin-left:0;margin-right:0;opacity:.8;padding-left:1rem}nav{--_blur:5px;background:#0000;box-shadow:var(--shadow-navbar-low);color:var(--navbar-text-clr);max-height:64px;min-height:64px;position:relative;user-select:none;-moz-user-select:none;-khtml-user-select:none;-webkit-user-select:none;-o-user-select:none}nav:before{--_c2:hsl(from var(--text-clr) h s l/0.75);--_c1:hsl(from var(--text-clr) h s l/0.95);backdrop-filter:blur(var(--_blur));-webkit-backdrop-filter:blur(var(--_blur));background-color:var(--navbar-clr);background:linear-gradient(to right,var(--_c1),var(--_c2),var(--_c1));border:1px solid #ffffff3b;border-radius:1000px;content:"";height:100%;left:-1px;position:absolute;top:-1px;width:100%;z-index:-1}.top-nav-cont{display:flex;max-height:64px;width:100vw}.top-nav,.top-nav-cont{align-items:center;justify-content:center;position:fixed;top:10px;z-index:1000}.top-nav{grid-gap:3rem;border-radius:1000px;display:grid;gap:3rem;grid-template-columns:1fr auto 1fr;grid-template-rows:100%}.top-nav .logo-container{display:flex;gap:.5rem}.top-nav .search{align-items:center;display:flex;justify-content:center;width:100%}nav .ellipse-button{height:60px}.logo{border-radius:100px;height:auto;margin:0 0 0 20px;max-width:56px}.app-name,.login-button-container p{cursor:pointer;font-family:Montserrat Alternates,sans-serif;font-size:28px;margin:auto 0}.app-name:hover{text-decoration:underline}.profile{margin:0 20px}.top-nav .nav-center{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr) 2fr repeat(2,1fr);max-height:64px}.top-nav .fixed-width{display:flex;width:180px}.top-nav form{display:inline-block}.top-nav .login{align-items:center;display:flex;justify-content:center}.top-nav .login-button-container{align-items:center;display:flex;justify-content:end;width:100%}.top-nav .login.button-with-icon{margin-right:20px;width:120px}.top-nav .login:focus,.top-nav .login:hover{scale:1.05;transition:all .1s}.navbars-margin{margin-top:var(--_navbars-margin-top-desktop)}.profile-icon{height:52px;width:52px}.app-logo{display:inline-block;height:auto;margin:0 0 0 20px;max-width:64px}.top-nav-button{opacity:.7;text-decoration-line:none}.top-nav-button:focus,.top-nav-button:hover{opacity:1;scale:1.05;transition:scale .1s}@media screen and (max-width:1100px){.navbars-margin{margin-top:var(--_navbars-margin-top-mobile)}.top-nav-button,.top-nav-button *{display:none}.login-button-container .login.button-with-icon{margin-right:0;width:7ch}.login-button-container p{font-size:20px}.top-nav{gap:1rem;max-height:48px;min-height:48px;top:4px}.top-nav .nav-center{gap:.5rem;grid-template-columns:1fr;row-gap:0}.app-name{display:none}.app-logo{display:inline-block;height:auto;margin:0 0 0 12px;max-width:48px}}.button-with-icon{align-items:center;cursor:pointer;display:flex;-webkit-user-select:none;user-select:none}.search{position:relative;width:100%}.search li,.search ul{list-style:none}.search input{background-color:var(--text-clr);border:1px solid var(--primary-clr);border-radius:1000px;max-height:60px;padding:10px;width:calc(100% - 22px)}.search input,.search-dropdown{color:var(--primary-clr);min-width:100px}.search-dropdown{--_c1:hsl(from var(--accent-clr-2) h s l/0.65);--_c2:hsl(from var(--accent-clr-3) h s l/0.55);--_c6:hsl(from var(--primary-clr-3) h s l/0.4);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:linear-gradient(to right,var(--_c1),var(--_c2));border:1px solid var(--_c2);border-radius:var(--_br);box-shadow:0 8px 32px 0 var(--_c6);padding:.75rem 1rem;position:absolute;text-shadow:0 0 10px var(--accent-clr-2);top:25px}.button-dropdown{display:inline-block;position:relative}.nav-item{align-items:center;cursor:pointer;display:flex;font-family:Montserrat Alternates,sans-serif;font-size:28px;height:52px;justify-content:end;margin-right:40px;transition:background-color .3s ease}.button-dropdown .nav-item .icon{height:52px;width:52px}.button-dropdown .nav-item .icon *{stroke-width:.2px;stroke:var(--text-clr)}.dropdown{--_c1:hsl(from var(--accent-clr-2) h s l/0.45);backdrop-filter:blur(6.5px);-webkit-backdrop-filter:blur(6.5px);background:#4a6a4b73;background:linear-gradient(to right,var(--_c1),#4a6a4b73);border:1px solid #ffffff2e;border-radius:var(--_br);box-shadow:0 8px 32px 0 #6f80875e;min-width:200px;padding:10px 0;position:absolute;text-shadow:0 0 10px var(--accent-clr-2);z-index:1011}.dropdown-top-nav{padding:12px;right:1rem;top:100%;width:min(600px,calc(100vw - 2rem))}.dropdown-groups{display:flex;flex-wrap:wrap;gap:0;padding:8px 0}.dropdown-group{display:flex;flex:1 1 120px;flex-direction:column;padding:4px 0}.dropdown-group:last-child{border-right:none}.dropdown-group a,.dropdown-group p{cursor:pointer;padding:6px 15px;text-shadow:0 2px 6px var(--accent-clr);white-space:nowrap}.dropdown-group a:hover,.dropdown-group p:hover{background-color:#4a6a4b99}.dropdown-footer{cursor:pointer;padding:8px 15px}.dropdown-backdrop,.dropdown-drag-handle{display:none}@media screen and (max-width:1100px){.dropdown-backdrop{animation:backdrop-fade-in .2s ease forwards;background:#00000026;display:block;inset:0;position:fixed;z-index:1010}@keyframes backdrop-fade-in{0%{opacity:0}to{opacity:1}}.dropdown-top-nav{animation:sheet-slide-up .25s cubic-bezier(.32,.72,0,1) forwards;display:block;max-height:calc(100vh - 170px);overflow-y:auto;padding-top:12px;width:300px}@keyframes sheet-slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.dropdown-groups{flex-direction:column}.dropdown-group:last-child{border-bottom:none}}.dropdown-group-label{cursor:default;font-size:11px;font-weight:700;letter-spacing:.08em;margin:0;opacity:.55;padding:6px 15px 4px;pointer-events:none;text-transform:uppercase}@media screen and (max-width:1100px){.nav-item .text{font-size:20px}.nav-item{margin-right:12px}}.read-dropdown{align-items:center;display:flex;justify-content:center;position:relative}.read-dropdown-trigger{align-items:center;background:#0000;border:none;color:inherit;cursor:pointer;display:flex;font:inherit;margin:0;padding:0}.read-dropdown-menu{display:flex;flex-direction:column;left:50%;min-width:220px;position:absolute;top:calc(100% + 8px);transform:translateX(-50%)}.dropdown-item{align-items:center;color:inherit;cursor:pointer;display:flex;gap:.75rem;margin:4px 8px;padding:4px;text-decoration:none}.dropdown-item .icon{flex-shrink:0;height:28px;width:28px}.dropdown-item:hover{background-color:#4a6a4b99}.icon{max-height:24px;max-width:24px}.icon *{fill:var(--text-clr);stroke:var(--text-clr)}nav .icon *{fill:var(--navbar-text-clr);stroke:var(--navbar-text-clr);stroke-width:.2px}.bottom-nav-cont{align-items:center;bottom:max(10px,env(safe-area-inset-bottom,10px));display:flex;justify-content:center;max-height:64px;position:fixed;width:100vw;z-index:1000}.bottom-nav{--_h:64px;border-radius:1000px;box-shadow:var(--shadow-navbar-medium);height:var(--_h);max-height:64px;z-index:1000}.flex-bottom-nav{align-items:center;display:flex;gap:4px;height:var(--_h);position:relative}.flex-bottom-nav-gap-12{gap:12px}.bottom-nav-padding-20{padding:0 20px}.bottom-nav-padding-2{padding:0 2px}.dropdown-menu{display:none}.dropdown:hover>.dropdown-menu{background-color:var(--navbar-clr);border-radius:12px;bottom:48px;display:flex;flex-direction:column;position:absolute;z-index:1000}.dropdown .bottom-nav-button{margin:.3rem .6rem}nav .round-button-without-text .round-button-icon{height:60px;width:60px}nav .round-button-with-text{height:60px}@media screen and (max-width:1100px){.bottom-nav-cont{display:none}}.nav-default{display:flex}.nav-reading-mode{display:none}body:has(.login-container) .nav-default{display:none}.round-button{align-items:center;color:var(--navbar-text-clr);cursor:pointer;display:flex;flex-flow:column;opacity:1;-webkit-user-select:none;user-select:none}.round-button-with-text p{font-size:.5rem}.round-button-icon{align-items:center;background-color:var(--accent-clr);border-radius:100px;display:flex;height:40px;justify-content:center;width:40px}.round-button-icon .icon *{fill:var(--navbar-text-clr);stroke-width:0;stroke:var(--navbar-text-clr)}.round-button:focus-visible,.round-button:hover{transition:all .2s}.round-button:focus-visible .round-button-icon,.round-button:hover .round-button-icon{background-color:var(--accent-clr-2);box-shadow:var(--_focus-inner-shadow)}.round-button:focus-visible *,.round-button:hover *{transition:inherit}.round-button:focus-visible p,.round-button:hover p{color:var(--navbar-text-clr);text-decoration:underline;transition:inherit}.round-button:focus-visible .icon *,.round-button:hover .icon *{transition:inherit}.round-button:focus-visible .round-button-icon,.round-button:hover .round-button-icon{transition:inherit}.round-button:active .round-button-icon{background-color:var(--accent-clr-2);box-shadow:var(--_focus-inner-shadow-2);text-shadow:0 4px 3px var(--accent-clr);transition:inherit}.round-button:disabled{opacity:.3;pointer-events:none}.checkbox-with-text{align-items:center;background-color:initial;border:none;cursor:pointer;display:flex;height:auto;width:auto}.round-button-checkbox{aspect-ratio:1;background-color:initial;border:2px solid var(--primary-clr);border-radius:120px;height:36px;position:relative}.round-button-checkbox.checked:before{background-color:var(--primary-clr-2);border-radius:90px;content:"";height:32px;left:2px;position:absolute;top:2px;transform:scale(1);width:32px}.round-button-checkbox:before{content:"";position:absolute;transform:scale(0);transition:transform .1s ease-in-out}.dropdown-botom-nav{bottom:68px;display:flex;flex-direction:column;max-height:50vh;max-width:80vh;overflow-y:auto;position:absolute;width:90%}.ellipse-button{--_padding-horizontal:1rem;align-items:center;background-color:var(--accent-clr);border-radius:1000px;color:var(--navbar-text-clr);cursor:pointer;display:flex;flex-flow:row;justify-content:center;min-height:2em;padding-left:var(--_padding-horizontal);padding-right:var(--_padding-horizontal);-webkit-user-select:none;user-select:none}.ellipse-button:disabled{opacity:.3;pointer-events:none}.ellipse-button-icon{align-items:center;display:flex;justify-content:center}.ellipse-button-icon .icon *{fill:var(--navbar-text-clr);stroke-width:0;stroke:var(--navbar-text-clr)}.ellipse-button.active,.ellipse-button:focus-visible,.ellipse-button:hover{background-color:var(--accent-clr-2);box-shadow:var(--_focus-inner-shadow);text-shadow:0 4px 3px var(--accent-clr);transition:all .2s}.ellipse-button:disabled.active{opacity:1;pointer-events:none}.ellipse-button:focus-visible *,.ellipse-button:hover *{transition:inherit}.ellipse-button:focus-visible p,.ellipse-button:hover p{text-decoration:underline;transition:inherit}.ellipse-button:focus-visible .icon *,.ellipse-button:hover .icon *{transition:inherit}.ellipse-button.secondary-button{background-color:var(--primary-clr);box-shadow:inset 0 0 0 2px var(--accent-clr);color:var(--text-clr)}.secondary-button .ellipse-button-icon .icon *{fill:var(--text-clr);stroke-width:0;stroke:var(--text-clr)}.ellipse-button.secondary-button:focus-visible,.ellipse-button.secondary-button:hover{background-color:var(--primary-clr-2);box-shadow:inset 0 4px 6px var(--accent-clr-2),inset 0 0 0 2px var(--accent-clr-2),inset 0 -4px 6px 2px var(--primary-clr);text-shadow:none}.ellipse-button:active{background-color:var(--accent-clr-2);box-shadow:var(--_focus-inner-shadow-2)}.ellipse-button.shadow{box-shadow:var(--shadow-elevation-medium)}.ellipse-button.large-button{font-size:1.125rem;font-weight:700;padding:1rem 2rem;text-align:center}.ellipse-button.wide-button{width:calc(100% - var(--_padding-horizontal)*2)}.toggle-switch-label{padding:0}.toggle-switch{--height-1:60px;align-items:center;background-color:var(--navbar-clr);border-radius:100px;display:flex;height:64px;justify-content:center;position:relative;width:120px;z-index:1}.toggle-switch-checkbox{display:none}.toggle-switch *{z-index:3}.switch{background-color:var(--accent-clr);border-radius:100px;height:var(--height-1);left:2px;position:absolute;top:2px;transition:.3s;transition-timing-function:ease-out;width:76px;z-index:2}.toggle-switch-checkbox:checked+.toggle-switch>.switch{left:42px}.toggle-switch-checkbox:checked+.toggle-switch .icon-left{left:0;opacity:.6;transition-timing-function:ease-out}.toggle-switch-checkbox:checked+.toggle-switch .icon-right .icon{max-height:1.5rem;max-width:1.5rem;transition:all .3s ease-out}.toggle-switch-checkbox:checked+.toggle-switch .icon-right{opacity:1;right:10px;transition-timing-function:ease-in-out}:not(.toggle-switch-checkbox:checked)+.toggle-switch .icon-left .icon{max-height:1.5rem;max-width:1.5rem;transition-timing-function:ease-out;transition:all .3s ease-out}.icon-left,.icon-right{align-items:center;animation-timing-function:ease-in-out;display:flex;height:var(--height-1);justify-content:center;position:absolute;transition:.3s;width:var(--height-1)}.icon-left{left:10px;opacity:1}.icon-right{opacity:.6;right:0;transition-timing-function:ease-out}.icon-left .icon *,.icon-right .icon *{fill:var(--navbar-text-clr);stroke-width:0}.nav-reading-mode{grid-gap:2rem;align-items:center;display:grid;gap:2rem;grid-template-areas:"nav-left nav-right";grid-template-columns:1fr 1fr;width:100%}.nav-left-section{grid-area:nav-left;justify-self:end}.nav-left-section,.nav-right-section{align-items:center;display:flex;flex-shrink:0}.nav-right-section{grid-area:nav-right;justify-self:start}.bottom-nav.nav-dict{display:flex}.toggle-switch#reading-mode-switch{display:none}.reading-mode-ellipse-button{padding:0;width:120px}.toc-item{cursor:pointer}.toc-item:hover{text-decoration:underline}@media screen and (max-width:1100px){.nav-reading-mode{display:flex;gap:8px;justify-content:end;width:98%}.bottom-nav.nav-dict{display:none;margin-left:0}:root:has(#reading-mode-switch:checked) .bottom-nav.nav-textarea{display:none}:root:has(#reading-mode-switch:checked) .bottom-nav.nav-dict{display:flex}.toggle-switch#reading-mode-switch{box-shadow:var(--shadow-navbar-medium);display:flex}}.cascading-item,.cascading-trigger{align-items:center;background:#0000;border:none;color:var(--navbar-text-clr);cursor:pointer;display:flex;font:inherit;gap:.6rem;padding:8px 15px;text-align:left;text-shadow:0 0 10px var(--accent-clr-2);width:100%}.cascading-item p,.cascading-trigger p{margin:0}.cascading-arrow{height:18px;margin-left:auto;opacity:.7;transition:transform .15s ease;width:18px}.cascading-arrow *{stroke:var(--navbar-text-clr);fill:var(--navbar-text-clr)}.cascading-trigger.is-open .cascading-arrow{transform:rotate(90deg)}.dropdown.cascading-panel{animation:cascading-fade-in-right .15s ease-out;color:var(--navbar-text-clr);min-width:220px;position:fixed;z-index:1100}.dropdown.cascading-panel.cascading-panel-left{animation-name:cascading-fade-in-left}.dropdown.cascading-panel .icon *{stroke:var(--navbar-text-clr);fill:var(--navbar-text-clr);stroke-width:.2px}@keyframes cascading-fade-in-right{0%{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:translateX(0)}}@keyframes cascading-fade-in-left{0%{opacity:0;transform:translateX(6px)}to{opacity:1;transform:translateX(0)}}.loader{animation:rotation 1s ease-in infinite;border-radius:50%;border-style:dashed;border-bottom:2px dashed var(--text-clr);border-left:2px solid var(--text-clr);border-right:2px solid var(--text-clr);border-top:2px dashed var(--text-clr);box-sizing:border-box;display:inline-block;height:48px;position:relative;width:48px}.loading-container{align-items:center;display:flex;justify-content:center;min-height:6rem}.page-container.loading-container{height:70vh}.loader:after{border:2px solid var(--accent-clr);border-radius:50%;box-sizing:border-box;content:"";height:12px;left:4px;position:absolute;top:4px;width:12px}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.temporary-message-container{bottom:80px;max-width:400px;pointer-events:none;position:absolute;width:90%;z-index:1000}.folder-button{background-color:red;border:3px solid #000;border-radius:12px;min-height:200px;min-width:200px}.custom-voc-list{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;max-width:100%;z-index:0}.custom-voc-list-item{border:1px solid var(--text-clr);border-radius:var(--_br);box-shadow:var(--shadow-elevation-low);cursor:pointer;flex-grow:1;max-width:calc(100% - 1.5rem);padding:.5rem;transition:transform .2s;-webkit-user-select:none;user-select:none;z-index:1}.custom-voc-list-item:focus,.custom-voc-list-item:hover{border:1px solid var(--accent-clr);box-shadow:var(--shadow-elevation-medium);transform:scale(1.05)}.custom-voc-info{margin:.3rem}.custom-voc-info p{font-weight:200}.custom-voc-info p:first-child{font-weight:600}.custom-voc-info .access-modifier{font-family:Montserrat Alternates,sans-serif;font-size:.75rem}.close-button{--br:12px;background-color:red;border:1px solid #000;border-radius:var(--br);height:var(--br);width:var(--br)}.popup-container{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000038;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}.popup{--_p:24px;background-color:var(--primary-clr);border:1px solid var(--text-clr);border-radius:24px;color:var(--text-clr);margin-bottom:20px;max-height:calc(100vh - var(--_navbars-margin-top-desktop) - var(--_p)*2);max-width:min(35rem,calc(90vw - var(--_p)*2));min-height:15rem;overflow-x:hidden;overflow-y:auto;padding:var(--_p);position:fixed;top:var(--_navbars-margin-top-desktop)}@media screen and (max-width:1100px){.popup{--_p:12px;min-height:0;top:var(--_navbars-margin-top-mobile)}}.popup-close-button{position:absolute;right:19px;top:19px}@layer base{label{font-family:Montserrat Alternates,sans-serif;font-size:.75rem;padding:0 calc(.75rem + 2px)}.text-input{background-color:var(--primary-clr-2);border:2px solid var(--accent-clr);border-radius:1000px;color:var(--text-clr);font-size:1rem;height:2rem;max-width:600px;min-width:15rem;padding:0 .75rem}.text-input:disabled{background-color:hsl(from var(--primary-clr-2) h s l/.33);background-image:linear-gradient(-45deg,var(--primary-clr-2) 25%,#0000 25%,#0000 35%,var(--primary-clr-2) 35%,var(--primary-clr-2) 37%,#0000 37%,#0000 40%,var(--primary-clr-2) 40%,var(--primary-clr-2) 75%,#0000 75%,#0000);border:2px solid var(--accent-clr);box-shadow:inset 0 4px 6px var(--primary-clr),inset 0 -4px 6px 2px var(--accent-clr-3);color:hsl(from var(--text-clr) h s l/.33)}.textarea-input{background-color:var(--primary-clr-2);border:2px solid var(--accent-clr);border-radius:var(--_br);color:var(--text-clr);font-size:1rem;max-width:50rem;min-height:6rem;min-width:15rem;overflow-x:hidden;overflow-y:scroll;padding:8px .75rem;resize:none}.custom-select{height:2rem;max-width:600px;min-width:15rem;position:relative}.custom-select select{-webkit-appearance:none;appearance:none;background-color:var(--primary-clr-2);border:2px solid var(--accent-clr);border-radius:100px;color:var(--text-clr);cursor:pointer;font-size:1rem;height:2rem;padding:0 .75rem;width:100%}.custom-select .icon{position:absolute;right:16px;top:.5rem}.form-container{display:flex;flex-direction:column;gap:.5rem}input[type=checkbox]{align-items:center;-webkit-appearance:none;appearance:none;aspect-ratio:1;background-color:var(--primary-clr);border:1px solid var(--text-clr);border-radius:.3rem;cursor:pointer;display:flex;height:1rem;justify-content:center;margin:0;width:1rem}input[type=checkbox]:before{border-radius:.25rem;box-shadow:inset 1rem 1rem var(--accent-clr);content:"";height:calc(1rem - 4px);transform:scale(0);transition:transform .1s ease-in-out;width:calc(1rem - 4px)}input[type=checkbox]:checked:before{transform:scale(1)}}@media screen and (max-width:1100px){.text-input{min-width:0}.custom-select,.textarea-input{max-width:calc(100% - 1.5rem);min-width:0}}.custom-select .icon *{fill:var(--accent-clr);stroke:var(--accent-clr)}.form-container #description,.form-container #vocabulary_name,.form-container .custom-select#access_modifier{width:90%}.temporary-message{word-wrap:break-word;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border:2px solid var(--text-clr);border-radius:1000px;font-size:.75rem;font-weight:500;max-width:300px;padding:12px 16px;text-align:center;transition:opacity .3s ease}.temporary-message.success{background:linear-gradient(to bottom,hsl(from var(--primary-clr-5) h s l/.6),hsl(from var(--primary-clr-6) h s l/.6));border-color:var(--primary-clr-5);color:var(--primary-clr)}.temporary-message.error{background:linear-gradient(180deg,#fde7e799,#ffc2c299);border-color:#fecaca;color:var(--error-clr)}.temporary-message{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.article-subtitle,.article-title{text-align:justify}.bottom-nav-cont.nav-messaging{bottom:10px;display:flex;max-height:30%;position:fixed;width:100vw;z-index:1000}.nav-messaging .message-form{bottom:0}.nav-messaging .bottom-nav,.nav-messaging .message-form{align-items:center;display:flex;justify-content:center;position:absolute}.nav-messaging .bottom-nav{bottom:8px}.message-textarea{background-color:var(--primary-clr);border:2px solid #000;border-radius:var(--_br);bottom:0;box-shadow:0 0 20px 10px var(--primary-clr-sh);color:var(--text-clr);font-family:Helvetica,Arial,sans-serif;font-size:1rem;height:100px;max-width:50rem;overflow-x:hidden;overflow-y:scroll;padding:8px 8px 75px;position:absolute;resize:none;scroll-padding-bottom:75px;width:550px;word-spacing:.05rem}@media (max-width:610px){.message-textarea{width:85vw}}.login-container{border:2px solid var(--text-clr);border-radius:var(--_br);justify-content:center;margin-bottom:3rem;max-width:calc(95% - 2rem);min-width:60vw;padding:1rem}.login-container .text-input{margin-bottom:12px;max-width:90%;min-width:8rem}.scroll-container{bottom:0;display:flex;flex-direction:column;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:-10000}.scroll-content{animation:scroll 20s linear infinite;background:linear-gradient(90deg in hsl longer hue,red,red);background-clip:text;-webkit-background-clip:text;background-size:5000%;color:#0000;margin:.2rem 0;white-space:nowrap;z-index:-10000}.scroll-content span{font-size:3rem;padding-right:1rem;z-index:-10000}@keyframes scroll{0%{background-position:100% 0}to{background-position:0 0}}.username-status{align-items:center;display:flex;font-size:.74rem;gap:8px;justify-content:center;margin-top:4px}.username-status .status-message{margin:0}.h52{height:52px}.w125{width:125px}.w250{width:250px}.success-icon{color:var(--accent-clr)}.error-icon{color:var(--error-clr)}.text-center{text-align:center}.text-end{text-align:end}.card{border:2px solid var(--text-clr);border-radius:var(--_br);box-shadow:var(--shadow-elevation-low);padding:var(--_br)}.card-hover:hover{box-shadow:var(--shadow-elevation-medium);transition:box-shadow .2s ease-in-out}a.card{color:inherit;text-decoration:none}a.card:hover h1,a.card:hover h2,a.card:hover h3,a.card:hover h4,a.card:hover h5,a.card:hover h6{text-decoration:underline}@media (min-width:768px){.card{padding:1.5rem}}.bold{font-weight:800}.light{font-weight:200}.heavy{font-weight:600}.black{font-weight:900}.font-size075{font-size:.75rem}.flex-row{flex-direction:row;flex-wrap:wrap}.flex-column,.flex-row{align-items:center;display:flex;gap:.5rem;justify-content:center}.flex-column{flex-direction:column}.no-margin{margin:0!important}.margin-bottom-0{margin-bottom:0!important}.margin-bottom{margin-bottom:1rem}.margin-bottom-3{margin-bottom:3rem}.margin-bottom-05{margin-bottom:.5rem}.margin-top{margin-top:1rem}.margin-top-05{margin-top:.5rem}.margin-top-3{margin-top:3rem}.margin-bottom-100{margin-bottom:100px}.error{color:var(--error-clr)}.margin-top-100{margin-top:100px}.margin-left{margin-left:1rem}.margin-left-05{margin-left:.5rem}.align-items-end{align-items:end}.display-block{display:block}.font-small{font-size:.9rem}.grid-table{grid-gap:4px;display:grid;font-size:.75rem;gap:4px;grid-template-columns:2rem 1fr 9ch 20ch 10ch 9ch;max-width:100%;overflow-x:auto;position:relative}.grid-header{display:contents}.grid-header-cell{background-color:var(--navbar-clr);border:1px solid var(--text-clr);border-radius:16px;color:var(--navbar-text-clr);font-weight:700;padding:.5rem;position:sticky;text-align:left;top:0;-webkit-user-select:none;user-select:none;z-index:10}.grid-header-cell.table-checkbox{align-items:center;display:flex;justify-content:center}.grid-row{display:contents}.grid-cell{background-color:var(--bg-clr);border:1px solid var(--text-clr);border-radius:16px;cursor:pointer;padding:.5rem;-webkit-user-select:none;user-select:none;z-index:0}.grid-cell.without-border{border:none}.grid-cell.no-padding{padding:0}.grid-cell.table-checkbox{align-items:center;display:flex;justify-content:center}.grid-row:hover .grid-cell{background-color:var(--accent-clr);color:var(--navbar-text-clr)}.table-container{height:500px;max-width:100%;overflow-x:auto;overflow-y:auto;position:relative}th{background-color:var(--navbar-clr);color:var(--navbar-text-clr);font-weight:700;text-align:left;z-index:10}.th-sticky{position:sticky;top:0}table{border-collapse:initial;border-spacing:4px 8px;position:relative}thead th.table-checkbox{width:1rem}td,th{border:1px solid var(--text-clr);border-radius:16px;padding:.5rem}td.without-border{border:none}td.no-padding{padding:0}td{z-index:0}.tr-hover:hover{background-color:var(--accent-clr);color:var(--navbar-text-clr)}.create-custom-voc-button{margin:1.5rem auto;position:relative;z-index:100}.vocabulary-table{grid-template-columns:2rem 1fr 10ch 10ch 10ch 20ch}.custom-voc-container{grid-gap:2px;background:var(--text-clr);border-radius:var(--_br);display:grid;gap:2px;grid-template-rows:repeat(2,1fr);margin-bottom:2rem;padding:2px}.custom-voc-header{color:var(--primary-clr)}.custom-voc-details{background-color:var(--primary-clr);border-radius:calc(var(--_br) - 2px);padding:8px}label{display:flex}.choice-chips{align-items:center;background-color:var(--primary-clr-2);border-radius:1000px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:2px;width:fit-content}.chip{border:1px solid var(--accent-clr-2);border-radius:16px;cursor:pointer;font-size:14px;padding:8px 16px;text-transform:capitalize;transition:all .2s ease}.chip:focus-visible,.chip:hover{background-color:var(--accent-clr-2)}.chip.selected{background-color:var(--accent-clr-2);border-color:var(--accent-clr-2);color:var(--primary-clr)}.pagination{gap:16px;padding:16px}.slider-wrapper{align-items:center;display:flex;gap:8px;justify-content:center;position:relative;width:100%}.slider-container{background-color:var(--primary-clr);border:1px solid var(--text-clr);border-radius:1000px;box-shadow:inset 0 0 2px 3px var(--primary-clr-sh);cursor:pointer;height:24px;margin-bottom:10px;margin-top:10px;position:relative;touch-action:none;-webkit-user-select:none;user-select:none;width:200px;width:90%}.slider-thumb{background-color:var(--accent-clr);border-radius:1000px;box-shadow:0 2px 4px #0003;cursor:grab;height:24px;min-width:30px;position:absolute;transition:background-color .2s ease}.slider-thumb:active,.slider-thumb:hover{background-color:var(--accent-clr-2)}.slider-thumb:active{cursor:grabbing;transform:scale(1.1)}.page-indicator{color:#666;font-size:12px;left:50%;position:absolute;top:-30px;transform:translateX(-50%);white-space:nowrap}footer.large-footer{--_br-2:24px;background:linear-gradient(to right,var(--text-clr),var(--accent-clr));border-radius:var(--_br-2);color:var(--primary-clr);margin:4rem auto 0;max-width:1000px;padding:2rem .5rem;position:relative;z-index:1}footer.large-footer:before{--_c1:hsl(from var(--text-clr) h s l/0.2);--_c2:hsl(from var(--text-clr) h s l/0.6);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:linear-gradient(to right,var(--_c1),var(--_c2));border-radius:var(--_br-2);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:2}.footer-logo{bottom:0;height:100%;max-height:1000px;position:absolute;top:0;width:100%;z-index:1}footer.large-footer:before *{z-index:3}footer.large-footer.logo{bottom:0;height:100%;max-height:1000px;max-width:1000px;position:absolute;top:0;width:100%;z-index:1}footer.large-footer.logo *{fill:var(--primary-clr);stroke-width:0;stroke:var(--text-clr)}.footer-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr;position:relative;text-align:center;text-shadow:0 0 5px var(--text-clr);z-index:10}@media (min-width:768px){.footer-grid{grid-template-columns:repeat(3,1fr)}}.footer-section{display:flex;flex-direction:column;gap:1rem}.footer-section h4{font-weight:600;margin:0}.footer-section p{color:var(--primary-clr);line-height:1.5;margin:0}.footer-buttons,.footer-links{display:flex;gap:.5rem}.footer-links{flex-direction:column}.footer-links p{cursor:pointer;font-size:.875rem;transition:color .2s ease}.footer-links p:hover{color:var(--accent-clr)}.footer-bottom{margin-top:2rem;padding-top:2rem;position:relative;text-align:center;z-index:10}.landing-container{.hero-features{display:flex;flex-wrap:wrap;font-size:.75rem;gap:1rem;padding-top:1rem}.hero-feature{align-items:center;color:var(--primary-clr-6);display:flex;gap:.5rem}.hero-feature svg{color:var(--accent-clr);flex-shrink:0}.problem-section{padding:5rem 0}.problem-content{margin:0 auto;max-width:64rem;text-align:center}.problems-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr;margin-top:3rem}@media (min-width:768px){.problems-grid{grid-template-columns:repeat(3,1fr)}}.problem-item{display:flex;flex-direction:column;gap:.75rem;text-align:center}.problem-icon{align-items:center;background-color:hsl(from red h s l/.1);border-radius:.75rem;display:flex;height:3rem;justify-content:center;margin:0 auto;width:3rem}.emoji{font-size:1.5rem}.problem-item h4{font-size:1.125rem;font-weight:600;margin:0}.problem-item p{color:var(--primary-clr-6);margin:0}.solution-section{background-color:hsl(from var(--primary-clr-2) h s l/.3);padding:5rem 0}.section-header{margin-bottom:4rem;margin-left:auto;margin-right:auto;max-width:48rem;text-align:center}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr;margin-bottom:3rem}@media (min-width:1024px){.features-grid{grid-template-columns:repeat(3,1fr)}}.solution-card{border:2px solid var(--primary-clr-3)}.stats-section{background-color:hsl(from var(--primary-clr) h s l);padding:4rem 0}.stats-content{text-align:center}.stats-header{margin-bottom:3rem}.rating{align-items:center;display:flex;gap:.5rem;justify-content:center}.stars{display:flex;gap:.25rem}.stars svg{color:#fbbf24}.rating-text{color:var(--primary-clr-6)}.stats-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(1,1fr)}@media (min-width:1024px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-item{display:flex;flex-direction:column;gap:.5rem;text-align:center}.stat-number{color:var(--accent-clr);font-size:3rem;font-weight:700}@media (min-width:1024px){.stat-number{font-size:3.75rem}}.stat-label{color:var(--primary-clr-6);margin:0}.testimonials-section{padding:5rem 0}.testimonials-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr}@media (min-width:1024px){.testimonials-grid{grid-template-columns:repeat(3,1fr)}}.testimonial-card{position:relative}.testimonial-profile{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.testimonial-avatar{border-radius:50%;height:3rem;object-fit:cover;width:3rem}.testimonial-avatar-placeholder{align-items:center;background-color:hsl(from var(--accent-clr) h s l/.1);border-radius:500px;display:flex;font-size:1.25rem;height:3rem;justify-content:center;width:3rem}.testimonial-info h4{font-size:1rem;font-weight:600;margin:0}.testimonial-info p{color:var(--primary-clr-6);font-size:.875rem;margin:0}.testimonial-rating{display:flex;gap:.25rem;margin-bottom:1rem}.testimonial-rating svg{color:#fbbf24}.comparison-section{background-color:hsl(from var(--primary-clr-2) h s l/.3);padding:5rem 0}.comparison-table{overflow-x:auto}.comparison-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr repeat(4,200px);min-width:800px}.comparison-features{display:flex;flex-direction:column}.comparison-header-spacer{height:4rem;margin-bottom:2rem}.comparison-grid .feature-list{display:flex;flex-direction:column;font-size:.75rem;gap:1rem}@media (max-width:1200px){.comparison-grid .feature-list{gap:2rem}}.comparison-features .feature-list p{align-items:center;color:var(--primary-clr-6);display:flex;height:1.5rem;margin:0}.comparison-column{display:flex;flex-direction:column;text-align:center}.comparison-header{align-items:center;display:flex;height:4rem;justify-content:center;margin-bottom:2rem}.vakame-badge{background-color:var(--accent-clr);border-radius:.5rem;color:var(--primary-clr);font-weight:600;padding:.5rem 1rem}.comparison-column h4{color:var(--primary-clr-6);margin:0}.comparison-column .feature-list svg{height:1.5rem;margin:0 auto;width:1.5rem}.comparison-column .feature-list svg:not(.partial){color:var(--accent-clr)}.comparison-column .feature-list svg.partial{color:var(--primary-clr-6);opacity:.5}.comparison-cta{margin-top:2rem;text-align:center}.community-section{padding:5rem 0}.community-grid{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:1fr}@media (min-width:1024px){.community-grid{grid-template-columns:1fr 1fr}}.community-content{display:flex;flex-direction:column;gap:1.5rem}.community-badge{width:fit-content}.community-features{display:flex;flex-direction:column;gap:1rem}.community-feature{align-items:center;display:flex;gap:.75rem}.community-feature svg{color:var(--accent-clr);flex-shrink:0}.community-highlight{background-color:hsl(from var(--primary-clr) h s l);border:1px solid var(--primary-clr-3);border-radius:.75rem;padding:1.5rem}.highlight-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.highlight-icon{align-items:center;background-color:hsl(from var(--accent-clr) h s l/.1);border-radius:50%;display:flex;height:2.5rem;justify-content:center;width:2.5rem}.highlight-icon svg{color:var(--accent-clr)}.highlight-info h4{font-size:1rem;font-weight:600;margin:0}.highlight-info p{font-size:.875rem}.highlight-info p,.highlight-quote{color:var(--primary-clr-6);margin:0}.highlight-quote{font-style:italic}.community-btn{align-self:flex-start}.final-cta-section{background-color:var(--accent-clr);color:var(--primary-clr);padding:5rem 0}.final-cta-content{margin:0 auto;max-width:64rem;text-align:center}.final-cta-content .description{color:var(--primary-clr-2)}.final-cta-features{align-items:center;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;opacity:.8}.final-feature{align-items:center;display:flex;gap:.5rem}.final-feature svg{flex-shrink:0}}.about-us-container,.landing-container{font-size:20px;margin-bottom:200px;min-height:100vh;padding-top:1rem;@media (min-width:1024px){font-size:24px}.container{margin:0 auto;max-width:1200px;padding:0 1.5rem}section{padding:4rem 0;position:relative}@media (min-width:1024px){section{border-radius:24px;margin:1rem}}.hero-section{background:linear-gradient(135deg,hsl(from var(--primary-clr-2) h s l) 0,hsl(from var(--primary-clr-4) h s l/.4) 100%)}.hero-grid{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:1fr}@media (min-width:1024px){.hero-grid{grid-template-columns:1fr 1fr}}.hero-content{display:flex;flex-direction:column;gap:1.5rem}.hero-title{font-size:2.5rem;font-weight:700;letter-spacing:-.025em;line-height:1.2}@media (min-width:1024px){.hero-title{font-size:3rem}}.hero-title .accent{color:var(--accent-clr)}img{border-radius:24px;max-height:320px;object-fit:cover;position:relative;width:100%}@media (min-width:1024px){img{max-height:22rem}}.title{font-size:1.875rem;font-weight:700;margin-bottom:1.5rem}@media (min-width:1024px){.title{font-size:2.25rem}}.description{color:var(--primary-clr-6);line-height:1.6}.badge{align-items:center;border:1px solid #0000;border-radius:.375rem;display:inline-flex;font-size:.75rem;font-weight:500;gap:.25rem;justify-content:center;padding:.125rem .5rem;transition:background-color .2s,color .2s;white-space:nowrap}.badge svg{height:.75rem;width:.75rem}.badge-secondary{background-color:var(--primary-clr-2);border-radius:1000px;color:var(--primary-clr-7)}.badge-outline,.badge-secondary{border-color:var(--primary-clr-3)}.badge-outline{background-color:initial}.badge-container{display:flex;flex-wrap:wrap;gap:.75rem}.feature-badge{align-items:center;display:inline-flex}.card{background-color:hsl(from var(--primary-clr-2) h s l/.5);border:1px solid var(--primary-clr-3);border-radius:.75rem;display:flex;flex-direction:column;gap:1.5rem;overflow:hidden;position:relative;transition:border-color .3s ease}.card:hover{border-color:hsl(from var(--accent-clr) h s l/.3)}.card-header{grid-gap:.75rem;display:grid;gap:.75rem;padding:1.5rem}.card-title{font-size:1.25rem;font-weight:600;line-height:1.2;margin:0}.card-description{color:var(--primary-clr-6);line-height:1.5;margin:0}.card-content{padding:0 1.5rem 1.5rem}.icon-container{align-items:center;background-color:hsl(from var(--accent-clr) h s l/.1);border-radius:.75rem;display:flex;height:3rem;justify-content:center;margin-bottom:1rem;width:3rem}.icon-container svg{color:var(--accent-clr);height:1.5rem;width:1.5rem}.flex-row{align-items:center;display:flex;justify-content:center}.section-header{margin-bottom:4rem;margin-left:auto;margin-right:auto;max-width:48rem;text-align:center}.large-button.margin{margin-bottom:2rem;margin-top:2rem}}.profile-avatar{height:auto;width:90%}.avatar-container,.profile-avatar{align-items:center;display:flex;justify-content:center}.profile-avatar-small{aspect-ratio:1;border:1px solid var(--text-clr);border-radius:50%;margin-right:12px;max-width:50px}.public-info-flex{display:grid;grid-template-columns:200px 1fr}h2.capitalize{all:unset;font-weight:700;text-transform:capitalize}.profile-container{grid-gap:2px;background:var(--text-clr);border-radius:var(--_br);display:grid;gap:2px;grid-template-columns:repeat(3,1fr);margin-bottom:2rem;padding:2px}.profile-details{background:var(--primary-clr);border-radius:calc(var(--_br) - 2px);grid-column:span 2;grid-row:span 1;padding:12px;z-index:10}.profile-details .bio{font-size:.75rem;margin:1rem auto}.profile-followers{display:flex;flex-wrap:wrap;gap:1rem;margin:1rem 0}.profile-stats{background:var(--text-clr);border-radius:var(--_br);margin-bottom:2rem;padding:2px}.profile-stats .header{background:var(--primary-clr);border-radius:calc(var(--_br) - 2px);display:grid;flex-wrap:wrap;grid-template-columns:repeat(3,1fr);margin-bottom:2px}.profile-stats .header h2{grid-column:2/span 1}.profile-stats .header .show-more-btn{align-self:center;grid-column:3/span 1;justify-self:center;margin:12px auto}.collapsible{background:var(--primary-clr);border-radius:calc(var(--_br) - 2px);max-height:300px;overflow:hidden;padding:8px;position:relative}.collapsible.expanded{max-height:100%}.show-more-btn{height:2rem;width:8rem}.two-layer-div{--_br2:calc(var(--_br) - 2px);background:var(--text-clr);border:2px solid var(--text-clr);border-radius:var(--_br);margin-bottom:2rem;overflow:hidden}.two-layer-div-header{border-radius:var(--_br2);color:var(--primary-clr);overflow:hidden;padding:.5rem}.two-layer-div-body{background:var(--primary-clr);border-radius:var(--_br2);overflow:hidden}.profile-nav-section{padding:12px}.profile-nav-section>div{align-items:center;display:flex;flex-direction:column;gap:8px;margin-bottom:12px}@media (max-width:1100px){.profile-container{grid-template-columns:repeat(1,1fr)}.profile-details{grid-column:span 1;order:1}.profile-stats .header{grid-template-columns:repeat(1,1fr)}.profile-stats .header h2{grid-column:span 1;margin-bottom:12px}.profile-stats .header .show-more-btn{grid-column:span 1}}.learning-stats{grid-gap:12px;display:grid;gap:12px;grid-auto-rows:150px;grid-template-columns:repeat(3,1fr)}.learning-stats .metric{background:var(--text-clr);border:1px solid var(--text-clr);border-radius:var(--_br);color:var(--primary-clr)}.accuracy-all,.accuracy-today{align-items:center;display:flex;grid-column:span 2;grid-row:span 1;justify-content:center}.spells-today{grid-column:span 1;grid-row:span 2}.best-streak-ever{grid-column:span 1;grid-row:span 1}.activity-calendar-metric{grid-column:span 1;grid-row:span 2}.activity-chart{grid-column:span 3;grid-row:span 3}.activity-chart.metric{background:var(--primary-clr)}.days-in-a-row{grid-column:span 2;grid-row:span 2}.metric:not(.accuracy-today,.accuracy-all){align-items:center;display:flex;flex-direction:column-reverse;justify-content:center}.metric-name{font-size:.9rem}.accuracy-all .metric-name,.accuracy-today .metric-name{font-size:1.5rem}.metric-value{align-content:center;flex-grow:1;font-size:2.5rem;text-align:center}.activity-calendar-metric .activity-heatmap-container{align-content:center;flex-grow:1;justify-items:center}.chart-container{border:1px solid var(--text-clr);border-radius:var(--_br);margin:20px 0;padding:15px}.activity-stats-container h2{margin-bottom:20px;text-align:center}.chart-container h3{margin-bottom:15px}@media (max-width:1100px){.learning-stats{gap:4px;grid-template-columns:repeat(2,1fr)}}.stats-preview-item{background:var(--primary-clr-2);box-shadow:var(--shadow-elevation-medium);min-height:130px;position:relative}.stats-preview-item .metric-value.black{font-weight:900;text-shadow:0 0 8px var(--primary-clr);z-index:2}.strike-image{bottom:0;height:130px;position:absolute;right:0;z-index:1}.activity-heatmap-container{border-radius:var(--_br)}.activity-calendar{display:flex;margin-top:1rem}.day-labels{display:flex;flex-direction:column;margin-right:8px}.day-label{align-items:center;display:flex;font-size:10px;height:12px;justify-content:flex-end;margin-bottom:3px;width:30px}.calendar-grid{grid-gap:3px;display:grid;gap:3px;grid-auto-flow:column;grid-template-columns:repeat(16,12px);grid-template-rows:repeat(7,12px)}.calendar-day{border-radius:2px;cursor:pointer;height:12px;width:12px}.activity-level-0{background-color:var(--text-clr)}.activity-level-1{background-color:#216e39}.activity-level-2{background-color:#30a14e}.activity-level-3{background-color:#40c463}.activity-level-4{background-color:#9be9a8}.stats-preview-item{.activity-level-0{background-color:var(--primary-clr)}.activity-level-1{background-color:#9be9a8}.activity-level-2{background-color:#40c463}.activity-level-3{background-color:#30a14e}.activity-level-4{background-color:#216e39}}.month-0{border:1px solid #e67e22}.month-1{border:1px solid #9b59b6}.month-2{border:1px solid #2ecc71}.month-3{border:1px solid #3498db}.month-4{border:1px solid #f1c40f}.month-5{border:1px solid #e74c3c}.month-6{border:1px solid #1abc9c}.month-7{border:1px solid #34495e}.month-8{border:1px solid #d35400}.month-9{border:1px solid #8e44ad}.month-10{border:1px solid #27ae60}.month-11{border:1px solid #2980b9}.activity-legend{align-items:center;display:flex;font-size:12px;gap:4px;justify-content:center;margin-top:.5rem}.legend-item{margin:0 6px}.activity-day{border-radius:2px;display:inline-block;height:12px;width:12px}.onboarding-tasks{padding:12px 12px 2rem}.task-item{border:1px solid var(--text-clr);border-radius:var(--_br);display:grid;grid-template-columns:64px 1fr;margin:12px auto;max-width:25rem;padding:12px}.onboarding .task-checkbox{margin:auto}.task-item.completed{background:var(--primary-clr-2);color:var(--text-clr)}.task-item.active{animation:gradientBG 15s ease infinite;background:linear-gradient(135deg,var(--primary-clr),#c9efe8,var(--primary-clr));background-size:200% 200%;color:var(--text-clr);position:relative}@keyframes gradientBG{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.onboarding .congratulations{align-items:center;animation:gradientBG 15s ease infinite;background:linear-gradient(135deg,var(--primary-clr),#c9efe8,var(--primary-clr));background-size:200% 200%;border:1px solid var(--text-clr);border-radius:var(--_br);color:var(--text-clr);display:flex;flex-direction:column;justify-content:center;margin:12px auto;max-width:25rem;padding:12px 12px 2rem;position:relative}.onboarding .congratulations h2,.onboarding .congratulations>p{margin-bottom:.5rem}.home-articles-section{margin-bottom:2.5rem}.home-articles-header{background:radial-gradient(circle at top left,hsl(from var(--accent-clr-2) h s calc(l + 8)/.5),#0000 36%),linear-gradient(135deg,var(--text-clr),hsl(from var(--text-clr) h s calc(l + 8)))}.home-articles-body{padding:14px}.home-articles-list{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,minmax(0,1fr))}.home-articles-list>.card{display:flex;flex-direction:column;justify-content:space-between;margin-top:0!important;overflow:hidden;padding:1rem;position:relative;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.home-articles-list>.card:after{background:hsl(from var(--accent-clr-2) h s l/.12);border-radius:999px;content:"";height:7rem;inset:auto -2rem -2rem auto;pointer-events:none;position:absolute;width:7rem}.home-articles-list>.card:focus-visible,.home-articles-list>.card:hover{border-color:hsl(from var(--accent-clr) h s calc(l - 6));transform:translateY(-3px)}.home-articles-list>.card:first-child{grid-column:1/-1;justify-content:flex-start}.home-articles-list .article-title{line-height:1.12;margin-right:2rem;text-align:left}.home-articles-list .article-subtitle{-webkit-line-clamp:4;-webkit-box-orient:vertical;color:hsl(from var(--text-clr) h s calc(l + 8));display:-webkit-box;opacity:.88;overflow:hidden;text-align:left}.home-articles-eyebrow{font-size:.65rem;letter-spacing:.18em;margin-bottom:.35rem;opacity:.72;text-align:center;text-transform:uppercase}@media (max-width:640px){.home-articles-section{margin-bottom:2rem;padding-bottom:.85rem}.home-articles-list{grid-template-columns:1fr}}.books-grid{grid-column-gap:1.5rem;grid-row-gap:5rem;border-radius:var(--_br);column-gap:1.5rem;display:grid;grid-template-columns:repeat(2,1fr);row-gap:5rem;.book-name{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.book-tag{background-color:hsl(from var(--primary-clr) h s l/.6);border:1px solid var(--accent-clr);border-radius:1000px;color:var(--accent-clr-2);font-size:.75rem;margin:4px;padding:4px 8px}}.book-preview-wrapper{animation:book-enter .52s ease both;display:block;min-width:0;perspective:1200px;position:relative;transform-style:preserve-3d;width:100%}.book-bookmark-tail{--_ribbon-main:var(--primary-clr-4);--_ribbon-hi:hsl(from var(--_ribbon-main) h calc(s + 4) calc(l + 6));--_ribbon-lo:hsl(from var(--_ribbon-main) h s calc(l - 8));--_wave-crest:82%;background:linear-gradient(to bottom,var(--_ribbon-hi),var(--_ribbon-main) 48%,var(--_ribbon-lo));border-inline:1px solid hsl(from var(--_ribbon-main) h s calc(l - 12)/.35);border-radius:0 0 12px 12px;box-shadow:0 8px 12px -10px hsl(0 0 0/.45),inset 0 1px 0 hsl(0 0 100/.18);clip-path:polygon(0 0,100% 0,100% var(--_wave-crest),92% 100%,84% var(--_wave-crest),76% 100%,68% var(--_wave-crest),60% 100%,52% var(--_wave-crest),44% 100%,36% var(--_wave-crest),28% 100%,20% var(--_wave-crest),12% 100%,0 var(--_wave-crest));height:54px;left:calc(13% + 18px);pointer-events:none;position:absolute;top:calc(100% - 4px);transform-origin:top center;transition:transform .22s ease,opacity .18s ease;width:clamp(64px,18%,96px);z-index:0;&:before{background:linear-gradient(90deg,hsl(0 0 100/.14),hsl(0 0 100/0) 24%,hsl(0 0 0/.12));content:"";inset:0;mix-blend-mode:soft-light;position:absolute}}.book-bookmark-tail .book-bookmark-label{color:var(--primary-clr);font-size:clamp(.58rem,1.05vw,.72rem);font-weight:600;left:8px;letter-spacing:.03em;line-height:1;position:absolute;right:8px;text-align:center;text-shadow:none;text-transform:uppercase;top:12px;z-index:1}.book-bookmark-tail.is-reading{--_ribbon-main:var(--primary-clr-4)}.book-bookmark-tail.is-finished{--_ribbon-main:var(--primary-clr-5)}.book-bookmark-tail.is-hidden{opacity:0;transform:translateY(-6px) scaleY(.7)}.book-card{--_book-root-size:13%;aspect-ratio:3/4;background-color:var(--text-clr);border-radius:4px calc(var(--_br)*3) calc(var(--_br)*3) 4px;box-shadow:0 8.5px 8.3px -2.4px hsl(0 0 0/.37),0 30px 30px -3.6px hsl(0 0 0/.27);cursor:pointer;display:grid;grid-template-columns:var(--_book-root-size) 1fr;min-height:220px;overflow:hidden;position:relative;transform-style:preserve-3d;transition:transform .28s cubic-bezier(.22,.61,.36,1),box-shadow .28s ease,border-radius .28s ease;width:100%;z-index:1;.book-root{background:linear-gradient(to right,hsl(from var(--accent-clr-2) h s calc(l + 10)) 0,hsl(from var(--accent-clr-2) h s calc(l + 10)) 10%,var(--accent-clr-2) 10%,var(--accent-clr-2) 10%,var(--accent-clr-2) 40%,hsl(from var(--accent-clr-2) h s calc(l - 10)) 40%,hsl(from var(--accent-clr-2) h s calc(l - 10)) 50%,hsl(from var(--accent-clr-2) h s calc(l - 5)) 55%,hsl(from var(--accent-clr-2) h s calc(l - 5)) 75%,hsl(from var(--accent-clr-2) h s calc(l + 5)) 80%,hsl(from var(--accent-clr-2) h s calc(l + 5)) 90%,var(--accent-clr-2) 90%,var(--accent-clr-2) 100%)}&:before{background:linear-gradient(115deg,hsl(0 0 100/0) 10%,hsl(0 0 100/.35) 42%,hsl(0 0 100/.12) 50%,hsl(0 0 100/0) 60%);border-radius:0 calc(var(--_br)*3 - 8px) calc(var(--_br)*3 - 8px) 0;content:"";inset:8px 8px 8px var(--_book-root-size);opacity:0;pointer-events:none;position:absolute;transform:translateX(-120%);transition:opacity .22s ease;z-index:3}}.book-thickness{--_book-root-size:13%;--_parallax-shift:60px;--_h:100%;animation-timeline:view();animation-range-start:0;animation-range-end:90%;animation:parallax linear forwards;background-color:hsl(from var(--text-clr) h calc(s - 25) calc(l - 20));border-radius:4px calc(var(--_br)*3) calc(var(--_br)*3) 4px;bottom:30px;box-shadow:var(--shadow-elevation-low);display:grid;grid-template-columns:var(--_book-root-size) 1fr;height:var(--_h);left:0;overflow:hidden;position:absolute;right:0;transition:transform .28s cubic-bezier(.22,.61,.36,1),box-shadow .28s ease;z-index:-1;&:before{animation:paper-grain 2.2s linear infinite;background-color:#e9e8d9;background-image:linear-gradient(90deg,#e7e4da 0,#dfdccd),repeating-linear-gradient(180deg,#e2dfd58c 0,#e2dfd58c 2px,#cfcbbfb3 3px,#cfcbbfb3 4px);border-radius:0 calc(var(--_br)*3 - 8px) calc(var(--_br)*3 - 8px) 0;bottom:8px;content:"";left:12px;position:absolute;right:8px;top:8px}.book-root{background:linear-gradient(to right,hsl(from var(--accent-clr-2) h s calc(l + 2)) 0,hsl(from var(--accent-clr-2) h s calc(l + 2)) 4px,hsl(from var(--accent-clr-2) h calc(s - 5) calc(l - 10)) 4px,hsl(from var(--accent-clr-2) h calc(s - 5) calc(l - 10)) 100%);border-radius:4px 0 0 4px}}@keyframes parallax{to{box-shadow:var(--shadow-elevation-high);transform:translateY(var(--_parallax-shift))}}@keyframes book-enter{0%{opacity:0;transform:translateY(18px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes paper-grain{0%{background-position:0 0,0 0}to{background-position:0 0,0 24px}}@keyframes shimmer-sweep{0%{transform:translateX(-120%)}to{transform:translateX(130%)}}.book-preview-wrapper:hover{.book-card{box-shadow:0 14px 14px -4px hsl(0 0 0/.4),0 44px 36px -10px hsl(0 0 0/.3);transform:rotateY(-8deg) rotateX(1.8deg) translateX(-5px) scale(1.02);&:before{animation:shimmer-sweep .95s ease;opacity:1}}.book-thickness{box-shadow:0 12px 20px -10px hsl(0 0 0/.45)}.book-bookmark-tail{transform:translateY(12px)}.book-bookmark-tail.is-hidden{transform:translateY(-6px) scaleY(.7)}.book-card-overlay{background-color:hsl(from var(--accent-clr-3) h s l/.72);border-color:hsl(0 0 100/.5);transform:translateY(-4px) translateZ(10px)}}.book-card .book-card-cover{object-fit:cover;transition:transform .28s cubic-bezier(.22,.61,.36,1),filter .28s ease;z-index:1}.book-card .book-card-cover,.book-card-cover-placeholder{border-radius:0 calc(var(--_br)*3 - 8px) calc(var(--_br)*3 - 8px) 0;bottom:8px;height:calc(100% - 16px);position:absolute;right:8px;top:8px;width:calc(100% - 16px - var(--_book-root-size))}.book-card-cover-placeholder{align-items:center;background:radial-gradient(circle at 20% 20%,#649ed8b3,#0000 45%),radial-gradient(circle at 80% 70%,#39ac9fa6,#0000 40%),linear-gradient(135deg,#355c82,#242c38);color:#ffffffe6;display:none;font-size:clamp(2.4rem,8vw,4rem);font-weight:700;justify-content:center;z-index:0}.book-card-cover-placeholder[data-visible=true]{display:flex}.book-card .book-card-overlay{align-items:center;-webkit-backdrop-filter:blur(6px) brightness(.8);backdrop-filter:blur(6px) brightness(.8);background-color:hsl(from var(--accent-clr-3) h s l/.65);border:2px solid #ffffff4d;border-radius:calc(var(--_br)*2);bottom:2%;color:var(--primary-clr);display:flex;flex-direction:column;justify-content:center;padding:5% 2%;position:absolute;right:5%;text-align:center;transition:transform .26s ease,background-color .26s ease,border-color .26s ease;width:calc(85% - var(--_book-root-size));z-index:2;h3{-webkit-text-stroke:1px var(--primary-clr);background:no-repeat 50%/200% var(--img);-webkit-background-clip:text;background-clip:text;color:hsl(from var(--primary-clr) h s l/.8);margin-top:0;text-shadow:0 0 4px #0000}}@media (max-width:1100px){.books-grid{.book-tag{font-size:.68rem;margin:3px;padding:3px 7px}}.book-card{border-radius:4px calc(var(--_br)*2.5) calc(var(--_br)*2.5) 4px}}@media (max-width:768px){.books-grid{grid-template-columns:1fr;row-gap:3.5rem}.book-preview-wrapper{margin-inline:auto;max-width:min(560px,100%);width:100%}.book-bookmark-tail{height:46px;left:calc(11% + 14px);width:clamp(68px,19%,90px)}.book-card,.book-thickness{--_book-root-size:11%}.book-thickness{--_parallax-shift:36px;bottom:20px}}@media (hover:none){.book-preview-wrapper:hover .book-card,.book-preview-wrapper:hover .book-card-cover,.book-preview-wrapper:hover .book-card-overlay,.book-preview-wrapper:hover .book-thickness{filter:none;transform:none}.book-card{transition:box-shadow .22s ease}}@media (prefers-reduced-motion:reduce){.book-card,.book-card .book-card-cover,.book-card .book-card-overlay,.book-preview-wrapper,.book-thickness{animation:none!important;transition-duration:0ms!important}}.book-card-overlay:after{inset:0;-webkit-mask:linear-gradient(180deg,#0000 0,rgba(0,0,0,.075) 5%,#00000080 10%,rgba(0,0,0,.925) 15%,#000 20%,#000 80%);mask:linear-gradient(180deg,#0000 0,rgba(0,0,0,.075) 5%,#00000080 10%,rgba(0,0,0,.925) 15%,#000 20%,#000 80%);position:absolute;z-index:-1}.book-card-2{border:2px solid var(--text-clr);border-radius:calc(var(--_br)*3);overflow:hidden;padding-bottom:1rem;position:relative}.book-card-2 .book-card-cover-2{height:auto;object-fit:cover;width:100%}.book-card-overlay-2{margin-top:1rem;padding:0 1rem;text-align:center}.streak-background{bottom:-70%;filter:blur(6px);height:100%;left:0;object-fit:cover;object-position:bottom;position:absolute;transform:scaleY(-1);width:100%;z-index:-1}.streak-background:after{background:#000;bottom:0;content:"";height:1000000px;left:0;position:absolute;right:0;width:100%;z-index:10}.home-books-section{margin-bottom:2.5rem;margin-top:2.5rem}.home-books-header{background:radial-gradient(circle at top left,hsl(from var(--accent-clr-2) h s calc(l + 8)/.5),#0000 36%),linear-gradient(135deg,var(--text-clr),hsl(from var(--text-clr) h s calc(l + 8)))}.home-books-eyebrow{font-size:.65rem;letter-spacing:.18em;margin-bottom:.35rem;opacity:.72;text-align:center;text-transform:uppercase}.home-books-subtitle{margin:0 auto;max-width:26rem}.home-books-body{padding:14px}.home-books-grid{grid-column-gap:1.5rem;grid-row-gap:5rem;column-gap:1.5rem;display:grid;grid-template-columns:repeat(2,1fr);row-gap:5rem}.home-books-actions{margin-top:1rem}.home-books-empty{background:var(--primary-clr)}.home-books-empty p{margin:.75rem auto 0;max-width:24rem}.home-books-feedback{margin-top:.85rem}.home-books-skeleton-grid{grid-column-gap:1.5rem;grid-row-gap:5rem;column-gap:1.5rem;display:grid;grid-template-columns:repeat(2,1fr);row-gap:5rem}.home-book-skeleton{animation:home-books-shimmer 1.5s linear infinite;aspect-ratio:3/4;background:linear-gradient(110deg,hsl(from var(--primary-clr-2) h s calc(l + 4)) 8%,var(--primary-clr-2) 18%,hsl(from var(--primary-clr-2) h s calc(l + 8)) 33%),var(--primary-clr-2);background-size:200% 100%;border-radius:var(--_br)}@keyframes home-books-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:600px){.home-books-grid,.home-books-skeleton-grid{grid-template-columns:1fr;row-gap:3rem}.home-books-section{margin-top:2rem}.home-books-body{padding:10px}}@media (prefers-reduced-motion:reduce){.home-book-skeleton{animation:none}}.flipCard{height:200px;perspective:1000px;width:300px}.flipCard-inner{height:100%;position:relative;transform-style:preserve-3d;transition:transform .5s;width:100%}.flipCard:hover .flipCard-inner{transform:rotateY(180deg)}.flipCard-back,.flipCard-front{backface-visibility:hidden;height:100%;position:absolute;width:100%}.flipCard-front{background-color:#6a2c70;border:10px solid #6a2c70;border-radius:10px;transform:rotateY(0deg)}.flipCard-back,.flipCard-front{align-items:center;color:#fff;display:flex;font-size:24px;justify-content:center}.flipCard-back{background-color:#f08a5d;border:10px solid #f08a5d;border-radius:10px;transform:rotateY(180deg)}.page-container{margin:auto auto 200px;max-width:40rem;padding:12px}.page-container.no-scroll{margin-bottom:auto;overflow:hidden;padding-bottom:200px}.center-column{align-items:center;display:flex;flex-direction:column}:root{--active-2-clr:#c1c7b7;--active-2-clr-2:#969c8d;--active-2-clr-3:#6e7365;--active-2-clr-4:#474d3f;--active-2-clr-5:#2f4858}.keycap-button{background-color:#969c8d;background-color:var(--active-2-clr-2);background:linear-gradient(180deg,#969c8d 6px,#6e7365 calc(var(--_br)),#6e7365 calc(100% - 6px - var(--_br)),#474d3f calc(100% - 12px));background:linear-gradient(180deg,var(--active-2-clr-2) 6px,var(--active-2-clr-3) calc(var(--_br)),var(--active-2-clr-3) calc(100% - 6px - var(--_br)),var(--active-2-clr-4) calc(100% - 12px));border-radius:var(--_br);box-shadow:var(--shadow-elevation-medium);cursor:pointer;font-family:JetBrains Mono,monospace;font-optical-sizing:auto;font-size:1rem;font-style:normal;font-weight:600;padding:6px 6px 12px;position:relative;transition:all .1s ease-in-out;-webkit-user-select:none;user-select:none}.keycap-button-inner{align-items:center;background-color:#c1c7b7;background-color:var(--active-2-clr);border-radius:calc(var(--_br) - 6px);display:flex;justify-content:center;min-height:1.5rem;min-width:1.5rem;transition:all .2s ease-in-out}.keycap-button:hover{box-shadow:var(--shadow-elevation-high)}.keycap-button:active{background-color:#6e7365;background-color:var(--active-2-clr-3);box-shadow:var(--shadow-elevation-low)}.keycap-button.right-answer{position:relative;top:-10px}.keycap-button:disabled{background:#969c8d;background:var(--active-2-clr-2);background:linear-gradient(180deg,#c1c7b7 6px,#969c8d calc(var(--_br)),#969c8d calc(100% - 6px - var(--_br)),#6e7365 calc(100% - 12px));background:linear-gradient(180deg,var(--active-2-clr) 6px,var(--active-2-clr-2) calc(var(--_br)),var(--active-2-clr-2) calc(100% - 6px - var(--_br)),var(--active-2-clr-3) calc(100% - 12px));box-shadow:var(--shadow-elevation-low);color:#6e7365;color:var(--active-2-clr-3);transition:all .2s ease-in-out}.progress-bar-container{background-color:var(--primary-clr);border:1px solid var(--text-clr);border-radius:1000px;box-shadow:inset 0 0 2px 3px var(--primary-clr-sh);display:flex;justify-self:center;margin-bottom:10px;margin-top:10px;overflow:hidden;position:relative;width:90%;z-index:800}.progress-bar{align-items:center;background-color:var(--text-clr);border-radius:1000px;color:var(--primary-clr);display:flex;justify-content:center;line-height:1;text-align:center;transition:min-width .4s ease;white-space:nowrap}.progress-text{font-size:.8rem;font-weight:700;padding:0 5px}.game-session-stat{grid-gap:10px;display:grid;gap:10px;grid-auto-rows:150px;grid-template-columns:repeat(4,1fr)}.accuracy,.correct-count,.incorrect-count,.max-streak,.session-score{background:var(--text-clr);border:1px solid var(--text-clr);border-radius:var(--_br);color:var(--primary-clr)}.session-score{display:flex;flex-direction:column-reverse;grid-column:span 2;grid-row:span 2}.metric-value{font-family:Montserrat Alternates,sans-serif;font-weight:300}.metric-name{border-bottom-left-radius:var(--_br);border-bottom-right-radius:var(--_br);color:var(--primary-clr);font-size:1.5rem;font-weight:300;margin:0;padding:10px;text-align:center}.session-score .metric-value{flex-grow:1;font-size:140px;justify-self:center;text-align:center}.accuracy{align-items:center;display:flex;gap:20px;grid-column:span 2;justify-content:center}.correct-count,.incorrect-count{display:flex;flex-direction:column-reverse;grid-column:span 1;grid-row:span 1}.correct-count .metric-name,.incorrect-count .metric-name{font-size:24px}.correct-count .metric-value,.incorrect-count .metric-value{flex-grow:1;font-size:80px;justify-self:center;text-align:center}.max-streak{align-items:center;display:flex;gap:30px;grid-column:span 4;justify-content:center}.max-streak .metric-value{font-size:120px;justify-self:center;text-align:center}.farm-collect-panel{align-items:center;display:flex;flex-direction:column;gap:8px;margin:24px 0 12px}.farm-collect-reward{align-items:center;background:var(--text-clr);border-radius:999px;color:var(--primary-clr);display:flex;gap:10px;padding:14px 28px}.farm-collect-coin-icon{animation:coinBounce .6s ease-out .2s both;font-size:2rem}@keyframes coinBounce{0%{opacity:0;transform:scale(.5) rotate(-20deg)}60%{opacity:1;transform:scale(1.2) rotate(8deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}.farm-collect-amount{animation:fadeSlideIn .4s ease-out .15s both;font-family:Montserrat Alternates,sans-serif;font-size:2.5rem;font-weight:300;min-width:4ch;text-align:right}.farm-collect-label{font-size:1rem;font-weight:600;opacity:.7}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.farm-collect-bonus{animation:fadeSlideIn .4s ease-out .5s both;font-size:.9rem;margin:0;opacity:.8}.farm-collect-achievement{color:#c8a200;font-weight:600}.farm-collect-message{font-size:.95rem;margin:0}.farm-collect-message.success{color:#0a8f4f}.farm-collect-message.error{color:#d64545}@media (max-width:1100px){.game-session-stat{gap:6px;grid-auto-rows:80px;grid-template-columns:repeat(4,1fr)}.metric-name{font-size:24px}.session-score{grid-column:span 4;grid-row:span 2}.session-score .metric-value{font-size:90px}.accuracy{grid-column:span 4;grid-row:span 2}.correct-count,.incorrect-count{display:flex;flex-direction:column-reverse;grid-column:span 2;grid-row:span 2}.correct-count .metric-name,.incorrect-count .metric-name{font-size:20px}.correct-count .metric-value,.incorrect-count .metric-value{flex-grow:1;font-size:60px;justify-self:center;text-align:center}.max-streak{gap:10px;grid-column:span 4;grid-row:span 2}.max-streak .metric-value{font-size:80px}.farm-collect-panel{margin-top:18px}}.circle-wrapper{height:200px;position:relative;width:200px}.circle{align-items:center;background:conic-gradient(green 75%,var(--primary-clr) 0);border-radius:var(--_br);color:#333;display:flex;font-family:sans-serif;font-size:2rem;height:100%;justify-content:center;width:100%}.circle:after{background:var(--primary-clr);border-radius:4px;content:"";height:184px;position:absolute;width:184px}.circle-text{font-weight:700;position:absolute;z-index:1}.hero{background:linear-gradient(to right,var(--text-clr),var(--accent-clr-2));color:var(--primary-clr);padding:2rem .5rem;position:relative;text-align:center;z-index:1}.hero,.hero:before{border-radius:var(--_br)}.hero:before{--_c1:hsl(from var(--accent-clr-2) h s l/0.2);--_c2:hsl(from var(--text-clr) h s l/0.6);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:linear-gradient(to right,var(--_c1),var(--_c2));bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:2}.hero *{z-index:3}.hero-logo{bottom:0;height:100%;max-height:1000px;max-width:1000px;position:absolute;top:0;width:100%;z-index:1}.hero-logo *{fill:var(--primary-clr);stroke-width:0;stroke:var(--text-clr)}.hero h1{font-size:2.8rem;margin-bottom:1rem}.cta button,.hero button{margin-bottom:2rem;margin-top:2rem}section.landing-section{margin:3rem auto;max-width:1000px}section.colour-bg{background:linear-gradient(to right,var(--primary-clr-2),var(--accent-clr-2));border-radius:var(--_br);color:var(--text-clr);padding:1rem 8px 2rem}.features{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between}.feature{background:var(--primary-clr-2);border:2px solid var(--accent-clr);border-radius:var(--_br);box-shadow:0 0 10px #0000001a;flex:1 1;min-width:250px;padding:1.5rem 0;transition:transform .3s ease}section.colour-bg .feature{background:var(--primary-clr);border:2px solid var(--accent-clr-2)}.feature h3{margin-top:0}.cta{text-align:center}.cta h2{font-size:2rem;margin-bottom:1rem}@media (max-width:600px){.navbars-margin{margin-top:64px}.hero h1{font-size:2.2rem;margin-top:0}}.flex50{display:flex;gap:12px;max-width:100vw}.flex50>*{flex:1 1 160px;max-width:50%}.flex50-left{display:flex;justify-content:flex-end}.flex50-left,.flex50-right{position:relative}.reading-mode-textarea{align-self:center;background-color:var(--primary-clr-2);border:2px solid var(--accent-clr);color:var(--text-clr);font-size:1rem;height:calc(100% - 116px);resize:none;width:100%;width:calc(100% - 40px)}.reading-mode-text,.reading-mode-textarea{border-radius:var(--_br);display:block;max-width:30rem;overflow-x:hidden;overflow-y:scroll;padding:16px 8px 100px 32px}.reading-mode-text{align-content:flex-start;border:2px solid var(--text-clr);height:calc(100vh - 200px);line-height:1.6;white-space:pre-line;width:100%;z-index:10}.reading-mode-text-line{text-wrap:wrap;display:block}.reading-mode-dict{border-radius:var(--_br);flex-wrap:wrap;height:calc(100vh - 200px);max-width:30rem;overflow-x:visible;overflow-y:scroll;padding-bottom:100px;white-space:pre-line;width:calc(50vw - 36px)}.reading-mode-dict .etymology{box-shadow:none}.button-group{align-items:center;background-color:var(--navbar-clr);border-radius:1000px;box-sizing:border-box;display:flex;height:64px;justify-content:center;position:absolute}.button-group-left{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);bottom:20px;right:20px}.button-group-right{bottom:20px;left:20px}@media screen and (max-width:1100px){.flex50>*{max-width:100%}.flex50-left{justify-content:center;margin:10px}.flex50-right{margin:12px}.reading-mode-dict,.reading-mode-text,.reading-mode-textarea{border-radius:20px;height:calc(100dvh - 208px);overflow-x:hidden;overflow-y:scroll;padding:8px 8px 100px;width:calc(100vw - 40px)}.flex50-right{display:none}:root:has(#reading-mode-switch:checked) .flex50-left{display:none}:root:has(#reading-mode-switch:checked) .flex50-right{display:flex}}.word-span{cursor:default;position:relative}.word-span.selected-word,.word-span:active,.word-span:focus,.word-span:hover{background-color:var(--primary-clr-2);border-radius:1rem}.word-span.selected-word{text-decoration:underline}.new-line{margin:5px;min-width:100%}.word-selection-header{color:var(--text-clr);font-size:1rem;font-weight:600;margin-bottom:.5rem;padding:.5rem 0;text-align:center}.word-from-dict-container{border:2px solid var(--text-clr);border-radius:12px;margin-bottom:2rem;.word-from-dict-list{align-content:flex-start;display:flex;flex-wrap:wrap;overflow-x:hidden;overflow-y:scroll;white-space:pre-line}}.word-from-dict{margin:5px;min-width:4rem}.multi-selected-word{background-color:var(--primary-clr-2);border-radius:0;text-decoration:underline}.multi-selected-word.first-selected-word{border-bottom-left-radius:1rem;border-top-left-radius:1rem}.multi-selected-word.last-selected-word{border-bottom-right-radius:1rem;border-top-right-radius:1rem}.bottom-navbar-multi-select-active .word-span:hover,.bottom-navbar-multi-select-active .word-span:hover+.word-span,.bottom-navbar-multi-select-active .word-span:hover+.word-span+.word-span,.bottom-navbar-multi-select-active .word-span:hover+.word-span+.word-span+.word-span,.bottom-navbar-multi-select-active .word-span:hover+.word-span+.word-span+.word-span+.word-span{background-color:var(--primary-clr-3);border-radius:0}.bottom-navbar-multi-select-active .word-span:hover{border-bottom-left-radius:1rem;border-top-left-radius:1rem}.bottom-navbar-multi-select-active .word-span:hover+.word-span+.word-span+.word-span+.word-span{border-bottom-right-radius:1rem;border-top-right-radius:1rem}.definitionContainer{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.partOfSpeech{fontWeight:bold}img.de-image{aspect-ratio:1;border-radius:var(--_br);max-height:256px;max-width:256px;object-fit:cover;z-index:-1000}.dictionary-entry{container-type:inline-size}.spell-container{grid-gap:2px;background:var(--text-clr);border-radius:var(--_br);display:grid;gap:2px;grid-template-columns:repeat(3,1fr);padding:2px}.spell-details{background:var(--primary-clr);border-radius:calc(var(--_br) - 2px);grid-column:span 2;grid-row:span 1;padding:12px;z-index:10}.spell-details>*{margin-bottom:.5rem}.spell-details h1{margin-bottom:1.5rem}.spell-image-container{grid-column:span 1;grid-row:span 1;height:100%;position:relative;width:100%;z-index:1}.spell-container h1{margin-top:0}.spell-container .spellings-container{align-items:self-start;display:flex;gap:8px}.spell-container .spellings-container ul{all:unset}.spell-container .spellings-container li{display:block}.definitions-container{margin-top:64px}.etymology{grid-gap:12px;background:var(--text-clr);border-radius:var(--_br);box-shadow:0 4px 20px 2px var(--primary-clr-sh);display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-bottom:64px;padding:2px}.definition,.definition-details,.examples{background:var(--primary-clr);border-radius:calc(var(--_br) - 2px);padding:12px}.etymology.recommended .definition,.etymology.recommended .examples{animation:gradient 15s ease infinite;background:linear-gradient(135deg,var(--primary-clr),#c9efe8,var(--primary-clr));background-size:200% 200%;position:relative}.recommended-badge{background-color:var(--text-clr);border-radius:0 calc(var(--_br) - 2px) 0 calc(var(--_br) - 2px);color:var(--primary-clr);font-family:Montserrat Alternates,sans-serif;font-size:.8rem;height:1rem;padding:0 2px;position:absolute;right:2px;text-align:center;top:2px;width:6rem}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.definition{grid-column:span 2;grid-row:span 1}.definition-details{background:var(--text-clr);color:var(--primary-clr);grid-column:span 1;grid-row:span 1}.examples{grid-column:span 3;grid-row:span 1}.examples ul{margin-block-end:1.5rem;margin-block-start:0;padding-inline-start:0}.example{margin-left:40px}@container (width < 35rem){.etymology{grid-template-columns:repeat(1,1fr)}.definition,.definition-details,.examples{grid-column:span 1}.spell-container{grid-template-columns:1fr}.spell-details{order:1}.spell-details,.spell-image-container{grid-column:span 1}}@media (max-width:1100px){.etymology{grid-template-columns:repeat(1,1fr)}.definition,.definition-details,.examples{grid-column:span 1}.spell-container{grid-template-columns:repeat(1,1fr)}.spell-details{order:1}.spell-details,.spell-image-container{grid-column:span 1}}.audio-player-container{align-content:center;align-items:center;align-self:center;display:flex;flex-direction:row;gap:10px}.image-container{align-items:center;border-radius:24px;display:flex;height:100%;justify-content:center;position:relative;width:100%;z-index:10}.background-image{border-radius:var(--_br);filter:blur(20px);height:100%;left:0;object-fit:cover;opacity:.3;position:absolute;top:0;width:100%;z-index:-1}.carousel-image-container{height:256px;position:relative;width:256px}.de-image{aspect-ratio:1;border-radius:24px;height:256px;object-fit:cover;width:256px;z-index:-1000}.left-arrow,.right-arrow{height:100%;position:absolute;right:0;top:0;width:50%}.left-arrow{left:0;top:0}.right-arrow{right:0;top:0}.dots{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:var(--primary-clr);border:1px solid var(--primary-clr-sh);border-radius:10px;bottom:30px;display:flex;height:18px;justify-content:center;margin:0 auto;position:relative;width:76px}.dots-4,.dots-left,.dots-main,.dots-right{animation-duration:.3s;animation-timing-function:ease-in;background-color:var(--accent-clr);border-radius:10px;height:10px;position:absolute;top:4px;width:10px}.dots-left{left:4px}.dots-main{animation-name:moving-right;background-color:var(--accent-clr-2);left:18px;width:40px}.dots-right{left:62px}.dots-4{left:-10px;opacity:0}.dots-main.left{animation-name:moving-left-m}@keyframes moving-left-m{to{background-color:var(--accent-clr);left:62px;width:10px}}.dots-left.left{animation-name:moving-left-l}@keyframes moving-left-l{to{background-color:var(--accent-clr-2);left:18px;width:40px}}.dots-right.left{animation-name:moving-left-r}@keyframes moving-left-r{to{left:72px;opacity:0;transform:scale(.5)}}.dots-4.left{animation-name:moving-left-4}@keyframes moving-left-4{0%{left:-4px;transform:scale(.5)}to{left:4px;opacity:1;transform:scale(1)}}.de-image.left{animation-duration:.3s;animation-name:moving-left-de-image}@keyframes moving-left-de-image{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}.dots-main.right{animation-name:moving-right-m}@keyframes moving-right-m{to{background-color:var(--accent-clr);left:4px;width:10px}}.dots-left.right{animation-name:moving-right-l}@keyframes moving-right-l{to{left:-4px;opacity:0;transform:scale(.5)}}.dots-right.right{animation-name:moving-right-r}@keyframes moving-right-r{to{background-color:var(--accent-clr-2);left:18px;width:40px}}.dots-4.right{animation-name:moving-right-4}@keyframes moving-right-4{0%{left:72px;transform:scale(.5)}to{left:62px;opacity:1;transform:scale(1)}}.de-image.right{animation-duration:.3s;animation-name:moving-right-de-image}@keyframes moving-right-de-image{0%{opacity:0;transform:translateX(50px)}to{opacity:1;transform:translateX(0)}}.skeleton{--_c1:hsl(from var(--primary-clr) h s calc(l - 5));--_c2:hsl(from var(--primary-clr) h calc(s + 30) l);--_c3:hsl(from var(--primary-clr) h s calc(l + 5));animation:loading 1.5s infinite;background:linear-gradient(90deg,var(--_c1) 25%,var(--_c2) 50%,var(--_c3) 75%,var(--_c1) 95%);background-size:200% 100%;border-radius:4px}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-title{border-radius:var(--_br);height:2rem;margin-bottom:1rem;width:60%}.skeleton-subtitle{border-radius:var(--_br);height:1.5rem;margin-bottom:.5rem;width:40%}.skeleton-text{display:inline-block;width:80%}.skeleton-paragraph,.skeleton-text{border-radius:var(--_br);height:1rem}.skeleton-paragraph{margin-bottom:.5rem;width:100%}.skeleton-link{border-radius:var(--_br);display:inline-block;height:1rem;margin-right:8px;width:60px}.skeleton-audio{border-radius:var(--_br);height:40px;margin-bottom:8px;width:200px}.skeleton-image{border-radius:calc(var(--_br) - 2px);height:200px;width:100%}.skeleton-ellipse-button{border-radius:1000px;display:inline-block;height:2em;width:100px}.grid-cell.skeleton{border:1px solid var(--text-clr);border-radius:16px;padding:.5rem}.profile-preview{border:1px solid var(--text-clr);border-radius:var(--_br);display:grid;grid-template-columns:70px 1fr;padding:var(--_br);width:300px}.rounded-avatar{border-radius:50%;height:64px;object-fit:cover;overflow:hidden;width:64px}.message-container{display:flex;flex-direction:column-reverse;justify-content:flex-start;justify-self:center;overflow-y:scroll;padding-bottom:220px;width:600px}@media (max-width:610px){.message-container{width:95%}}.message-container .message,.message-container .my-message{border:1px solid var(--text-clr);border-radius:var(--_br);box-shadow:0 5px 15px var(--primary-clr-sh);margin:10px 0;max-width:60%;padding:8px;position:relative}.message-container .my-message{align-self:flex-end;background-color:var(--accent-clr-2)}.message-container .message{align-self:flex-start}.message-container .message .message-time,.message-container .my-message .message-time{color:var(--text-clr);font-size:.6rem;font-style:italic;font-weight:300}.message-container .message.unread{padding:.6rem 8px 8px}.unread-message-badge{border:1px solid var(--primary-clr);border-radius:0 var(--_br) 0 var(--_br);font-size:.6rem;height:.7rem;padding:0 2px;position:absolute;right:0;text-align:center;top:0;width:1.5rem}.chat-info,.unread-message-badge{background-color:var(--text-clr);color:var(--primary-clr)}.chat-info{align-items:center;border:1px solid var(--text-clr);border-radius:1000px;box-shadow:0 5px 15px var(--primary-clr-sh);display:flex;justify-self:center;max-height:64px;max-width:90%;padding:4px;position:sticky;top:90px;z-index:1000}.chat-info .user-name{margin-right:12px;max-width:400px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-type{font-size:.7rem;font-weight:300;padding-right:12px}.classroom-avatar{margin-right:10px}.deck{overflow:hidden;overflow-x:hidden}@media (max-width:1100px){.no-margin-mobile{margin:0!important}.small-mobile{font-size:.7rem}}@layer base{.word-card{--_w:min(300px,calc(100vw - 100px - var(--_br)));aspect-ratio:3/4;background:var(--primary-clr-6);border:1px solid var(--text-clr);border-radius:24px;box-shadow:inset 0 0 0 12px #f9f9f9;color:var(--primary-clr);cursor:grab;font-size:1.2rem;font-weight:900;left:calc(50% - var(--_w)/2);padding:var(--_br);position:fixed;text-align:center;touch-action:none;-webkit-user-select:none;user-select:none;width:var(--_w);will-change:transform;z-index:800}}.word-card p{overflow-wrap:break-word}.word-card:active{cursor:grabbing}@keyframes fadeOutGuide{0%{opacity:1}to{opacity:0}}.choose-words-guide-icons{--_time:0.5s;align-items:center;animation:fadeOutGuide 1.5s forwards .1s,moveCenterLeftRightCenter var(--_time) ease-in-out 0s 5;bottom:0;display:flex;justify-content:center;left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:3001}@keyframes moveCenterLeftRightCenter{0%,to{transform:translateX(max(-5vw,-10px))}50%{transform:translateX(min(5vw,10px))}}.swipe-icon-cursor{height:3rem;width:3rem}.swipe-icon{height:2rem;width:2rem}.aditional-settings{border:2px solid var(--primary-clr-4);border-radius:24px;box-shadow:var(--shadow-elevation-low);margin-top:3rem;padding:.5rem;width:calc(100% - 1rem)}section{margin-top:1rem}.game-answers{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;justify-items:center;margin:1rem auto;text-align:center}.game-container{position:relative}.game-answers .image-answer{aspect-ratio:1/1;border-radius:var(--_br);max-width:300px}.game-answers .image-answer:hover{box-shadow:var(--shadow-elevation-medium)}.answer-from-fragments{align-items:center;border:1px solid var(--text-clr);border-radius:var(--_br);display:flex;font-family:JetBrains Mono,monospace;font-optical-sizing:auto;font-size:2rem;font-style:normal;font-weight:400;justify-content:center;min-height:3rem;min-width:60%;padding:.5rem 2rem}.answer-fragment-right{color:green}.answer-fragment-wrong{color:red}.blinking-cursor{animation:blink 1s step-start infinite;background-color:var(--text-clr);display:inline-block;height:1em;margin-left:2px;vertical-align:bottom;width:1ch}@keyframes blink{50%{opacity:0}}.game-rules{position:fixed;top:0;z-index:3000}.game-question{background:linear-gradient(to right,var(--primary-clr) 0,var(--primary-clr-2) 50%,var(--primary-clr) 100%);border-radius:var(--_br);font-weight:800;min-width:30%;padding:.5rem 1rem;text-align:center;text-justify:center}.game-question:before{content:"Question: ";font-weight:300}.image-question{min-height:100px;min-width:100px}.popup-container:has(.answer-popup-incorrect){background:radial-gradient(circle at center,#46000038,#32000038)}.popup-container:has(.answer-popup-correct){background:radial-gradient(circle at center,#00460038,#00320038)}.answer-popup-correct h1{--_c:var(--accent-clr-2);--_c2:var(--accent-clr);-webkit-text-fill-color:#0000;animation:incorrectGradientMove 5s ease-in-out infinite;background:linear-gradient(90deg,var(--_c2),var(--_c),var(--_c2),var(--_c));-webkit-background-clip:text;background-size:300% 100%;color:var(--_c)}.answer-popup .next-button{margin-top:1rem}.answer-popup-incorrect h1{-webkit-text-fill-color:#0000;animation:incorrectGradientMove 5s ease-in-out infinite;background:linear-gradient(90deg,#963c00,var(--error-clr),#960000,var(--error-clr));-webkit-background-clip:text;background-size:300% 100%;color:var(--error-clr)}@keyframes incorrectGradientMove{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.ReadOnlyReader_readOnlyReader__k1yIk{overflow-x:scroll;white-space:normal}.ReadOnlyReader_readOnlyReader__k1yIk img{display:block;margin:auto;max-height:500px;max-width:100%}.ReadOnlyReader_readOnlyReader__k1yIk section{margin:2rem auto}.ReadOnlyReader_readOnlyReader__k1yIk pre{font-size:.8rem}.ReadOnlyReader_readOnlyReader__k1yIk .ReadOnlyReader_word-span__bHdk5{font-size:inherit}.ReadOnlyReader_readOnlyReader__k1yIk h1,.ReadOnlyReader_readOnlyReader__k1yIk h2,.ReadOnlyReader_readOnlyReader__k1yIk h3,.ReadOnlyReader_readOnlyReader__k1yIk h4,.ReadOnlyReader_readOnlyReader__k1yIk h5,.ReadOnlyReader_readOnlyReader__k1yIk h6{margin-top:3rem;text-align:center}.ReadOnlyReader_readOnlyReader__k1yIk p{margin-top:1rem}.ReadOnlyReader_readOnlyReader__k1yIk figcaption{font-size:.8rem;font-style:italic}.ReadOnlyReader_readOnlyReaderHeader__lCxDX{background-color:var(--primary-clr-2);border-radius:var(--_br)}.about-us-container{.stats-section{padding:4rem 0}.stats-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr)}@media (min-width:1024px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-item{display:flex;flex-direction:column;gap:.5rem;text-align:center}.stat-number{color:var(--accent-clr);font-size:1.875rem;font-weight:700}@media (min-width:1024px){.stat-number{font-size:2.25rem}}.stat-label{color:var(--primary-clr-6)}.features-section{padding:5rem 0}.section-header{margin-bottom:4rem;margin-left:auto;margin-right:auto;max-width:48rem;text-align:center}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr}@media (min-width:1024px){.features-grid{grid-template-columns:repeat(3,1fr)}}.card{background-color:hsl(from var(--primary-clr-2) h s l/.5);border:1px solid var(--primary-clr-3);border-radius:.75rem;display:flex;flex-direction:column;gap:1.5rem;overflow:hidden;position:relative}.card-header{grid-gap:.375rem;display:grid;gap:.375rem;padding:1.5rem}.card-title{font-weight:600;line-height:1;margin:0}.card-description{color:var(--primary-clr-6);margin:0}.card-content{padding:0 1.5rem 1.5rem}.icon-container{align-items:center;background-color:var(--primary-clr-2);border-radius:.5rem;display:flex;height:3rem;justify-content:center;margin-bottom:1rem;width:3rem}.icon-container svg{color:var(--accent-clr);height:1.5rem;width:1.5rem}.tech-section{background-color:hsl(from var(--primary-clr-2) h s l/.5);padding:5rem 0}.tech-grid{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:1fr}@media (min-width:1024px){.tech-grid{grid-template-columns:1fr 1fr}.tech-section{border-radius:24px;margin:1rem}}.tech-content{display:flex;flex-direction:column;gap:1.5rem}.tech-description{color:var(--primary-clr-6);font-size:1.125rem;line-height:1.6}.tech-features{flex-direction:column}.tech-feature,.tech-features{display:flex;gap:1rem}.tech-icon{align-items:center;background-color:var(--primary-clr-2);border-radius:9999px;display:flex;flex-shrink:0;height:2rem;justify-content:center;margin-top:.25rem;width:2rem}.tech-icon svg{color:var(--accent-clr);height:1rem;width:1rem}.tech-feature-content h4{margin-bottom:.5rem;margin-top:0}.tech-feature-content p{color:var(--primary-clr-6);margin:0}.audience-section{padding:5rem 0}.audience-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr}@media (min-width:1024px){.audience-grid{grid-template-columns:1fr 1fr}}.feature-list{color:var(--primary-clr-6);list-style:none;margin:0;padding:0}.feature-list li{margin-bottom:.5rem}.uniqueness-section{background:linear-gradient(135deg,hsl(from var(--primary-clr-2) h s l) 0,hsl(from var(--primary-clr-3) h s l/.6) 100%);padding:5rem 0}.uniqueness-grid{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:1fr}@media (min-width:1024px){.uniqueness-grid{grid-template-columns:1fr 1fr}.uniqueness-section{border-radius:24px;margin:1rem}}.uniqueness-content{display:flex;flex-direction:column;gap:1.5rem}.uniqueness-features{grid-gap:1rem;display:grid;gap:1rem}.uniqueness-feature{border:1px solid var(--primary-clr-5);border-radius:.5rem;padding:1rem}.uniqueness-feature h4{margin-bottom:.5rem;margin-top:0}.uniqueness-feature p{color:var(--primary-clr-6);margin:0}}.reading-mode-header{background-color:var(--text-clr);border-radius:var(--_br);color:var(--primary-clr);padding:12px}.how-to-container div{align-self:center;text-align:center}img.how-to{border:2px solid var(--primary-clr-5);border-radius:var(--_br);box-shadow:var(--shadow-elevation-low);height:150px;justify-self:center;width:300px}.book-container{margin:40px auto;max-width:900px;padding:0 20px}.book-info{background:var(--card-bg);border:2px solid var(--text-clr);border-radius:var(--_br-2);display:flex;gap:40px;padding:40px}.book-visuals{display:flex;flex:0 0 300px;flex-direction:column;gap:20px}.book-visuals .book-cover{border-radius:8px;box-shadow:0 4px 12px #0000001a;height:auto;object-fit:cover;width:100%}.book-stats{grid-gap:10px;background-color:var(--bg-color);border-radius:8px;color:var(--text-secondary);display:grid;font-size:.85rem;gap:10px;grid-template-columns:1fr 1fr;padding:15px}.stat-item strong{color:var(--text-main);display:block;font-weight:600}.book-details{display:flex;flex:1 1;flex-direction:column;gap:20px}.book-header h1{font-size:2.2rem;font-weight:700;letter-spacing:-.5px;margin:0 0 5px}.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.tag{background-color:var(--accent-clr-3);border-radius:20px;color:var(--primary-clr);font-size:.8rem;font-weight:700;padding:4px 12px}.book-description{border-bottom:1px solid var(--accent-color);color:var(--text-main);font-size:1.05rem;margin-top:10px;padding-bottom:20px}@media (max-width:768px){.book-info{flex-direction:column;padding:20px}.book-visuals{flex:auto;margin:0 auto;max-width:400px;width:100%}}.farm-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.achievement-row,.adopt-card,.inventory-chip,.pet-habitat,.shop-card{border:1px solid var(--text-clr);border-radius:var(--_br)}.pet-habitat{background:linear-gradient(170deg,var(--primary-clr),var(--primary-clr-2));display:flex;flex-direction:column;gap:8px;padding:10px}.pet-habitat.highlight{outline:2px solid var(--accent-clr);outline-offset:2px}.pet-sprite{animation:petSpriteSteps 1.1s steps(3) infinite;background-size:300% 100%;border:1px solid #0003;border-radius:10px;height:110px}.pet-sprite.baby{background-image:linear-gradient(90deg,#94c79f,#94c79f 33.33%,#7ab08a 0,#7ab08a 66.66%,#5f9770 0,#5f9770)}.pet-sprite.adult{background-image:linear-gradient(90deg,#87a9d6,#87a9d6 33.33%,#6f90bc 0,#6f90bc 66.66%,#556f96 0,#556f96)}@keyframes petSpriteSteps{0%{background-position:0 0}to{background-position:100% 0}}.pet-headline{align-items:baseline;display:flex;justify-content:space-between}.achievement-reward,.inventory-qty,.pet-cooldown,.pet-stage,.shop-balance{opacity:.8}.pet-xp-row{display:flex;flex-direction:column;gap:4px}.xp-track{background:#0003;border-radius:999px;height:8px;overflow:hidden}.xp-fill{background:linear-gradient(90deg,var(--accent-clr),var(--accent-clr-3));height:100%}.feed-btn{background:var(--text-clr);border:1px solid var(--text-clr);border-radius:var(--_br);color:var(--primary-clr);cursor:pointer;padding:8px;text-align:center}.feed-btn:disabled{cursor:not-allowed;opacity:.45}.adopt-card{background:#0000;cursor:pointer;flex-direction:column;gap:8px;justify-content:center;min-height:170px;padding:16px}.adopt-title{font-size:2.2rem}.inventory-bar{display:flex;gap:8px;overflow-x:auto;padding-bottom:6px}.inventory-empty{opacity:.8}.inventory-chip{align-items:center;background:var(--primary-clr);cursor:pointer;display:flex;flex-direction:column;gap:6px;min-width:120px;padding:10px}.inventory-chip.active{background:var(--text-clr);color:var(--primary-clr)}.farm-modal{display:flex;flex-direction:column;gap:10px}.shop-popup .popup{max-width:min(26rem,calc(90vw - 24px))}.achievements-list{gap:10px;max-height:55vh;overflow-y:auto;padding-right:4px}.achievements-list,.shop{display:flex;flex-direction:column}.shop{gap:14px}.shop-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.shop-title{font-size:1.25rem;font-weight:700;margin:0}.shop-coins{align-items:center;background:#ffc8321f;border:1px solid #ffc83238;border-radius:999px;display:flex;font-size:.9rem;font-weight:700;gap:6px;padding:4px 12px}.shop-tabs{background:#0000000f;border-radius:10px;display:flex;gap:4px;padding:3px}.shop-tab{background:#0000;border:none;border-radius:8px;color:inherit;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;opacity:.55;padding:7px 0;transition:background .15s,opacity .15s}.shop-tab.active{background:#ffffffd9;box-shadow:0 1px 4px #0000001a;opacity:1}.craft-have{color:#888;font-size:.75rem}.shop-list{display:flex;flex-direction:column;gap:8px;max-height:58vh;overflow-y:auto;padding-right:2px}.shop-item{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:14px;display:flex;gap:10px;padding:8px 10px;transition:background .15s}.shop-item:hover{background:#ffffff14}.shop-item-icon{background:#ffffff0f;border:1px solid #ffffff26;border-radius:10px;flex-shrink:0;height:48px;object-fit:cover;width:48px}.shop-item-info{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.shop-item-name{font-size:.88rem;font-weight:600}.shop-item-meta,.shop-item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shop-item-meta{font-size:.72rem;opacity:.55}.shop-item-controls{flex-shrink:0;gap:8px}.shop-item-controls,.shop-qty{align-items:center;display:flex}.shop-qty{border:1px solid #ffffff26;border-radius:8px;gap:0;overflow:hidden}.shop-qty-btn{all:unset;align-items:center;background:#ffffff0f;box-sizing:border-box;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;height:26px;justify-content:center;transition:background .12s;width:26px}.shop-qty-btn:hover:not(:disabled){background:#ffffff24}.shop-qty-btn:disabled{cursor:not-allowed;opacity:.3}.shop-qty-val{font-size:.8rem;font-weight:600;min-width:24px;text-align:center}.shop-buy-btn{all:unset;align-items:center;background:var(--text-clr);border-radius:999px;box-sizing:border-box;color:var(--primary-clr);cursor:pointer;display:flex;font-size:.8rem;font-weight:700;gap:5px;padding:5px 12px;transition:opacity .12s,transform .12s;white-space:nowrap}.shop-buy-btn:hover:not(:disabled){opacity:.88;transform:scale(1.03)}.shop-buy-btn:disabled{cursor:not-allowed;opacity:.35;transform:none}.coin-dot--sm{height:8px;width:8px}@media (max-width:480px){.shop-item{flex-wrap:wrap;gap:6px}.shop-item-info{flex-basis:calc(100% - 68px);flex-grow:1;flex-shrink:1}.shop-item-controls{justify-content:space-between;padding-left:58px;width:100%}}.achievement-row{align-items:center;display:flex;gap:12px;justify-content:space-between;padding:10px}.achievement-row.locked{opacity:.7}.achievement-row.unlocked{background:linear-gradient(130deg,var(--primary-clr-2),var(--primary-clr))}@media (max-width:768px){.farm-grid{grid-template-columns:1fr}}.pet-radial-ring{height:28px;pointer-events:none;position:fixed;transform:translate(-50%,-50%);width:28px;z-index:30}.pet-radial-ring svg{height:100%;transform:rotate(-90deg);width:100%}.pet-radial-ring circle{fill:none;stroke:#ffffffd9;stroke-width:2.5;stroke-linecap:round;stroke-dasharray:75.4;stroke-dashoffset:75.4;animation:prmDraw .45s ease-out forwards}@keyframes prmDraw{to{stroke-dashoffset:0}}@keyframes prmSlideIn{0%{opacity:0;transform:translateY(8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.pet-radial-menu{animation:prmSlideIn .18s ease;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:linear-gradient(170deg,hsl(from var(--text-clr) h s l/.92),hsl(from var(--text-clr) h s l/.78));border:1px solid #fff3;border-radius:18px;box-shadow:0 12px 32px #00000059;color:#f0f6ff;color:var(--navbar-text-clr,#f0f6ff);max-width:calc(100vw - 24px);padding:14px;pointer-events:auto;position:fixed;width:220px;z-index:25}.prm-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2px}.prm-species{font-size:.75rem;font-weight:600;letter-spacing:.04em;opacity:.7;text-transform:capitalize}.prm-stage{background:#ffffff1a;border:1px solid #ffffff1f;border-radius:999px;font-size:.68rem;font-weight:600;padding:2px 8px}.prm-name{font-size:1.05rem;font-weight:700;margin:0 0 10px}.prm-xp-section{margin-bottom:10px}.prm-xp-label{display:flex;font-size:.72rem;font-weight:600;justify-content:space-between;margin-bottom:4px;opacity:.75}.prm-xp-track{background:#ffffff1a;border-radius:999px;height:6px;overflow:hidden}.prm-xp-fill{background:linear-gradient(90deg,#5bb96a,#8be09c);border-radius:999px;height:100%;transition:width .3s ease}.prm-hunger-section{margin-top:-4px}.prm-hunger-fill{border-radius:999px;height:100%;transition:width .3s ease,background .3s ease}.prm-stats{grid-gap:6px;display:grid;gap:6px;grid-template-columns:1fr 1fr;margin-bottom:12px}.prm-stat{display:flex;flex-direction:column;gap:1px}.prm-stat-label{font-size:.66rem;font-weight:600;letter-spacing:.04em;opacity:.55;text-transform:uppercase}.prm-stat-value{font-size:.82rem;font-weight:600;text-transform:capitalize}.prm-stat-value.ready{color:#8be09c}.prm-actions{display:flex;flex-direction:column;gap:6px}.prm-cooldown-msg{font-size:.75rem;margin:0 0 8px;opacity:.6;text-align:center}.prm-food-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(auto-fill,minmax(52px,1fr));margin-bottom:10px}.prm-food-item{all:unset;align-items:center;background:#ffffff14;border:1px solid #ffffff1f;border-radius:10px;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:2px;padding:6px 4px;position:relative;transition:all .15s ease}.prm-food-item:hover:not(:disabled){background:#5bb96a40;border-color:#5bb96a59}.prm-food-item.incompatible{cursor:default;opacity:.35}.prm-food-item.feeding{opacity:.5;pointer-events:none}.prm-food-icon{height:32px;object-fit:contain;width:32px}.prm-food-qty{font-size:.65rem;font-weight:700;opacity:.7}.prm-food-lock{color:#ff6b6b;font-size:.6rem;font-weight:700;position:absolute;right:4px;top:2px}.prm-shop-btn{all:unset;background:#ffffff14;border:1px solid #ffffff26;border-radius:10px;box-sizing:border-box;cursor:pointer;font-size:.8rem;font-weight:700;padding:8px 0;text-align:center;transition:all .15s ease;width:100%}.prm-shop-btn:hover{background:#ffffff26;border-color:#ffffff40}@media (max-width:768px){.pet-radial-menu{padding:16px;width:min(260px,calc(100vw - 24px))}.prm-food-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(58px,1fr))}.prm-food-item{border-radius:12px;padding:8px 4px}.prm-food-icon{height:36px;width:36px}.prm-shop-btn{font-size:.88rem;padding:10px 0}}.inventory-popup .popup{max-width:min(34rem,calc(90vw - 24px))}.inventory-modal{display:flex;flex-direction:column;gap:14px}.inventory-modal-header{align-items:center;display:flex;justify-content:space-between}.inventory-modal-title{font-size:1.25rem;font-weight:700;margin:0}.inventory-modal-error,.inventory-modal-loading{font-size:.9rem;opacity:.7;padding:24px 0;text-align:center}.inventory-modal-error{color:#ff6b6b}.inventory-categories{display:flex;flex-direction:column;gap:18px;max-height:60vh;overflow-y:auto;padding-right:4px}.inventory-category-name{font-size:.78rem;font-weight:700;letter-spacing:.07em;margin:0 0 8px;opacity:.55;text-transform:uppercase}.inventory-category-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(76px,1fr))}.inventory-entry{align-items:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:14px;display:flex;flex-direction:column;gap:4px;padding:10px 6px 8px;transition:background .15s}.inventory-entry:not(.inventory-entry--empty):hover{background:#ffffff1f}.inventory-entry--empty{opacity:.38}.inventory-entry-icon{background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;flex-shrink:0;height:40px;object-fit:cover;width:40px}.inventory-entry-name{font-size:.7rem;font-weight:600;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.inventory-entry-qty{color:#8be09c;font-size:.82rem;font-weight:700}.inventory-entry-qty--zero{color:inherit;opacity:.5}.adopt-popup .popup{max-width:min(22rem,calc(90vw - 24px))}.adopt-modal h2{margin-bottom:4px}.adopt-error{color:#ff6b6b;font-size:.85rem;margin:0}.adopt-list{display:flex;flex-direction:column;gap:8px;max-height:60vh;overflow-y:auto}.adopt-card{align-items:center;background:linear-gradient(170deg,var(--primary-clr),var(--primary-clr-2));border:1px solid var(--text-clr);border-radius:var(--_br);cursor:default;display:flex;flex-direction:row;gap:12px;justify-content:flex-start;min-height:0;min-height:auto;min-width:0;min-width:auto;padding:10px 14px}.adopt-card--locked{opacity:.6}.adopt-card-emoji{flex-shrink:0;font-size:2rem}.adopt-card-info{display:flex;flex:1 1;flex-direction:column;gap:2px}.adopt-card-name{font-weight:600}.adopt-card-req{font-size:.78rem;opacity:.75}.adopt-card-btn{background:var(--text-clr);border:1px solid var(--text-clr);border-radius:var(--_br);color:var(--primary-clr);cursor:pointer;flex-shrink:0;font-size:.85rem;font-weight:600;padding:6px 14px}.adopt-card-btn:disabled{background:#0000;color:var(--text-clr);cursor:not-allowed;opacity:.45}.quests-modal h2{margin-bottom:2px}.quests-subtitle{font-size:.8rem;margin:0 0 10px;opacity:.65}.quests-error,.quests-loading{font-size:.85rem;opacity:.8}.quests-error{color:#ff6b6b}.quests-list{display:flex;flex-direction:column;gap:10px;max-height:60vh;overflow-y:auto}.quest-row{align-items:center;background:linear-gradient(170deg,var(--primary-clr),var(--primary-clr-2));border:1px solid var(--text-clr);border-radius:var(--_br);display:flex;gap:12px;padding:12px 14px}.quest-row--done{border-color:var(--accent-clr)}.quest-row--claimed{opacity:.55}.quest-info{display:flex;flex:1 1;flex-direction:column;gap:4px}.quest-title{font-size:.9rem;font-weight:600}.quest-desc{font-size:.78rem;opacity:.75}.quest-progress-bar{background:#ffffff1f;border-radius:999px;height:6px;margin-top:2px;overflow:hidden}.quest-progress-fill{background:linear-gradient(90deg,var(--accent-clr),var(--accent-clr-3));border-radius:999px;height:100%;transition:width .3s ease}.quest-progress-text{font-size:.72rem;opacity:.6}.quest-reward{align-items:flex-end;display:flex;flex-direction:column;flex-shrink:0;gap:6px}.quest-coins{color:#f5c842}.quest-claim-btn,.quest-coins{font-size:.8rem;font-weight:600;white-space:nowrap}.quest-claim-btn{background:var(--text-clr);border:1px solid var(--text-clr);border-radius:var(--_br);color:var(--primary-clr);cursor:pointer;padding:5px 12px}.quest-claim-btn:disabled{background:#0000;color:var(--text-clr);cursor:not-allowed;opacity:.4}.chest-popup .popup--content{max-width:640px}.chest-modal{display:flex;flex-direction:column;gap:16px;min-height:350px;padding:16px}.chest-header{align-items:center;display:flex;gap:12px;justify-content:space-between}.chest-title{font-size:1.3rem;margin:0}.chest-currencies{display:flex;gap:12px}.chest-currency{align-items:center;display:flex;font-weight:600;gap:4px}.chest-currency-label{font-size:.75rem;opacity:.7}.great-coin-dot{height:12px;margin-right:3px;width:12px}.chest-error{background:#dd44441a;border-radius:8px;color:#d44;font-size:.9rem;padding:8px 12px}.chest-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}@media (max-width:480px){.chest-grid{grid-template-columns:1fr}}.chest-card{align-items:center;background:var(--primary-clr);border:2px solid var(--text-clr);border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:14px;text-align:center;transition:transform .15s,box-shadow .15s}.chest-card:hover:not(.chest-card--locked){box-shadow:0 6px 16px #00000026;transform:translateY(-2px)}.chest-card--locked{opacity:.5}.chest-card-icon{align-items:center;background:#ffffff1a;border:3px solid;border-radius:50%;display:flex;height:64px;justify-content:center;width:64px}.chest-card-emoji{font-size:1.8rem}.chest-card-name{font-size:1rem;font-weight:700}.chest-card-desc{font-size:.8rem;line-height:1.3;opacity:.75}.chest-card--common .chest-card-icon{box-shadow:0 0 12px #6ec77a4d}.chest-card--uncommon .chest-card-icon{box-shadow:0 0 12px #cd7f324d}.chest-card--rare .chest-card-icon{box-shadow:0 0 12px #c0c0c066}.chest-card--legendary .chest-card-icon{box-shadow:0 0 16px #ffd70080}.chest-open-btn{align-items:center;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:700;gap:4px;justify-content:center;padding:8px 14px;text-shadow:0 1px 2px #0000004d;transition:filter .15s;width:100%}.chest-open-btn:not(:disabled):hover{filter:brightness(1.12)}.chest-open-btn:disabled{cursor:not-allowed;filter:grayscale(.6) brightness(.8)}.chest-opening{flex-direction:column;gap:20px;padding:40px 0}.chest-opening,.chest-opening-crate{align-items:center;display:flex;justify-content:center}.chest-opening-crate{animation:crateShake .12s ease-in-out infinite alternate,cratePulse .8s ease-in-out infinite;border:4px solid;border-radius:50%;height:120px;position:relative;width:120px}.chest-opening-emoji{font-size:3rem;z-index:1}.chest-opening-glow{animation:glowPulse .6s ease-in-out infinite alternate;border-radius:50%;filter:blur(20px);inset:-16px;opacity:.25;position:absolute}.chest-opening-text{animation:textBlink .7s ease-in-out infinite alternate;font-size:1.1rem;font-weight:700}@keyframes crateShake{0%{transform:translateX(-3px) rotate(-2deg)}to{transform:translateX(3px) rotate(2deg)}}@keyframes cratePulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes glowPulse{0%{opacity:.15;transform:scale(.9)}to{opacity:.45;transform:scale(1.1)}}@keyframes textBlink{0%{opacity:.6}to{opacity:1}}.chest-reveal{align-items:center;display:flex;flex-direction:column;gap:20px}.chest-loot-grid{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.chest-loot-item{align-items:center;animation:lootPop .4s cubic-bezier(.34,1.56,.64,1) both;background:var(--primary-clr);border:2px solid var(--text-clr);border-radius:12px;display:flex;flex-direction:column;gap:4px;min-width:90px;padding:12px 16px}.chest-loot-icon{height:48px;object-fit:contain;width:48px}.chest-loot-name{font-size:.85rem;font-weight:600}.chest-loot-qty{color:var(--accent-clr);font-size:1.1rem;font-weight:700}@keyframes lootPop{0%{opacity:0;transform:scale(.4) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.chest-back-btn{background:var(--primary-clr);border:2px solid var(--text-clr);border-radius:10px;cursor:pointer;font-size:.95rem;font-weight:700;padding:10px 28px;transition:background .15s}.chest-back-btn:hover{background:var(--primary-clr);background:var(--primary-clr-2,var(--primary-clr))}.farm-page-fullscreen{--farm-top-nav-offset:84px;--farm-bottom-nav-offset:84px;background:radial-gradient(circle at 22% 18%,#d6efff,#81abd6 55%,#50749f);inset:0;overflow:hidden;position:fixed;user-select:none;-webkit-user-select:none}.farm-canvas-root{inset:0;position:absolute;touch-action:none;z-index:1}.farm-canvas-root canvas{display:block;height:100%;width:100%}.farm-overlay{pointer-events:auto;position:absolute;z-index:10}.farm-topnav-cont{display:flex;justify-content:center;left:0;padding:8px 12px;pointer-events:none;position:absolute;right:0;top:var(--farm-top-nav-offset);z-index:10}nav.farm-topnav{align-items:center;display:flex;gap:8px;padding:0 14px;pointer-events:auto}.farm-topnav-coins{align-items:center;background:#ffffff1a;border:1px solid #ffffff24;border-radius:999px;display:flex;flex-shrink:0;font-size:.85rem;font-weight:600;gap:6px;padding:4px 12px}.coin-dot{background:radial-gradient(circle at 30% 30%,#ffdf57,#d9a521 70%);box-shadow:0 0 0 1px #8a6f1a}.coin-dot,.great-coin-dot{border-radius:50%;flex-shrink:0;height:11px;width:11px}.great-coin-dot{background:linear-gradient(135deg,gold,#f0a000);border:1.5px solid #00000040;box-shadow:0 0 4px #ffd70080;display:inline-block}.farm-topnav-great-coins{background:#ffd70014;border-color:#ffd70033}.farm-topnav-streak{align-items:center;background:#ff64002e;border:1px solid #ff64004d;border-radius:20px;color:#ffb347;cursor:default;display:flex;font-size:.85rem;font-weight:700;gap:4px;padding:4px 10px;white-space:nowrap}.farm-topnav-btn--notify{opacity:1;position:relative}.farm-topnav-btn--notify:after{background:#f44;border-radius:50%;box-shadow:0 0 4px #f44;content:"";height:7px;position:absolute;right:4px;top:4px;width:7px}.farm-topnav-actions{align-items:center;display:flex;gap:2px}.farm-topnav-btn{all:unset;border-radius:999px;box-sizing:border-box;cursor:pointer;font-size:.84rem;font-weight:600;opacity:.7;padding:5px 12px;transition:all .15s ease;white-space:nowrap}.farm-topnav-btn:hover{background:#ffffff1f;opacity:1}.farm-topnav-btn.active{background:#ffffff29;opacity:1}.farm-topnav-btn.save{background:#ffc83233;border:1px solid #ffc8324d;opacity:1}.farm-topnav-dropdown{display:none;margin-left:auto;position:relative}.farm-topnav-burger{all:unset;background:#ffffff0f;border-radius:8px;box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:3.5px;justify-content:center;padding:8px 6px}.farm-topnav-burger span{background:currentColor;border-radius:1px;display:block;height:2px;opacity:.75;width:18px}.farm-topnav-menu{animation:farmMenuSlide .12s ease;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:linear-gradient(170deg,hsl(from var(--text-clr) h s l/.92),hsl(from var(--text-clr) h s l/.78));border:1px solid #ffffff2e;border-radius:14px;box-shadow:0 10px 28px #0000004d;min-width:170px;padding:6px 0;position:absolute;right:0;top:calc(100% + 8px);z-index:20}@keyframes farmMenuSlide{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.farm-topnav-menu button{all:unset;box-sizing:border-box;cursor:pointer;display:block;font-size:.86rem;font-weight:500;padding:9px 16px;transition:background .1s;width:100%}.farm-topnav-menu button:hover{background:#ffffff1a}@media (max-width:600px){.farm-topnav-actions{display:none}.farm-topnav-dropdown{display:block}nav.farm-topnav{padding:0 10px}}.farm-action-btn{background:#ffffff1f;border:1px solid #ffffff47;border-radius:999px;color:inherit;cursor:pointer;font-size:.85rem;font-weight:600;padding:7px 14px;transition:all .15s ease}.farm-action-btn:hover{background:#ffffff38;border-color:#ffffff73}.farm-action-btn.secondary{background:#ffffff0f}.farm-bottom-dock-cont{bottom:var(--farm-bottom-nav-offset);display:flex;justify-content:center;left:0;padding:6px 12px;pointer-events:none;position:absolute;right:0;z-index:10}nav.farm-bottom-dock-nav{height:auto;max-height:none;min-height:auto;padding:6px 10px;pointer-events:auto}.inv-row{display:flex;gap:6px;justify-content:center;overflow-x:auto;scrollbar-width:none}.inv-row::-webkit-scrollbar{display:none}.inv-item{all:unset;align-items:center;background:#ffffff12;border:1.5px solid #ffffff1f;border-radius:14px;box-sizing:border-box;cursor:pointer;display:flex;flex-shrink:0;height:48px;justify-content:center;position:relative;transition:all .18s ease;width:48px}.inv-item:hover{background:#ffffff24;border-color:#ffffff47;transform:translateY(-2px)}.inv-item--active{background:#fff3;border-color:#ffffff80;box-shadow:0 0 12px #ffffff26;transform:translateY(-3px)}.inv-item--active:hover{transform:translateY(-4px)}.inv-item-icon{border-radius:8px;height:32px;object-fit:cover;pointer-events:none;width:32px}.inv-item-qty{background:#5b8c5a;background:var(--accent-clr,#5b8c5a);border-radius:999px;bottom:-2px;box-shadow:0 1px 4px #00000040;color:#fff;font-size:.65rem;font-weight:700;height:18px;justify-content:center;line-height:1;min-width:18px;padding:0 4px;pointer-events:none;position:absolute;right:-2px}.inv-empty,.inv-item-qty{align-items:center;display:flex}.inv-empty{font-size:.82rem;gap:8px;opacity:.6;padding:4px 0;white-space:nowrap}.inv-empty-icon{font-size:1.1rem}.farm-selected-pet-panel{background:#0000;border:1px solid #ffffff3b;border-radius:20px;box-shadow:0 12px 24px #030a1047;color:var(--navbar-text-clr);overflow:hidden;padding:14px;right:16px;top:calc(var(--farm-top-nav-offset) + 72px);width:min(320px,calc(100vw - 32px))}.farm-selected-pet-panel:before{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background-color:var(--navbar-clr);background:linear-gradient(170deg,hsl(from var(--text-clr) h s l/.88),hsl(from var(--text-clr) h s l/.68));border:1px solid #ffffff3b;border-radius:20px;content:"";height:100%;left:-1px;position:absolute;top:-1px;width:100%;z-index:-1}.farm-selected-pet-panel h3{color:#f6fbff;font-size:1rem;letter-spacing:.02em;margin:0 0 6px}.pet-panel-name{color:#f6fbff;font-size:1rem;font-weight:700;margin:0}.pet-panel-meta{color:#f0f8ffdb;font-size:.92rem;margin:6px 0 0}.pet-state-actions{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:10px}.pet-name-controls{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr;margin-top:10px}.pet-name-input{all:unset;background:#00000038;border:1px solid #ffffff59;border-radius:8px;box-sizing:border-box;color:#f8fcff;padding:8px 10px}.pet-name-input::placeholder{color:#f8fcff8c}.pet-name-counter{font-size:.72rem;opacity:.55;text-align:right}.farm-error-toast{animation:slideDown .3s ease;background:#dc3545e6;border-radius:8px;color:#fff;left:50%;max-width:80%;padding:12px 20px;position:absolute;text-align:center;top:80px;transform:translateX(-50%);z-index:20}@keyframes slideDown{0%{opacity:0;transform:translateX(-50%) translateY(-10px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.farm-scroll-hint{align-items:center;display:flex;height:64px;justify-content:center;opacity:.55;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .3s ease;width:36px;z-index:12}.farm-scroll-hint--left{left:4px}.farm-scroll-hint--right{right:4px}.farm-scroll-hint svg{filter:drop-shadow(0 1px 3px rgba(0,0,0,.6));height:28px;width:28px}@media (max-width:768px){.farm-page-fullscreen{--farm-top-nav-offset:62px;--farm-bottom-nav-offset:84px}.farm-selected-pet-panel--empty{display:none}.inv-item{border-radius:12px;height:42px;width:42px}.inv-item-icon{height:28px;width:28px}.inv-item-qty{font-size:.6rem;height:16px;min-width:16px}.farm-selected-pet-panel{bottom:calc(84px + env(safe-area-inset-bottom, 0px));left:8px;right:auto;top:auto;width:min(300px,calc(100vw - 16px))}.farm-error-toast{max-width:calc(100vw - 32px);top:calc(var(--farm-top-nav-offset) + 8px)}}.farm-empty-state{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#00000073;border-radius:20px;color:#fff;display:flex;flex-direction:column;gap:10px;left:50%;max-width:min(360px,calc(100vw - 32px));padding:32px 24px;pointer-events:auto;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);z-index:5}.farm-empty-state__icon{font-size:3rem;line-height:1}.farm-empty-state__title{font-size:1.25rem;font-weight:700;margin:0}.farm-empty-state__desc{font-size:.9rem;line-height:1.4;margin:0;opacity:.85}.farm-empty-state__btn{background:#4caf8c;background:var(--accent-clr,#4caf8c);border:none;border-radius:999px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;margin-top:6px;padding:10px 22px;transition:opacity .15s}.farm-empty-state__btn:hover{opacity:.88}.browser-extensions-page{isolation:isolate;margin:0 auto;max-width:1100px;padding:3rem 1.5rem 5rem;position:relative}.browser-extensions-page:before{background:radial-gradient(40% 60% at 20% 20%,hsl(from var(--accent-clr-2) h s l/.35),#0000 70%),radial-gradient(35% 55% at 85% 10%,hsl(from var(--accent-clr-3) h s l/.3),#0000 70%);content:"";filter:blur(20px);height:480px;inset:-10% -10% auto -10%;pointer-events:none;position:absolute;z-index:-1}.be-header{margin-bottom:3rem;text-align:center}.be-eyebrow{background:hsl(from var(--accent-clr) h s l/.12);border:1px solid hsl(from var(--accent-clr) h s l/.25);border-radius:999px;color:var(--accent-clr);display:inline-block;font-size:.78rem;letter-spacing:.18em;margin-bottom:1rem;padding:.3rem .8rem;text-transform:uppercase}.be-header h1{background:linear-gradient(120deg,var(--text-clr) 0,var(--accent-clr) 60%,var(--accent-clr-2) 100%);-webkit-background-clip:text;background-clip:text;color:#0000;font-family:Montserrat Alternates,sans-serif;font-size:clamp(2rem,4.5vw,3rem);line-height:1.1;margin:0 0 .75rem}.be-subtitle{font-size:1.1rem;line-height:1.55;margin:0 auto;max-width:620px;opacity:.8}.be-cards{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-bottom:4rem}.be-card{--_c1:hsl(from var(--accent-clr-2) h s l/0.35);--_c2:hsl(from var(--accent-clr-3) h s l/0.25);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:linear-gradient(160deg,var(--_c1),var(--_c2));border:1px solid hsl(from var(--text-clr) h s l/.1);border-radius:20px;border-radius:var(--_br-2,20px);box-shadow:var(--shadow-elevation-low);display:flex;flex-direction:column;gap:1rem;overflow:hidden;padding:1.75rem 1.5rem 1.5rem;position:relative;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.be-card:after{background:linear-gradient(140deg,hsl(from var(--text-clr) h s l/.18),#0000 40%,hsl(from var(--text-clr) h s l/.12));border-radius:inherit;content:"";inset:0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px;pointer-events:none;position:absolute}.be-card:hover{border-color:hsl(from var(--accent-clr) h s l/.35);box-shadow:var(--shadow-elevation-medium);transform:translateY(-4px)}.be-card-in-development{opacity:.92}.be-card-head{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between}.be-card-head h2{flex:1 1 auto;font-family:Montserrat Alternates,sans-serif;font-size:1.4rem;margin:0;min-width:0}.be-status{align-items:center;background:hsl(from var(--text-clr) h s l/.08);border:1px solid hsl(from var(--text-clr) h s l/.12);border-radius:999px;display:inline-flex;flex:0 1 auto;font-size:.72rem;font-weight:600;gap:.4rem;letter-spacing:.04em;max-width:100%;padding:.25rem .6rem .25rem .55rem;text-transform:uppercase}.be-status-dot{background:currentColor;border-radius:50%;display:inline-block;height:8px;width:8px}.be-status-available{background:#d4f7e5;border-color:#8cd9b1;color:#1f7a4b}.be-status-available .be-status-dot{animation:be-pulse 2s ease-out infinite;position:relative}@keyframes be-pulse{0%{box-shadow:0 0 0 0 hsl(149,70%,45%/.6)}70%{box-shadow:0 0 0 8px hsl(149,70%,45%/0)}to{box-shadow:0 0 0 0 hsl(149,70%,45%/0)}}.be-status-in-development{background:#fbedda;border-color:#e6c699;color:#7e551b}.be-description{flex:1 1;font-size:.98rem;line-height:1.55;margin:0;opacity:.88}.be-features{grid-gap:1.25rem;background:hsl(from var(--primary-clr-2) h s l/.4);border:1px solid hsl(from var(--text-clr) h s l/.38);border-radius:20px;border-radius:var(--_br-2,20px);display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));padding:2rem}.be-feature h3{color:var(--accent-clr);font-family:Montserrat Alternates,sans-serif;font-size:1.05rem;margin:0 0 .4rem}.be-feature p{font-size:.95rem;line-height:1.5;margin:0;opacity:.85}@media (max-width:600px){.browser-extensions-page{padding:2rem 1rem 3rem}.be-header h1{font-size:1.9rem}.be-features{padding:1.5rem}}@media (prefers-reduced-motion:reduce){.be-card,.be-status-available .be-status-dot{animation:none;transition:none}}
/*# sourceMappingURL=main.fcb7975a.css.map*/