@font-face{font-family:Lexend Deca;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/lexend-deca-vietnamese-400-normal-CqDGOq4W.woff2)format("woff2"),url(/assets/lexend-deca-vietnamese-400-normal-CzFfcpeX.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Lexend Deca;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/lexend-deca-latin-ext-400-normal-BvTspokg.woff2)format("woff2"),url(/assets/lexend-deca-latin-ext-400-normal-ByAQwelJ.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lexend Deca;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/lexend-deca-latin-400-normal-Cs_IAxDy.woff2)format("woff2"),url(/assets/lexend-deca-latin-400-normal-BFkfGIOA.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:font awesome;src:url(/fonts/fa-solid-900.woff2)format("woff2");font-weight:400;font-style:normal}@font-face{font-family:"JetBrains Mono 2";src:url(/fonts/JetBrainsMono-Regular.woff2)format("woff2");font-weight:400;font-style:normal}@font-face{font-family:"JetBrains Mono 2";src:url(/fonts/JetBrainsMono-Bold.woff2)format("woff2");font-weight:700;font-style:normal}:root{--font-family:"JetBrains Mono 2", monospace;--transition-time:.125s;--focus-transition-time:.25s;--border-radius:.5rem}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scrollbar-color:var(--sub-color) transparent;scrollbar-width:thin;scroll-behavior:smooth;font-weight:400;line-height:1.25;overflow-y:scroll}body{background:var(--background-color);color:var(--text-color);font-family:var(--font-family);cursor:default;margin:0;padding:0}::selection{background:var(--main-color);color:var(--background-color)}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--sub-color);transition:var(--transition-time);border-radius:2px!important}::-webkit-scrollbar-thumb:hover{background:var(--text-color)}::-webkit-scrollbar-thumb:active{background:var(--main-color)}::-webkit-scrollbar-corner{background:var(--sub-color)}input{background:var(--sub-alt-color);color:var(--text-color);caret-color:var(--main-color);font-family:var(--font-family);border-radius:var(--border-radius);border:none;outline:none;margin:0;padding:.5em;font-size:1em;line-height:1.25em}input:focus-visible{box-shadow:0 0 0 .1rem var(--background-color), 0 0 0 .2rem var(--text-color)}input[type=checkbox]{appearance:none;border-radius:calc(var(--border-radius)/2);width:1.25em;height:1.25em;transition:background var(--transition-time);flex-shrink:0;padding:0;position:relative}input[type=checkbox]:after{color:#0000;content:"";border-radius:calc(var(--border-radius)/2 - .1em);place-content:center;width:100%;height:100%;font-family:font awesome,serif;font-size:.75em;font-weight:900;transition:color .125s;display:grid;position:absolute;top:0;left:0}input[type=checkbox]:checked:after{color:var(--main-color)}input[type=checkbox]:hover:after{color:var(--background-color)}input[type=checkbox]:hover:checked:after{color:var(--text-color)}label.checkbox{gap:.5em;display:flex}input::placeholder{color:var(--sub-color)}button,.button{-webkit-user-select:none;user-select:none;background:var(--sub-alt-color);color:var(--text-color);text-align:center;border-radius:var(--border-radius);cursor:pointer;height:min-content;transition:background var(--transition-time), color var(--transition-time), opactiy var(--transition-time);border:none;justify-content:center;align-items:baseline;gap:.5em;padding:.5em;font-family:inherit;font-size:1em;display:inline-flex}button.danger,.button.danger{background:var(--error-color);color:var(--background-color)}button.active,.button.active{background:var(--main-color);color:var(--background-color)}button:hover,.button:hover{background:var(--text-color);color:var(--background-color)}button:active,.button:active{background:var(--sub-color);color:var(--background-color)}button[disabled],.button[disabled]{opacity:.33;pointer-events:none}button.text,.button.text{appearance:none;color:var(--sub-color);background:0 0;line-height:1.25}button.text.danger,.button.text.danger{color:var(--error-color)}button.text.active,.button.text.active{color:var(--main-color)}button.text:hover,.button.text:hover{color:var(--text-color)}button.text:active,.button.text:active{color:var(--sub-color)}button.text:focus-visible,.button.text:focus-visible{outline:none}a.button{text-decoration:none}key{background:var(--sub-color);color:var(--background-color);border-radius:.1rem;margin:0;padding:.1rem .3rem;font-size:.7rem;font-weight:600;line-height:.7rem;display:inline-block}:root{--max-width:1250px}#app{grid-template-columns:auto minmax(0, var(--max-width)) auto;justify-items:center;display:grid}#content{grid-template-rows:auto 1fr auto;grid-auto-flow:row;align-items:center;gap:2rem;width:100%;min-height:100vh;padding:2rem;display:grid}.content-margin{min-width:6rem}main{height:100%;display:grid}.hidden{display:none!important}.router-link *{pointer-events:none}.popup{-webkit-backdrop-filter:blur(.2rem);backdrop-filter:blur(.2rem);z-index:1000;background:#00000080;border:none;grid-template-columns:100%;justify-content:center;place-items:center;width:100%;max-width:100%;height:100%;max-height:100%;margin:0;padding:2rem;display:grid;position:fixed;top:0;left:0}.popup form{background:var(--background-color);border-radius:var(--border-radius);gap:1rem;width:100%;max-width:500px;padding:2rem;display:grid}.popup form .title{color:var(--sub-color);font-size:1.5rem}.popup-forgot-password .response{justify-self:center;height:0;font-size:.75rem;font-weight:700;line-height:1rem}.popup-forgot-password .response[data-mode=error]{color:var(--error-color)}.popup-forgot-password .response[data-mode=success]{color:var(--main-color)}.popup-select-passage .content{text-align:center;width:350px}.popup-select-passage .search{background:var(--background-color);border-radius:var(--border-radius);grid-template-columns:auto 1fr;align-items:center;margin:1rem 0;display:grid;box-shadow:0 0 1rem 1rem #0000001a}.popup-select-passage .search .search-icon{color:var(--sub-color);margin:0 1rem}.popup-select-passage .search input{background:var(--background-color);padding:1rem 1rem 1rem 0;font-size:1rem}.popup-select-passage .search input:focus{box-shadow:none}.popup-select-passage .response{justify-self:center;height:0;font-size:.75rem;font-weight:700}.popup-select-passage .response[data-mode=error]{color:var(--error-color)}header{z-index:2;-webkit-user-select:none;user-select:none;grid-template-columns:auto 1fr;grid-template-areas:"logo nav";grid-auto-flow:column;align-items:center;gap:1rem;font-size:2.3rem;line-height:2.3rem;display:grid}header #logo{color:var(--text-color);white-space:nowrap;cursor:pointer;transition:color var(--focus-transition-time);grid-template-columns:auto 1fr;gap:.5rem;margin-left:-.25rem;margin-right:-.25rem;padding:.35rem .25rem;text-decoration:none;display:grid}body.focus header #logo{color:var(--sub-color)}header #logo .icon{place-items:center;width:2rem;margin-top:-.15rem;display:grid}header #logo .icon svg path{fill:var(--main-color);transition:fill var(--focus-transition-time)}body.focus header #logo .icon svg path{fill:var(--sub-color)}header #logo .text{font-family:Lexend Deca,sans-serif;font-size:2rem;line-height:2rem;font-weight:unset;margin-block-start:unset;margin-block-end:unset;margin-top:-.23rem}header nav{opacity:1;width:100%;transition:opacity var(--focus-transition-time);grid-template-columns:auto auto auto 1fr auto auto auto;grid-auto-flow:column;gap:.5rem;font-size:1rem;line-height:1rem;display:grid}body.focus header nav{opacity:0}header nav .nav-button .icon,header nav .nav-button .icon i{width:1.25rem;height:1.25rem}header nav .nav-button .text{align-self:center;font-size:.75rem}footer{justify-content:center;font-size:.75rem;display:flex}.page-test{flex-direction:column;align-items:start;gap:1rem;margin-top:1rem;display:flex;position:relative}body.focus *{cursor:none!important}.page-test .test-options{opacity:1;height:max-content;transition:opacity var(--focus-transition-time);flex-direction:row;justify-content:left;gap:.5rem;font-size:.75rem;display:flex}body.focus .page-test .test-options{opacity:0}.page-test .test-options .row{background:var(--sub-alt-color);border-radius:var(--border-radius);max-width:max-content;display:flex}.page-test .test-options button.text{padding:.75rem .5rem}.page-test .test-options button.text:first-child{padding-left:1rem}.page-test .test-options button.text:last-child{padding-right:1rem}.page-test .test-options .spacer{border-radius:calc(var(--border-radius) / 2);background:var(--background-color);width:.25rem;margin:.5rem}.page-test .test-passage{word-break:break-word;grid-template-rows:1fr;grid-template-columns:1fr;width:100%;font-size:1.5rem;line-height:3rem;display:grid}.page-test .test-passage span{white-space:pre-wrap}.page-test .test-passage .character{color:var(--text-color);line-height:3rem}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.page-test .test-passage .fade-in{animation:.5s both fade-in}.page-test .test-passage .heading{color:var(--main-color);font-size:1.8rem;font-weight:700}.page-test .test-passage .chapter-number{color:var(--main-color);float:left;margin-right:15px;font-size:5rem;font-weight:700;line-height:6rem}.page-test .test-passage .verse-number{color:var(--main-color);font-size:1.2rem;font-weight:700;line-height:1.2rem}.page-test .test-passage .invalid{color:var(--error-color);border-bottom:2px solid var(--error-color)}.page-test .test-passage .no-ligature{font-variant-ligatures:none}.page-test .test-passage .working-tokens{color:var(--text-color);z-index:1;grid-area:1/1}.page-test .test-passage .tokens *{background:var(--background-color)}.page-test .test-passage .ghost-tokens{-webkit-user-select:none;user-select:none;grid-area:1/1}.page-test .test-passage .ghost-tokens *{color:var(--sub-color)}.page-test .test-passage .caret{border-right:.2rem solid var(--main-color);height:2rem;margin:-.3rem -.3rem -.3rem 0;display:inline-block}@keyframes caret-blink{0%{opacity:1}50%{opacity:0}to{opacity:1}}.page-test .test-passage .caret.blink{animation:1s infinite caret-blink}.page-test .test-passage .bottom{flex-direction:column;height:20vh;min-height:20rem;display:flex}.page-test .test-passage .results{flex-direction:column;justify-content:center;gap:2rem;height:20rem;display:flex}.page-test .test-passage .results .stats{justify-content:space-between;gap:1rem;display:flex}.page-test .test-passage .results .stat{flex-direction:column;display:flex}.page-test .test-passage .results .stat .title{color:var(--sub-color);font-size:1rem;line-height:1rem}.page-test .test-passage .results .stat .value{color:var(--main-color);font-size:3rem;line-height:3rem}.page-test .test-passage .results .controls{justify-content:center;gap:2rem;display:flex}.page-test .test-passage .results .controls button{font-size:1rem;line-height:1rem}.page-test .test-passage .results .hint{color:var(--sub-color);text-align:center;font-size:1rem;line-height:1rem}.page-test .test-passage .results .hint a{text-decoration:underline}.page-test .test-info{z-index:1;background:var(--background-color);border-radius:var(--border-radius);color:var(--sub-color);flex-direction:column;align-items:flex-end;gap:.5rem;display:flex;position:fixed;bottom:2rem;right:2rem}.page-about{flex-direction:column;gap:2rem;display:flex}.page-about .section{gap:.25rem;display:grid}.page-about .section-title{color:var(--sub-color);font-size:1rem;line-height:1rem}.page-about .section-title.big{margin:0 0 1rem;font-size:2rem;line-height:2rem}.page-settings{flex-direction:column;gap:2rem;display:flex}.page-settings .group-title{width:max-content;margin:-.25em;padding:.25em;font-size:2rem}.page-settings .group-title i{transition:transform .25s}.page-settings .group-title.collapsed i{transform:rotate(-90deg)}.page-settings .group{gap:2rem;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;display:grid;overflow:hidden}.page-settings .setting,.setting-action{grid-template:"title options""description options"1fr/2fr 1fr;align-items:center;gap:.5rem 2rem;display:grid}.page-settings .setting-title{color:var(--sub-color);grid-area:title;align-items:baseline;gap:.5em;margin:0;font-size:1rem;font-weight:300;display:flex}.page-settings .setting-description{grid-area:description}.page-settings .setting-description .danger{color:var(--error-color);line-height:2rem}.page-settings .setting-options{grid-area:options;grid-template-columns:repeat(auto-fit,minmax(4.5rem,1fr));gap:.5rem;display:grid}.page-account{flex-direction:column;gap:1rem;display:flex}.page-account .content{flex-direction:column;gap:2rem;display:flex}.page-account .content .profile{background:var(--sub-alt-color);border-radius:var(--border-radius);grid-auto-flow:column;align-content:center;gap:1rem;padding:1rem;display:flex}.page-account .content .profile .user{grid-template-columns:5rem 1fr;align-items:center;gap:1rem;display:grid}.page-account .content .profile .user .placeholder-avatar{color:var(--sub-color);font-size:5rem;line-height:5rem}.page-account .content .profile .user .username{font-size:1.5rem;line-height:1.5rem}.page-account .content .profile .separator{background:var(--background-color);border-radius:var(--border-radius);width:.5rem}.page-account .content .profile .placeholder-stats{justify-content:space-evenly;align-items:center;width:100%;display:flex}.page-account .content .profile .placeholder-stat{text-align:center;align-items:center;gap:.5rem;display:grid}.page-account .content .profile .placeholder-stat .title{color:var(--sub-color);font-size:.75rem;line-height:.75rem}.page-account .content .profile .placeholder-stat .value{font-size:3rem;line-height:3rem}.page-account .message{color:var(--sub-color);flex-grow:1;justify-content:center;align-items:center;display:grid}.page-login{align-items:center;display:flex}.page-login .sides{justify-content:space-around;align-items:flex-start;gap:1rem;width:100%;display:flex}.page-login .side{grid-template-columns:1fr;justify-content:center;gap:.5rem;display:grid}.page-login form{gap:.5rem;width:100%;display:grid}.page-login .response{justify-self:center;max-width:15rem;height:0;font-size:.75rem;font-weight:700;line-height:1rem}.page-login .response[data-mode=error]{color:var(--error-color)}.page-login .side-register .dynamic-input input{width:15rem;padding-right:2.1em}.page-login .side-login{grid-template-areas:"title forgot-password-button""form form"}.page-login .side-login .title{grid-area:title}.page-login .side-login .forgot-password-button{grid-area:forgot-password-button;margin-bottom:-.5em;font-size:.75rem;line-height:.75rem}.page-login .side-login form{grid-area:form}.page-login .dynamic-input{position:relative}.page-login .indicators{cursor:pointer;grid-template-rows:2.25em;grid-template-columns:2.25em;place-items:center;width:2.25em;height:2.25em;display:grid;position:absolute;top:0;right:0}.page-login .indicator{grid-area:1/1/2/2}.page-login .indicator.normal{color:var(--sub-color)}.page-login .indicator.success{color:var(--main-color)}.page-login .indicator.error{color:var(--error-color)}.page-404{place-content:center;display:grid}.page-404 .content{text-align:center;justify-items:center;gap:1rem;max-width:700px;display:grid}.page-404 .content .title{color:var(--main-color);font-size:5rem;line-height:4rem}.page-404 .content .verse{font-size:1.5rem;line-height:2rem}.page-404 .content .verse .quote,.page-404 .content .verse-reference{color:var(--sub-color)}.page-404 .content .button{width:max-content;margin-top:2rem;padding:1rem 2rem}:root,:root[data-theme=serika-dark]{--background-color:#323437;--main-color:#e2b714;--sub-color:#646669;--sub-alt-color:#2c2e31;--text-color:#d1d0c5;--error-color:#ca4754;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=serika-light]{--background-color:#e1e1e3;--main-color:#e2b714;--sub-color:#aaaeb3;--sub-alt-color:#d1d3d8;--text-color:#323437;--error-color:#da3333;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--background-color:#111;--main-color:#eee;--sub-color:#444;--sub-alt-color:#191919;--text-color:#eee;--error-color:#da3333;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=repose-dark]{--background-color:#2f3338;--main-color:#d6d2bc;--sub-color:#8f8e84;--sub-alt-color:#3a3c3d;--text-color:#d6d2bc;--error-color:#ff4a59;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=repose-light]{--background-color:#efead0;--main-color:#5f605e;--sub-color:#8f8e84;--sub-alt-color:#dbd6c4;--text-color:#333538;--error-color:#c43c53;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=godspeed]{--background-color:#eae4cf;--main-color:#9abbcd;--sub-color:#ada998;--sub-alt-color:#ded9c9;--text-color:#646669;--error-color:#ca4754;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=custom-1]{--background-color:#252525;--main-color:#ffc500;--sub-color:#424242;--sub-alt-color:#1a1a1a;--text-color:#bdbdbd;--error-color:#d34747;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=custom-2]{--background-color:#383f48;--main-color:#e2b714;--sub-color:#758193;--sub-alt-color:#242a32;--text-color:#d1d0c5;--error-color:#ff3f52;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=custom-3]{--background-color:#0a3a4a;--main-color:#e1b17f;--sub-color:#556e7a;--sub-alt-color:#082a36;--text-color:#d0d3d4;--error-color:coral;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}#root{min-width:320px;min-height:100vh}kbd{background:var(--sub-color);color:var(--background-color);border-radius:.1rem;margin:0;padding:.1rem .3rem;font-family:inherit;font-size:.7rem;font-weight:600;line-height:.7rem;display:inline-block}button svg,.button svg{pointer-events:none}.page-test .test-options button svg,.page-test .results button svg{width:1em;height:1em}.page-test .test-options .passage{text-overflow:ellipsis;white-space:nowrap;max-width:22rem;overflow:hidden}.loading-state,.error-state{width:100%;min-height:12rem;color:var(--sub-color);text-align:center;justify-content:center;align-items:center;gap:1rem;display:flex}.error-state{flex-direction:column}.error-state>div{gap:.5rem;display:flex}.esv-copyright{width:100%;color:var(--sub-color);text-align:center;font-size:.55rem;line-height:.8rem}.esv-copyright a{color:inherit}.popup-select-passage form.content{background:0 0;gap:0;width:350px;max-width:calc(100vw - 4rem);padding:0}.popup-select-passage .response{color:var(--error-color)}.form-message{max-width:15rem;color:var(--main-color);margin:.25rem 0;font-size:.75rem;line-height:1rem}.form-message.error{color:var(--error-color)}.sync-status{color:var(--sub-color);font-size:.7rem}.settings-meta{align-items:center;gap:.75rem;display:flex}.theme-options{grid-area:options;grid-template-columns:repeat(3,minmax(4.5rem,1fr));gap:.5rem;display:grid}.theme-option{position:relative;overflow:hidden}.theme-option:before{content:"";background:var(--preview-main);border-radius:50%;width:.65rem;height:.65rem}[data-preview-theme=serika-dark],[data-preview-theme=serika-light]{--preview-main:#e2b714}[data-preview-theme=dark]{--preview-main:#eee}[data-preview-theme=repose-dark]{--preview-main:#d6d2bc}[data-preview-theme=repose-light]{--preview-main:#5f605e}[data-preview-theme=godspeed]{--preview-main:#9abbcd}[data-preview-theme=custom-1]{--preview-main:#ffc500}[data-preview-theme=custom-2]{--preview-main:#e2b714}[data-preview-theme=custom-3]{--preview-main:#e1b17f}.account-actions{gap:.5rem;display:flex}.page-account .private-note{color:var(--sub-color);font-size:.75rem}@media (max-width:900px){.content-margin{min-width:1rem}#content{padding:1.5rem}.page-test .test-options{flex-wrap:wrap}.page-test .test-options .row.test-modes{order:3}.page-settings .setting,.setting-action{grid-template-columns:1.4fr 1fr}}@media (max-width:620px){.content-margin{min-width:0}#content{gap:1.25rem;padding:1rem}header{gap:.35rem}header #logo .text{display:none}header nav{gap:.15rem}header nav .nav-button{padding:.45rem}header nav .nav-button .text{display:none}.page-test .test-options{width:100%}.page-test .test-options .row:first-child{flex:1;min-width:0}.page-test .test-options .select-passage-button{min-width:0}.page-test .test-options .passage{max-width:42vw}.page-test .test-options .row.test-modes{width:100%;max-width:none}.page-test .test-options .test-mode{flex:1;gap:0;font-size:0}.page-test .test-options .test-mode svg{font-size:.75rem}.page-test .test-passage{font-size:1.05rem;line-height:2.2rem}.page-test .test-passage .character{line-height:2.2rem}.page-test .test-passage .chapter-number{font-size:3.6rem;line-height:4.5rem}.page-test .test-passage .results .stat .value{font-size:1.7rem;line-height:2rem}.page-test .test-passage .results .stat .title{font-size:.65rem}.page-settings .setting,.setting-action{grid-template-columns:1fr;grid-template-areas:"title""description""options";gap:.5rem}.page-settings .setting-options,.theme-options{width:100%}.page-login .sides{flex-direction:column;align-items:stretch;gap:2rem}.page-login .side-register .dynamic-input input,.page-login input{width:100%}.page-account .content .profile{flex-direction:column}.page-account .content .profile .separator{width:100%;height:.5rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
