#cookie-consent-banner{display:none;position:fixed;inset:auto 0 0;font-size:.9em;background-color:#f8f9fa;padding:15px;text-align:center;box-shadow:0 -2px 10px #0000001a;z-index:1000;translate:0 0px;transition:translate .5s ease}@starting-style{#cookie-consent-banner{translate:0 200px}}#cookie-consent-banner p{color:var(--dark);max-width:80ch;margin:0 auto 12px}#cookie-consent-banner button{display:inline;margin:8px;padding:10px 25px;cursor:pointer;font-size:1em;border:1px solid black;border-radius:50px}#accept-cookies{background-color:#000;color:#fff}#reject-cookies{background-color:#fff;color:#000}:root{view-transition-name:root;--green: #44c462;--blue: #007BFF;--pink: hsl(340, 100%, 63%);--orange: hsl(26, 100%, 51%);--coral: hsl(0, 100%, 66%);--violet: hsl(280, 81%, 61%);--bluegreen: hsl(172, 100%, 37%);--gold: light-dark(#f0bd3d, #e7ba49);--red: #FF5252;--gray: #363636;--softText: #858585;--dark: #213547;--light: rgb(228, 228, 228);--page-padding: 2rem;--bottom-space: 0px;--bd-radius: 12px;font-family:Inter,sans-serif,system-ui;font-optical-sizing:auto;font-size:1.1875rem;line-height:1.5;color-scheme:light dark;background-color:light-dark(white,black);color:light-dark(var(--dark),var(--light));font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;overscroll-behavior-y:contain}:root[data-transition=circle-in]::view-transition-new(main-content){animation-name:circle-in;animation-duration:calc(var(--anim-slow)*2)}@media (max-width: 400px){:root{font-size:1.1rem}}book-card [data-action=resetLesson]{inset:0 0 -15px -15px!important}*:focus,*:focus-visible{outline:none}::view-transition-group(cover),::view-transition-group(main-content){animation-duration:var(--anim-slow);animation-timing-function:ease}::view-transition-group(menu),::view-transition-group(banner){z-index:999}::view-transition-group(login){animation:none;z-index:1000}:root[data-transition=slide-right]::view-transition-old(main-content){animation-name:slide-out-left}:root[data-transition=slide-right]::view-transition-new(main-content){animation-name:slide-in-right}:root[data-transition=slide-left]::view-transition-old(main-content){animation-name:slide-out-right}:root[data-transition=slide-left]::view-transition-new(main-content){animation-name:slide-in-left}:root[data-transition=slide-up]::view-transition-new(main-content){animation-name:slide-in-up}:root[data-transition=slide-down]::view-transition-old(main-content){animation-name:slide-out-down}:root[data-transition=slide-in-down]::view-transition-new(main-content){animation-name:slide-in-down}:root[data-transition=slide-out-up]::view-transition-old(main-content){animation-name:slide-out-up}:root[data-transition=slide-out-up]::view-transition-new(main-content){animation-name:fadeIn}:root[data-transition=zoom-out]::view-transition-old(main-content){animation-name:zoomOut}:root[data-transition=zoom-out]::view-transition-new(main-content){animation-name:zoomIn}:root[data-transition=zoom-in]::view-transition-old(main-content){animation-name:zoomInOut}:root[data-transition=zoom-in]::view-transition-new(main-content){animation-name:zoomInIn}:root[data-transition=fade-in]::view-transition-old(main-content){animation-name:fadeIn;animation-direction:reverse}:root[data-transition=fade-in]::view-transition-new(main-content){animation-name:fadeIn}:root[data-transition=scaleUp]::view-transition-old(main-content){animation:none}:root[data-transition=scaleUp]::view-transition-new(main-content){animation-name:scaleUp}:root[data-transition=scaleDown]::view-transition-old(main-content){animation:scaleDown var(--anim-slow) ease both}@keyframes fadeIn{0%{opacity:0}}@keyframes slide-out-left{0%{translate:0 0;opacity:.8}to{translate:-50% 0;opacity:0}}@keyframes slide-in-right{0%{translate:50% 0;opacity:0}to{translate:0 0}}@keyframes slide-in-left{0%{translate:-50% 0;opacity:0}to{translate:0 0}}@keyframes slide-out-right{0%{translate:0 0;opacity:.8}to{translate:50% 0;opacity:0}}@keyframes slide-in-up{0%{translate:0 100px;opacity:0}to{translate:0 0}}@keyframes slide-out-down{0%{translate:0 0;opacity:.8}to{translate:0 100px;opacity:0}}@keyframes slide-in-down{0%{translate:0 -100px;opacity:0}to{translate:0 0}}@keyframes slide-out-up{0%{translate:0 0;opacity:.8}to{translate:0 -100px;opcatity:0}}@keyframes zoomOut{to{transform:scale(.8);opacity:0}}@keyframes zoomIn{0%{transform:scale(1.2);opacity:0}}@keyframes zoomInIn{0%{transform:scale(.8);opacity:0}}@keyframes zoomInOut{to{transform:scale(1.2);opacity:0}}@keyframes circle-in{0%{clip-path:circle(0% at 50% 50%)}to{clip-path:circle(120% at 50% 50%)}}#loginCheck{view-transition-name:login;position:fixed;inset:0 0 auto;display:grid;place-items:center;height:54px;color:#fff;background-color:#165adb;z-index:1000}#shortcuts{display:flex;max-height:150px;position:sticky;inset:0 0 auto;padding-block:10px;translate:0 -10px;gap:20px;transition:max-height ease,opacity ease,transform ease,padding ease;transition-duration:var(--anim-slow);z-index:1}#shortcuts.hidden{max-height:0;opacity:0;padding:0;transform:translateY(-20px);pointer-events:none}#shortcuts img{width:64px}#shortcuts span{font-size:.7rem;margin-block-start:8px}#shortcuts.x-scroll-ctn{box-shadow:none}ul,ol{align-self:start;display:grid;gap:11px;margin-block:10px;padding-inline:30px 10px}#main.animTuto .tooltip{animation:borderBlink .6s linear 4 forwards}.tooltip{outline-offset:2px;border-radius:var(--bd-radius)}.tooltip-static{outline:2px solid black;outline-offset:1px;border-radius:6px}.margin-bottom{margin-block-end:var(--bottom-space)}@media (prefers-reduced-motion){:root{--anim-slow: 0ms;--anim-fast: 0ms}}@media (min-width: 1024px){:root{font-size:1.25rem}#addXP{right:100px!important}}button{position:relative}button.load:before{content:"";position:absolute;left:15px;top:50%;transform:translateY(-50%);width:16px;height:16px;border:2px solid white;border-top:2px solid transparent;border-radius:50%;animation:spin 1s linear infinite}button.inverted.load:before{border:2px solid black;border-top:2px solid transparent}custom-select{min-height:48px;display:grid;justify-content:end;align-items:center;position:relative;padding:6px;border:1px solid light-dark(var(--dark),var(--light));border-radius:12px;cursor:pointer;min-width:48px}custom-select #opCtn{display:flex;flex-direction:column;width:max-content;border:1px solid black;position:absolute;inset:95% auto auto;background-color:light-dark(white,#bfbfbf);border-radius:var(--bd-radius);z-index:1;overflow:hidden;color:var(--dark)}custom-select #opCtn>*:nth-child(odd){background-color:var(--light)}custom-select .op{min-width:48px;padding:8px;place-content:center;text-align:center}select,::picker(select){appearance:base-select}::picker(select){border-radius:.5rem;padding:0;box-shadow:0 12.8px 28.8px #00000021,0 0 9.2px #0000001c;border:1px solid #ececec}option{grid-template-columns:1.5rem 1fr auto;padding:.5rem 1rem;place-items:start}option:nth-child(2n):not(:hover){background:#ececec;color:var(--dark)}option:hover{background:#cbe7ff;color:var(--dark)}#install-button{position:static;inset:auto 0 0;margin-block-start:65px;z-index:1000;padding:16px 24px;font-size:.9rem;color:#fff;background-color:#6200ee;box-shadow:0 2px 4px #0003;transition:background-color .3s ease,box-shadow .2s ease;font-family:Roboto,sans-serif}#install-button:hover{background-color:#3700b3}#install-button:active{box-shadow:0 1px 2px #0000004d}#install-button:focus{outline:none;box-shadow:0 0 0 3px #6200ee66}#usergroupLink{width:min(100%,700px);margin-inline:auto;display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;background-color:light-dark(#F9F9F9,#212121);padding:8px 10px;border-radius:var(--bd-radius);margin-block-start:-5px;box-shadow:0 1px 1px #9e9e9e33;transition:min-height var(--anim-slow) ease}user-group{display:grid;grid-template-rows:auto 1fr auto;align-items:center;flex-grow:1}user-group:has(.simple-loader:only-child){grid-template-rows:1fr}user-group #group{width:min(100%,600px);margin-inline:auto;z-index:1;flex-grow:1;display:flex;flex-direction:column}user-group h1{display:flex;gap:10px;font-size:1.2rem}user-group h2{margin-block-end:3px}user-group #title{margin-block:auto 6px;font-size:1.4rem}user-group #filters{display:flex;gap:10px;flex-wrap:wrap;margin-block-end:25px}user-group #filters>button{flex:20% 0 0;max-width:15ch;display:grid;grid-template-rows:auto auto;font-size:.6rem;gap:4px;padding:5px}user-group #filters img{width:32px}user-group #filters span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:8ch}user-group #bordCtn{width:min(100%,650px);margin-inline:auto}user-group #board{width:min(100%,650px);padding:15px 12px;margin:auto;display:grid;grid-template-columns:3fr 2fr 4fr 1fr;gap:25px 5px;align-items:center;justify-content:space-between;background-color:light-dark(#f4f4f4,#ebebeb);border-radius:var(--bd-radius);border:2px solid light-dark(#cdcdcd,#c8c8c8);color:var(--dark);font-size:.92rem}user-group #board .label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:capitalize}user-group #board svg{translate:0 -2px}user-group #board .lvl{font-size:.8rem;text-align:right}user-group #progress-container{position:relative;border-radius:var(--bd-radius)}user-group #progress-bar{border-radius:var(--bd-radius)}user-group .val{font-size:.8rem}user-group form{display:grid;gap:20px;margin-block-end:20px}.svgRed{fill:var(--red)}app-instructions{display:grid;grid-template-rows:auto 1fr;gap:30px;flex-grow:1}app-instructions ol{display:grid;gap:15px;grid-auto-rows:min-content}app-home,app-explore,app-favorites,app-settings,intuit-flashcards,intuit-parser,app-goals{position:relative}app-explore #exploreCtn{display:grid;gap:15px;margin-top:-5px}app-explore #search{width:fit-content;margin-left:auto;margin-block:10px}#page-search{height:100%}#page-search>div{gap:15px;position:relative}#page-search #cross{position:absolute;inset:auto 10px auto auto;height:100%;place-items:center}#page-search #cross svg{fill:#000}:is(app-home,app-explore) book-card{box-shadow:0 1px 3px light-dark(#bcbcbc,transparent)}:is(app-home,app-explore) book-card button{align-self:start;padding:0}:is(app-home,app-explore) book-card .txtCtn svg>path:nth-child(2){opacity:0}:is(app-home,app-explore) book-card.bookmarked .txtCtn svg>path:nth-child(2){opacity:1}.sidepage{width:min(100vw,900px);padding:70px 12px 80px;margin-inline:auto;position:fixed;inset:0;z-index:2;background-color:light-dark(white,black);transition:transform var(--anim-slow) ease;transform:translate(100vw)}.sidepage.show{transform:translate(0)}.error{color:var(--red);font-size:.9rem}@keyframes shine{0%{transform:translate(-50%,-50%)}to{transform:translate(50%,50%);display:none}}@keyframes blink{0%{opacity:0}32%,68%{opacity:1}to{opacity:0}}@keyframes glow{0%{filter:brightness(1)}to{filter:brightness(1.5);box-shadow:0 2px 10px 10px #aaa;scale:1.03}}@keyframes borderBlink{0%{outline:2px solid light-dark(var(--dark),var(--light))}to{outline:2px solid transparent,var(--light)}}@keyframes appear{0%{opacity:0}to{opacity:1}}@keyframes defaultRight{to{right:0%}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes backForth{0%{transform:translate(-3px)}to{transform:translate(0)}}@keyframes upAndDown{0%{translate:0 3px}to{translate:0 -2px}}@keyframes spin{to{transform:translateY(-50%) rotate(360deg)}}@keyframes fadeOut{to{opacity:0}}@keyframes moveParticle{to{transform:translate(100px,100px)}}@keyframes shrink{0%{scale:1}to{scale:0}}@keyframes scaleUp{0%{scale:1 .2;opacity:.3}to{scale:1 1;opacity:1}}@keyframes scaleDown{0%{scale:1 1;opacity:1}to{scale:1 .2;opacity:0}}.shrink{animation:shrink var(--anim-slow) ease both}.glow{animation:glow var(--anim-slow) alternate 2}.simple-loader{animation:rotateZ 2s infinite ease-in-out;margin:auto}@keyframes rotateZ{to{transform:rotateY(360deg)}}@keyframes jelly{0%{outline:0px solid light-dark(black,var(--light))}50%{outline:2px solid light-dark(black,var(--light))}to{outline:1px solid light-dark(black,var(--light))}}@keyframes scaleUpDown{0%,to{scale:1}50%{scale:1.02;box-shadow:1px 3px 2px #a3a3a3}}.blink{animation:blink var(--anim-slow) -80ms cubic-bezier(.5,0,.5,1) both}.scale-up{scale:1.02;animation:scaleUpDown var(--anim-slow) ease forwards}.shake{rotate:10deg;transform-origin:50%;transition:rotate var(--anim-slow) ease}button,.btn{border:0;background:none;padding:2px;cursor:pointer;display:grid;place-items:center;align-content:center;font-size:.95rem;line-height:1.2}svg{fill:light-dark(black,var(--light))}a,a:visited,a:hover{text-decoration:none}b,.b{font-weight:700}hr{width:100%;margin-block:10px 15px}.form-data{display:grid;gap:3px 0px;position:relative}.form-data.inline{display:flex;justify-content:space-between;align-items:center;padding-inline:5px}#togglePassword{position:absolute;inset:29px 8px auto auto;width:fit-content;padding:5px}#togglePassword #cross{display:none}label{margin-inline-start:5px;text-align:left}.form-data input,.form-data select{height:40px;border-radius:var(--bd-radius);border:0;flex-grow:1;padding-inline:12px;background-color:#dedede;color:var(--dark);align-items:center;font-size:.9rem}input[type=checkbox]{width:14px;aspect-ratio:1/1}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;inset:0;background-color:#ccc;transition:.4s;border-radius:34px}.slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s;border-radius:50%}input:checked+.slider{background-color:#2196f3}input:checked+.slider:before{transform:translate(26px)}.btn-dark{min-height:52px;display:grid;gap:10px;place-items:center;justify-content:center;grid-auto-flow:column;grid-auto-columns:max-content;width:min(400px,100%);border-radius:100px;background-color:light-dark(black,var(--gray));border:1px solid light-dark(#444444,#494949);color:#fff;padding:10px 25px;margin-inline:auto}.btn-dark.inverted{background-color:#fff;color:#000}.btn-gold{background-color:var(--gold);border:1px solid gold;font-weight:700}.navlink{cursor:pointer}.wave:after{content:"";position:absolute;top:50%;left:50%;width:70px;aspect-ratio:1/1;transform:translate(-50%,-50%) scale(0);border-radius:50%;pointer-events:none;border:2px solid light-dark(black,var(--light));animation:ripple calc(var(--anim-slow)*1) .1s ease-out;z-index:0}@keyframes ripple{0%{opacity:1;transform:translate(-50%,-50%) scale(.2)}to{opacity:0;transform:translate(-50%,-50%) scale(1)}}.x-scroll-ctn{position:relative;display:flex;gap:9px;overflow:hidden;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;margin-block-start:-10px;padding-top:10px;-webkit-overflow-scrolling:touch;border-radius:12px}.x-scroll-ctn::-webkit-scrollbar{display:none}app-home .x-scroll-ctn,app-explore .x-scroll-ctn{margin-inline-end:-6px}@media (pointer: fine) and (min-width: 500px){.x-scroll-ctn .navLeft,.x-scroll-ctn .navRight{position:sticky;display:grid;place-items:center;font-size:2rem;color:#000;inset:0 91% 0 auto;border-radius:50px;height:60px;translate:0 -25%;aspect-ratio:1/1;margin:auto;background-color:#ffffff80;z-index:1;transition:background-color var(--anim-slow) ease both}.x-scroll-ctn .navRight{transform:scale(1);inset:0 1% 0 auto}.x-scroll-ctn .navLeft:hover,.x-scroll-ctn .navRight:hover{background-color:#ffffffb3;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}}.x-scroll-ctn>*{scroll-snap-align:start}app-home>h2,app-explore h2{margin-block-end:-15px}.y-scroll-ctn{height:100vh;overflow-y:scroll;scroll-snap-type:y mandatory}.y-scroll-ctn>*{scroll-snap-align:start;height:100vh}.bd-radius{border-radius:var(--bd-radius)}.mg-block-end{margin-block-end:.4rem}.align-start{align-self:start}h2{font-size:1.2rem}.wd-100{width:100%}.flex{display:flex;align-items:center;min-width:0}.flex-col{display:flex;flex-direction:column}.flex.start{align-items:start}.grid{display:grid;min-width:0;grid-auto-rows:max-content}.gap-1{gap:1rem}.order1{order:1}#overlay{position:fixed;inset:0;z-index:998;pointer-events:none;opacity:0;background-color:light-dark(white,black)}#banner{view-transition-name:banner;position:sticky;top:0;height:54px;z-index:999;box-shadow:0 1px 3px #9e9e9e80;display:flex;justify-content:space-between;align-items:center;padding:0 11px;border-radius:0 0 4px 4px;transition:background-color,var(--anim-slow) ease,height var(--anim-slow) ease}#banner>div{width:min(100%,920px);display:flex;margin:auto;justify-content:space-between}#banner #links{width:fit-content;gap:25px;transition:width 1s ease;interpolate-size:allow-keywords}#banner #links button{transition:transform var(--anim-slow) ease}@keyframes slide-scaleDown{0%{opacity:0;translate:0 10px}30%,65%{opacity:1;translate:0 0;scale:1}to{scale:0}}#addXP{display:flex;gap:1px;align-items:baseline;position:fixed;inset:75px 25px auto auto;font-weight:700;animation:slide-scaleDown calc(var(--anim-slow)*4) ease both}#addXP.topOffset{top:115px}#addXP.topSmOffset{top:100px}#addXP span{font-size:.65rem}#menu,#banner{background-color:light-dark(rgba(255,255,255,.87),rgba(0,0,0,.87));backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}#menu.small,#banner.small{background-color:light-dark(rgba(255,255,255,.55),rgba(0,0,0,.55));-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px)}:root:has(app-home) #menu,:root:has(app-explore) #menu,:root:has(app-favorites) #menu,:root:has(app-goals) #menu,:root:has(app-premium) #menu,:root:has(app-signin) #menu,:root:has(app-signup) #menu{translate:0px 0px}:root:has(#bookmarks.open) #menu,:root:has(#page-search.show) #menu{translate:0px 100px}:root:has(app-home) #home{color:light-dark(black,var(--light))}:root:has(app-home) #home svg{fill:light-dark(black,var(--light))}:root:has(app-explore) #explore{color:light-dark(black,var(--light))}:root:has(app-explore) #explore svg{fill:light-dark(black,var(--light))}:root:has(app-favorites) #favorites{color:light-dark(black,var(--light))}:root:has(app-favorites) #favorites svg{fill:light-dark(black,var(--light))}:root:has(app-premium) #login{color:light-dark(black,var(--light))}:root:has(app-premium) #login svg{fill:light-dark(black,var(--light))}#menu{view-transition-name:menu;position:fixed;inset:auto 0 0;width:min(100%,500px);margin-inline:auto;justify-content:space-around;height:62px;border-radius:4px 4px 0 0;box-shadow:0 1px 3px #0000007f;translate:0px 100px;transition:translate var(--anim-slow) var(--anim-fast) ease,background-color var(--anim-slow) ease,height var(--anim-slow) ease}@starting-style{#menu{translate:0px 100px}}#menu button{display:grid;place-content:center;gap:3px;color:light-dark(#a7a7a7,#747474);font-size:11px}#menu svg{padding:1px;aspect-ratio:1/1;fill:light-dark(#a7a7a7,#747474)}#menu #premium{display:none!important}@media screen and (min-width:500px){#menu{border-radius:16px;inset:auto 12px 12px}}@media (display-mode: standalone) and (max-width:500px){:root{--bottom-space: 15px}#menu{height:75px}#menu button{translate:0 -6px;gap:2px}}#bulb,#trainVoc,#cogwheel{display:none}:root:has(tuto-element) #bulb{display:grid}:root:has(quiz-review) #cogwheel{display:grid}#bulb.on>svg{stroke:#f1c40f;filter:drop-shadow(0 0 10px #ffec70) drop-shadow(0 0 30px #ffef99)}#bulb.on>svg path{fill:#ffea61}:root:has(dialog-box) #trainVoc,:root:has(intuit-splitview) #trainVoc,:root:has(easy-read) #trainVoc{display:grid}#settings-btn{display:none}#settings-btn.rotate{transform:rotate(30deg)}:root:has(app-home) #settings-btn,:root:has(app-favorites) #settings-btn,:root:has(app-premium) #settings-btn,:root:has(app-settings) #settings-btn,:root:has(app-explore) #settings-btn{display:grid}.private{filter:grayscale()}.txtShadow{text-shadow:1px 0px 0px #2f2f2f8a}book-card{flex:43% 0 0;position:relative;cursor:pointer;border-radius:var(--bd-radius);min-width:120px;max-width:180px;margin:2px;display:grid;align-items:start;transition:all var(--anim-slow) ease}@media (min-width: 800px){book-card{max-width:min(22%,180px)}}book-card.private button[data-href]:before{content:"";position:absolute;inset:0;margin:auto;z-index:1;width:30%;aspect-ratio:1/1;pointer-events:none;background-size:contain;background-repeat:no-repeat;background-image:url(https://firebasestorage.googleapis.com/v0/b/intuitread-2ad12.firebasestorage.app/o/publicContent%2Fimages%2Ficons%2Flock.webp?alt=media)}book-card.toReview{background-color:#ff6c6c}book-card .imgCtn{aspect-ratio:1/1;overflow:hidden}book-card .imgCtn>*{width:100%;aspect-ratio:1/1;border-radius:var(--bd-radius) var(--bd-radius) 0 0;background-color:light-dark(#eeeeee,#d6d6d6)}book-card .imgCtn>*:is(div){place-items:center;align-content:center;padding:10px;color:#000}book-card .imgCtn>*.basics{background-color:light-dark(#73c2d3,#73c2d3)}book-card .imgCtn>*.basics.korean{background-color:#ffeeab}book-card .imgCtn>*.arithmetic{background-color:#66c37c}book-card .imgCtn>*.grammar{background-color:#58acec;font-size:1.2rem}book-card .imgCtn>*.grammar.korean{font-weight:700}book-card .imgCtn>*.grammar:after{content:"☁";color:#ededed;position:absolute;inset:17px 9px auto auto;font-size:1.7rem}book-card .imgCtn>*.grammar:before{content:"☁";color:#ededed;position:absolute;inset:auto auto 90px 4px;font-size:1.2rem}book-card .imgCtn>*.cover{view-transition-name:cover}book-card .imgCtn:has(img):after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(135deg,#fff0 40%,#ffffff4d,#fff0 60%);animation:shine calc(var(--anim-slow)*3) calc(var(--anim-fast)*2) 2 ease-out both}book-card.loaded .imgCtn:after{content:none;animation:none}book-card .txtCtn{height:100%;min-height:55px;padding:5px;display:grid;gap:2px 4px;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;grid-auto-flow:column}book-card .txtCtn>div:has(svg){display:flex;gap:4px}book-card>button[data-href]{overflow:hidden;border-radius:var(--bd-radius) var(--bd-radius) 0 0}book-card [data-action=resetLesson]{position:absolute;inset:0 0 -5px -5px}book-card>div.complete{position:absolute;inset:-2px -1px auto auto;width:24px;aspect-ratio:1/1;display:grid;place-items:center;z-index:1;transition:scale var(--anim-slow) .4s,rotate var(--anim-slow) .35s}@starting-style{book-card>div.complete{scale:0;rotate:-360deg}}book-card>div.complete.hard:before{background-color:var(--gold)}book-card>div.complete:before{content:"";position:absolute;inset:0;border-radius:50px;background-color:var(--green);z-index:-1}book-card>div.complete:after{content:"";position:absolute;inset:-2px;border-radius:50px;background-color:light-dark(white,black);z-index:-2;box-shadow:0 1px 3px #9e9e9e80}book-card h3{font-size:.8rem;line-height:1.1;display:grid;align-items:center;text-wrap:pretty}book-card #time{display:flex;align-items:center;font-size:.7rem;color:var(--softText);line-height:1.3}@media (hover: hover) and (min-width: 1025px){.x-scroll-ctn:not(:has(.navRight.shrink)) book-card:hover{box-shadow:2px 3px 3px 1px #b8b8b8a6;translate:0px -5px}}.book-thumbnail{display:grid;grid-template-columns:70px 1fr auto;gap:10px;position:relative;align-items:center}.book-thumbnail.private:after{content:"";position:absolute;inset:auto auto auto 25px;margin:auto;width:24px;aspect-ratio:1/1;background-size:contain;background-repeat:no-repeat;background-image:url(https://firebasestorage.googleapis.com/v0/b/intuitread-2ad12.firebasestorage.app/o/publicContent%2Fimages%2Ficons%2Flock.webp?alt=media)}.book-thumbnail img{width:70px;aspect-ratio:1/1;border-radius:5px}.book-thumbnail p{color:var(--softText);text-transform:capitalize;font-size:.8em}.book-thumbnail h3{white-space:nowrap;font-size:.9rem;overflow:hidden;text-overflow:ellipsis}app-settings{width:min(100%,800px);margin-inline:auto;display:flex;flex-direction:column;flex-grow:1;align-content:start}app-settings #configCtn{gap:20px;flex-grow:1}app-settings h2{text-align:center}app-settings #back{position:absolute;inset:8px 5px auto auto}app-settings #logout,app-settings #deleteAccount{margin-block-start:auto;background-color:var(--red);border-color:var(--red);z-index:1}app-settings .btns{margin-block-start:auto;display:grid;gap:20px}app-settings #return{position:absolute;inset:78px auto auto 10px}app-settings #subscription-details{height:100%;flex-grow:1;display:flex;flex-direction:column;gap:30px}app-settings #subscription-details #status.active{background-color:light-dark(#cef5ce66,#cef5ce33);color:light-dark(#227b37,#3db75a)}app-settings #subscription-details #status.expired{background-color:light-dark(#f5cece66,#f5cece33);color:light-dark(#7b2222,#b73d3d)}app-settings #portal{background-color:var(--blue);border:0;margin-block-start:auto;transition:background-color var(--anim-fast) ease}app-settings #portal:hover{background-color:#0056b3}app-settings h3{font-size:1rem}app-home,app-explore>*,app-favorites,app-settings,app-premium,app-signup,app-signin,intuit-flashcards,app-subscribe,app-instructions,app-goals{background-color:light-dark(white,black);animation:appear var(--anim-slow) ease-out}app-home>*:last-child,app-explore>#exploreCtn,app-favorites>#container{margin-block-end:75px}.progress-circle{--progress-circle-color: light-dark(rgb(216, 216, 216), rgb(105 105 105));display:grid;place-items:center;position:relative;width:80px;aspect-ratio:1/1;border-radius:50%;background:conic-gradient(var(--green) var(--progress),var(--progress-circle-color) var(--progress));overflow:hidden}.progress-circle:before{content:"";position:absolute;inset:4px;border-radius:50%;background:light-dark(white,#747474)}.progress-circle.complete:before{background-color:#ebfff0}.progress-circle.complete{color:var(--dark)}app-home{display:grid;gap:15px}app-home #progress-container{position:relative;border-radius:var(--bd-radius);height:5px}app-home #progress-bar{border-radius:50px;background:linear-gradient(to bottom,#3db859 0%,#3db859 1px,var(--green) 1px,var(--green) 100%)}app-home #xpHd{font-weight:700;font-size:.7rem}app-home #xpCtn{width:100%;position:relative;display:grid;gap:4px;font-size:.6rem}app-home #xp{justify-self:end}app-home #xpInc{position:absolute;font-weight:700;font-size:.8rem;inset:-30px 10px auto auto;opacity:0;translate:-30px 20px;transition:all calc(var(--anim-slow)*2) calc(var(--anim-slow)*1.5) ease}@starting-style{app-home #xpInc{opacity:1;translate:0 0}}app-home #statsHd{align-items:center;justify-content:space-between;line-height:1.1;margin-block:-15px 10px}app-home #engagement{gap:2px;translate:0 -2px;align-items:baseline}app-home #engagement svg{translate:0 2px}app-home #engagement #studiedLabel{margin-inline-start:6px}app-home #stats-ctn{width:min(100%,700px);margin-inline:auto;position:relative;display:flex;justify-content:space-between;gap:10px;text-align:center;line-height:1}app-home #stats-time>div,app-home #stats-books>div,app-home #stats-words>div{z-index:1;gap:1px 2px}app-home #stats-time>div,app-home #stats-words>div{translate:0 3px}app-home .stats-card{width:min(100%,200px);grid-template-rows:80px 1fr;max-height:160px;gap:8px;padding:8px;justify-content:space-around;background-color:light-dark(#F9F9F9,#212121);place-items:center;align-content:space-evenly;box-shadow:0 1px 1px #9e9e9e33}app-home .stats-card h3{font-size:1.1rem}app-home .stats-card p{font-size:.68rem;color:var(--soft-text);line-height:1.1}intuit-loader{display:contents}intuit-loader h1{font-size:1.4rem;align-self:start;text-align:left;line-height:1.4}app-favorites{flex-grow:1}app-favorites #title{margin-block-start:10px}app-favorites .btns{height:40px;justify-content:space-between;margin-block:1rem}app-favorites .btns svg{fill:#191919}app-favorites .btn{width:auto;height:100%;min-width:60px;background-color:#d7d7d7;padding:8px 12px;border-radius:100px;color:var(--dark);font-size:.8rem}app-favorites #container{display:flex;flex-wrap:wrap}app-favorites .card{display:grid;place-items:center;align-content:center;background-color:light-dark(#d8d8d8,var(--gray));border-radius:var(--bd-radius);aspect-ratio:1 / 1;margin-block-end:4px}app-favorites book-card{grid-template-columns:1fr;flex-grow:1;padding:10px;cursor:pointer}app-favorites .word{align-items:"center";justify-content:space-between;padding:9px;cursor:pointer}app-favorites .word>span{padding-inline:2px}app-favorites #results{display:flex;flex-direction:column;flex-grow:1;overflow-y:scroll}app-favorites #results span{max-width:47vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}app-favorites #resultsWords{gap:0}app-favorites .emptyMsg{margin:auto;text-align:center}app-favorites .emptyMsg h3{margin-block-end:5px}app-favorites .emptyMsg p{font-size:.9rem}app-goals .goalsCtn{display:grid;gap:20px;margin-block-end:3rem}app-goals .goalsCtn p{border-radius:var(--bd-radius);padding:15px;background-color:#e2e2e2;font-size:.9em;color:var(--dark)}app-goals #shareBtn{margin-block:15px 75px}app-goals .achievCtn{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));place-items:center;color:#000}app-goals .achievCtn>button{display:grid;width:100%;aspect-ratio:1/1;padding-block:20px 0;place-items:center;align-content:center;background-color:#e6e6e6;border-radius:var(--bd-radius)}app-goals .achievCtn span{font-size:4rem}app-goals .achievCtn h3{font-size:.9rem}app-goals .achievCtn button:not(.private){cursor:auto}app-goals .inputCtn{display:flex;gap:20px}app-goals .inputCtn>input{max-width:180px;text-align:center}app-goals .inputCtn>button{min-width:30px;flex:30%;flex-grow:1;max-width:100px;background-color:#282828;color:#fff;border-radius:var(--bd-radius)}app-goals p{margin-block:.5rem .8rem;padding-inline:3px}app-goals h2{text-align:center}app-goals #back{position:absolute;inset:8px 5px auto auto}app-goals input{font-size:1rem}#bookmarks{width:min(900px,100%);position:fixed;margin-inline:auto;inset:55px 0 0;padding:15px 5px;background-color:light-dark(white,black);translate:0 101vh;transition:all calc(var(--anim-slow)*1.2) ease;z-index:-1}#bookmarks.open{translate:0;z-index:1;transition-duration:var(--anim-slow)}dialog{gap:10px;height:auto;position:fixed;margin-inline:auto;background-color:light-dark(white,var(--light));box-shadow:3px 4px 5px 1px #5353537f;font-size:.95rem;color:var(--dark);border:2px solid var(--gray);border-radius:var(--bd-radius);padding:15px;width:min(500px,100%);opacity:0;scale:.5;translate:0 calc(40px - 50%);transition:overlay allow-discrete,opacity ease,translate ease,scale ease,display allow-discrete;transition-duration:var(--anim-slow);z-index:1;contain:layout paint style}dialog:not([open]){translate:0 calc(40px - 50%)}dialog[open]{display:grid;translate:0 calc(0px - 50%);opacity:1;scale:1}@starting-style{dialog[open]{display:grid;opacity:0;translate:0 calc(-40px - 50%)}}dialog:has(#scanner){translate:0 calc(40px - 50%)!important}dialog.top{inset:40px 20px auto;transform:translateY(50%)}@starting-style{dialog.top{scale:.7}}dialog.topM{inset:310px 20px auto}dialog.middle{inset:50vh 20px auto}dialog.bottom{inset:auto 20px 30px;transform:translateY(50%)}@starting-style{dialog.bottom{translate:0 300px;scale:.7}}dialog .content{display:contents}dialog h2{margin-block:.5rem;line-height:1.4}dialog p{text-align:center;margin-block:15px}dialog .btn-dark{min-height:46px;font-size:.9em}dialog .form-data input,dialog .form-data select{border:1px solid light-dark(transparent,var(--dark))}dialog .btnCtn{gap:15px;margin-block-start:15px}dialog .btnDel{background-color:dark-light(white,var(--light));border-color:var(--red);color:var(--red)}dialog::backdrop{opacity:0;transition-property:overlay allow-discrete,display allow-discrete,opacity ease;transition-duration:var(--anim-slow);transition-timing-function:ease}dialog[open]::backdrop{opacity:1}@starting-style{{opacity:0}}@starting-style{dialog[open]::backdrop{opacity:0}}@media (min-width: 1440px){#notifBanner.tuto{inset:60px 20px auto auto;transform:translateY(50%)}@starting-style{#notifBanner.tuto{translate:0 calc(-40px - 50%)}}#addXP{right:300px!important}}:is(app-premium,app-subscribe,subscription-success,app-signup,app-signin) h1{text-align:center;text-wrap:pretty}:is(app-premium,app-subscribe,subscription-success,app-signup,app-signin) h2{font-weight:700;margin-block:1rem}:is(app-premium,app-subscribe,subscription-success,app-signup,app-signin) ul,:is(app-premium,app-subscribe,subscription-success,app-signup,app-signin) ol{text-align:left;margin:1.5rem auto;width:fit-content;display:grid;gap:15px}:is(app-premium,app-subscribe,subscription-success,app-signup,app-signin) ul{list-style:circle}:is(app-premium,app-subscribe,subscription-success,app-signup,app-signin) p{text-wrap:pretty;margin-block:10px}:is(app-premium,app-subscribe,subscription-success,app-signup,app-signin) .section{margin-bottom:70px;width:min(100%,500px);margin-inline:auto;display:grid;grid-template-rows:auto auto 1fr}:is(app-premium,app-subscribe,subscription-success,app-signup,app-signin) .btn-ctn{width:100%;justify-content:space-between;gap:20px}:is(app-premium,app-subscribe,subscription-success,app-signup,app-signin) .btn,:is(app-premium,app-subscribe,subscription-success,app-signup,app-signin) button:not(#GoogleBtn):not(#togglePassword){display:inline-block;padding:15px 20px;color:#fff;background-color:var(--blue);border-color:var(--blue);text-decoration:none;border-radius:50px;width:min(100%,400px);margin-block:auto 0;transition:background-color var(--anim-slow) ease}:is(:is(app-premium,app-subscribe,subscription-success,app-signup,app-signin) .btn,:is(app-premium,app-subscribe,subscription-success,app-signup,app-signin) button:not(#GoogleBtn):not(#togglePassword)).price{width:min(100%,400px);display:flex;justify-content:space-between;line-height:1;border-radius:var(--bd-radius);margin:auto}:is(:is(app-premium,app-subscribe,subscription-success,app-signup,app-signin) .btn,:is(app-premium,app-subscribe,subscription-success,app-signup,app-signin) button:not(#GoogleBtn):not(#togglePassword)).price p{font-size:1.2rem}:is(:is(app-premium,app-subscribe,subscription-success,app-signup,app-signin) .btn,:is(app-premium,app-subscribe,subscription-success,app-signup,app-signin) button:not(#GoogleBtn):not(#togglePassword)).price>*{width:fit-content;min-width:5ch;text-align:left}:is(app-premium,app-subscribe,subscription-success,app-signup,app-signin) .btn:hover,:is(app-premium,app-subscribe,subscription-success,app-signup,app-signin) button:hover:not(#GoogleBtn):not(#togglePassword){background-color:#0056b3;border-color:#0056b3}:is(app-premium,app-subscribe,subscription-success,app-signup,app-signin) #subscribe-btn{width:min(100%,400px)!important;margin-inline:auto;margin-block-end:75px!important;position:relative}app-signup,app-signin{display:grid;place-items:center;grid-template-rows:80px auto}:is(app-signup,app-signin) form{width:min(100%,400px);gap:25px}:is(app-signup,app-signin) button{margin-block:.3rem}:is(app-signup,app-signin) #resetPassword{width:fit-content;justify-self:end;margin:-10px 0 0;font-size:.8em;cursor:pointer}:is(app-signup,app-signin) #resetPassword:hover{background:none;text-decoration:underline}app-signup,app-signin,app-premium,app-subscribe{display:grid;justify-items:center;text-align:center;padding:10px 5px;gap:15px}app-premium,app-subscribe{flex-grow:1}app-subscribe{display:flex;flex-direction:column;justify-content:space-between;margin-block-end:60px}app-subscribe>p{align-self:end}app-premium{grid-template-rows:auto;grid-auto-rows:1fr}subscription-success{flex-grow:1;display:grid;justify-content:center;gap:15px;padding:1rem}subscription-success p{text-wrap:pretty}#locationForm{display:grid;gap:20px}.gsi-material-button{appearance:none;background-color:#fff;background-image:none;border:1px solid #747775;-webkit-border-radius:20px;border-radius:20px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#1f1f1f;cursor:pointer;font-family:Roboto,arial,sans-serif;font-size:14px;height:40px;letter-spacing:.25px;outline:none;overflow:hidden;padding:0 12px;position:relative;text-align:center;-webkit-transition:background-color .218s,border-color .218s,box-shadow .218s;transition:background-color .218s,border-color .218s,box-shadow .218s;vertical-align:middle;white-space:nowrap;width:auto;max-width:400px;min-width:min-content;scale:1.15}.gsi-material-button .gsi-material-button-icon{height:20px;margin-right:12px;min-width:20px;width:20px}.gsi-material-button .gsi-material-button-content-wrapper{-webkit-align-items:center;align-items:center;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;height:100%;justify-content:space-between;position:relative;width:100%}.gsi-material-button .gsi-material-button-contents{-webkit-flex-grow:1;flex-grow:1;font-family:Roboto,arial,sans-serif;font-weight:500;overflow:hidden;text-overflow:ellipsis;vertical-align:top}.gsi-material-button .gsi-material-button-state{-webkit-transition:opacity .218s;transition:opacity .218s;inset:0;opacity:0;position:absolute}.gsi-material-button:disabled{cursor:default;background-color:#ffffff61;border-color:#1f1f1f1f}.gsi-material-button:disabled .gsi-material-button-contents{opacity:38%}.gsi-material-button:disabled .gsi-material-button-icon{opacity:38%}.gsi-material-button:not(:disabled):active .gsi-material-button-state,.gsi-material-button:not(:disabled):focus .gsi-material-button-state{background-color:#303030;opacity:12%}.gsi-material-button:not(:disabled):hover{-webkit-box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);box-shadow:0 1px 2px #3c40434d,0 1px 3px 1px #3c404326}.gsi-material-button:not(:disabled):hover .gsi-material-button-state{background-color:#303030;opacity:8%}particle-emitter{position:fixed;inset:0;pointer-events:none;z-index:1000}particle-emitter .particle{position:fixed;width:20px;height:20px;background-size:cover;opacity:1;animation:fadeOut 3s both ease,moveParticle 3s both linear}circle-particle-emitter{position:absolute;inset:0;z-index:1000;pointer-events:none}circle-particle-emitter .circleParticle{position:absolute;pointer-events:none;animation:fadeOut 2.5s both ease}quiz-review{display:contents}quiz-review #options{width:min(100%,920px);display:flex;flex-direction:column;align-items:center;gap:20px;margin-inline:auto;position:fixed;inset:0;padding:75px 12px 20px;z-index:2;translate:0 -100vh;transition:translate var(--anim-slow) ease;background-color:light-dark(white,black)}quiz-review #options>div{width:100%}quiz-review #options h2{text-align:center}quiz-review #options.open{translate:0}quiz-review #options #close{margin-block-start:auto}quiz-review #options #details{width:min(100%,600px);display:grid;gap:10px;border-radius:var(--bd-radius);padding:15px;background-color:#e2e2e2;font-size:.9em;color:var(--dark)}quiz-review #options #tuneCtn{width:min(100%,600px);margin-block:2rem;display:grid;gap:20px}quiz-review #options #tuneCtn input{width:100%}quiz-review #options #tuneCtn .val{text-align:right;font-size:.9rem}quiz-review #options #tuneCtn.modeAuto .rangeGroup{filter:saturate(0)}quiz-review #options .form-data{font-size:.9rem;width:fit-content;gap:20px;margin-block:15px}quiz-review #options .form-data label{scale:.95}quiz-review #scoreSummary{width:fit-content;display:grid;gap:15px;grid-template-columns:auto auto auto;margin:1rem auto;place-items:center;text-align:left;translate:0 3rem}quiz-review #scoreSummary h2{font-size:1.4rem}quiz-review #scoreSummary>*:nth-child(3n){font-size:.8rem}quiz-review .categoriesCtn{display:flex;gap:18px;flex-wrap:wrap;margin-block:10px;padding-inline:5px}quiz-review .categoriesCtn .btn-dark{min-height:42px;width:fit-content;margin:0;padding:0 14px;font-size:.85rem}#mathReview{display:grid;place-items:center;text-align:center;grid-template-columns:1fr 1fr;gap:10px;font-size:1.2rem}#mathReview p{border:2px solid rgb(78,78,78);border-radius:12px;padding:1px 24px}#navBtn{width:min(500px,100%);height:54px;gap:8px;margin-inline:auto;margin-block:20px var(--bottom-space)}#navBtn.hidden{visibility:hidden;height:0px;margin:0}#navBtn.navBtn #prev{display:none}#navBtn>button{height:82%;border-radius:100px;background-color:light-dark(black,var(--gray));border:1px solid light-dark(#444444,#494949);transition:opacity var(--anim-slow)}@starting-style{#navBtn>button{opacity:0}}#next{order:1}#prev{display:none;aspect-ratio:1/1}#backMobile{aspect-ratio:1/1;order:2}#progression{display:flex;gap:5px;flex-grow:1;align-items:center;padding-block:8px;cursor:pointer}#progression>.chapter-progress{position:relative;flex-grow:1;height:5px;border-radius:50px;background-color:light-dark(#e8e8e8,#a8a8a8)}#progression>.chapter-progress.active{background-color:var(--green)}#summary{width:min(100%,860px);max-width:none;position:fixed;inset:auto 0 0;padding:0;z-index:1;border:none;border-radius:var(--bd-radius) var(--bd-radius) 0 0;translate:0 100%;transition-property:translate ease,overlay allow-discrete,display allow-discrete;transition-duration:var(--anim-slow);transition-timing-function:ease;animation:none}#summary[open]{translate:0 0}@starting-style{#summary[open]{translate:0 100%}}#summary:focus{outline:none}#summary::backdrop{background-color:#00000080}#summary #summary-content{display:grid;background-color:light-dark(var(--light, var(--dark)));padding:5px}#summary #summary-content>*{display:grid;align-items:center;height:100%;padding:10px;margin-block:0;border-bottom:1px solid light-dark(black,var(--light));font-size:1rem;cursor:pointer}#summary #summary-content>h2:last-child{padding-bottom:30px;border:none}:is(intuit-parser,intuit-flashcards) #content>*:not(.no-animation){animation:slide-up var(--anim-slow) ease both}@media (max-width: 768px){:is(intuit-parser,intuit-flashcards) #back{display:none}}p{width:100%}.flexP{display:flex;gap:8px;flex-wrap:wrap}.grid-table{width:100%;display:grid;grid-template-columns:auto auto;border-radius:var(--bd-radius);padding:5px;text-align:left}.grid-table>*{padding:8px;justify-content:space-between}.grid-table>*:nth-child(4n+3),.grid-table>*:nth-child(4n+4){background-color:light-dark(var(--light),var(--gray))}.grid-table p{width:auto}#content{flex-grow:1;align-items:center}#content>img:not([width]){border-radius:var(--bd-radius);width:min(100%,400px);aspect-ratio:1 / 1;background-color:#d3d3d3}#content>div{width:100%}#content note-book img:not([width]){background-color:#fff}#dots{gap:5px;flex-wrap:wrap;max-width:260px}.dot{background-color:light-dark(lightgray,var(--dark));width:8px;aspect-ratio:1/1;border-radius:50px}.dot.active{background-color:light-dark(var(--dark),lightgray)}.grid-letters{display:grid;place-items:center;margin-block:1rem;padding:0;gap:10px;grid-template-columns:1fr 1fr}.grid-letters>*{display:grid;place-items:center;font-size:2.5rem;list-style-type:none;background-color:var(--light);color:var(--dark);border-radius:var(--bd-radius);width:min(100%,110px);aspect-ratio:1/1;padding:5px}.grid-letters span:not(:first-child){font-size:1rem}intuit-quiz{width:min(100%,600px);display:flex;flex-direction:column;justify-content:center;flex-grow:1;place-items:center;margin-inline:auto;gap:20px}intuit-quiz intuit-lexicon{font-size:1.25rem}intuit-quiz>*{animation:slide-up var(--anim-slow) ease both}intuit-quiz #question{margin-block:.5rem;font-size:1.2rem;display:grid;justify-items:center}intuit-quiz .score{width:100%;font-size:1.2em;text-align:center}intuit-quiz .score h3{font-size:1.5em}intuit-quiz #endScreen{flex-grow:1;width:min(100%,370px);display:grid;grid-template-rows:1fr auto auto;place-items:center}intuit-quiz #endScreen #chrono{translate:0 1rem}intuit-quiz button[data-action=reply]{width:90%;position:relative;border:1px solid light-dark(black,var(--light));font-size:1rem;padding:15px;border-radius:var(--bd-radius);overflow:hidden}intuit-quiz button>span{position:absolute;inset:0;translate:-100%;transition:translate 1.15s linear}intuit-quiz button.correct>span{background-color:light-dark(rgba(0,128,0,.05),rgba(0,128,0,.15));translate:0%}intuit-quiz h2{margin:auto;font-size:2rem}intuit-quiz #quizGrid{width:100%;display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:14px;align-self:end;margin-block:auto 3rem}intuit-quiz #quizGrid>button{width:100%;min-height:60px;border:1px solid var(--dark);padding:10px;border-radius:var(--bd-radius);color:var(--dark)}intuit-quiz #endGrid{display:grid;width:min(100%,360px);gap:15px;margin-block-end:10px}intuit-quiz #endGrid #result{display:flex;align-items:center;gap:15px}intuit-quiz #endGrid #result span:nth-child(1){font-size:1.5rem}intuit-quiz #endGrid #result span:nth-child(2){display:inline-block;font-size:1.5rem;transition:transform var(--anim-slow) calc(var(--anim-slow)*2) ease}@starting-style{intuit-quiz #endGrid #result span:nth-child(2){transform:scale(0) rotate(-360deg)}}intuit-quiz #endBtns{width:100%;display:grid;gap:20px;margin-block-end:10px}intuit-quiz .toSpeak{width:fit-content;font-size:1.4rem;text-wrap:balance;text-align:center}intuit-quiz .reveal>*:not(score-bar){transition:opacity calc(var(--anim-slow)*4) calc(var(--anim-slow)*4) ease}@starting-style{intuit-quiz .reveal>*:not(score-bar){opacity:0}}#dictationCtn{width:100%;max-height:calc(100vh - 150px);flex-grow:1;display:grid;align-items:center;grid-template-rows:2fr 1fr}#wdCtn{width:100%;display:flex;flex-wrap:wrap;gap:10px;margin-block-end:60px}#wdCtn button{border:1px solid light-dark(black,var(--light));font-size:1rem;padding:15px;border-radius:var(--bd-radius);transition:transform var(--anim-slow) ease}#wdCtn button:active{transform:scale(.9)}#sentence{min-height:3.8rem;display:flex;align-items:center;padding:.7rem 1rem;border:2px dashed #aaa;border-radius:16px;font-size:1.2rem}.correct{border-color:var(--green)!important;background-color:#51c56c0a;color:var(--green)!important}.wrong{border-color:var(--red)!important;color:var(--red)!important;background-color:#7b040418}.coverTransition{view-transition-name:cover}intuit-splitview{flex-grow:1;display:grid;grid-template-rows:210px 1fr;transition:all var(--anim-slow) ease}intuit-splitview[data-view=text]{gap:10px}intuit-splitview[data-view=text] #wrapper{border-radius:var(--bd-radius) var(--bd-radius) 0 0}intuit-splitview #text,intuit-splitview #trad{line-height:2.4}intuit-splitview #text.handwriting,intuit-splitview #trad.handwriting{line-height:1.6}intuit-splitview[data-view=split]{max-height:calc(100vh - 102px);grid-template-rows:0 1fr}intuit-splitview[data-view=split] #wrapper{height:100%;display:grid;margin-inline:-12px}intuit-splitview[data-view=split] #wrapper>*{padding-inline:12px}intuit-splitview[data-view=split] #wrapper #text,intuit-splitview[data-view=split] #wrapper #trad{padding-inline:12px}intuit-splitview[data-view=split] #trad{background-color:light-dark(rgb(237 237 237),rgb(28,28,28))}intuit-splitview[data-view=split] #split .text{color:var(--dark)}intuit-splitview[data-view=split] #title{padding-block:2px}intuit-splitview[data-view=audio]{max-height:calc(100vh - 120px);grid-template-rows:0 1fr}intuit-splitview[data-view=audio] #wrapper{display:grid;gap:10px;grid-template-rows:auto 1fr auto}intuit-splitview[data-view=audio] #title{padding-block:3px}intuit-splitview #title{display:grid;grid-template-columns:1fr auto;gap:7px;align-items:start;padding-block:10px}intuit-splitview #cover{max-width:360px;height:100%;margin:auto;object-fit:cover;border-radius:var(--bd-radius);aspect-ratio:9/8;transition:opacity var(--anim-slow)}intuit-splitview #splitViewContent{display:contents}intuit-splitview #splitViewContent p{margin-block-end:5px}intuit-splitview.scannerOpen{translate:0 -220px}intuit-splitview.scannerOpen #cover{opacity:0}intuit-splitview>div{overflow-y:scroll}intuit-splitview .text{overflow-y:scroll}intuit-splitview #view-selector{position:relative;gap:15px;margin-inline-end:7px;margin-block-start:5px}intuit-splitview #view-cursor{position:absolute;inset:-7px auto auto -7px;height:100%;background-color:light-dark(var(--light),var(--gray));border-radius:50px;padding:20px;margin:auto;z-index:-1;transition:translate var(--anim-slow) ease}h1>intuit-lexicon{line-height:1.2!important}intuit-lexicon{position:relative}intuit-lexicon.grammar .grPtrn{color:var(--green)}intuit-lexicon.grammar .suffix,intuit-lexicon.grammar .article{color:var(--blue)}intuit-lexicon.handwriting{font-family:Nanum Pen Script,cursive;font-size:130%!important}intuit-lexicon[data-scan=false]{pointer-events:none}intuit-lexicon.scrollable{overflow-y:scroll;max-height:calc(100vh - 360px)}intuit-lexicon:not([data-scan=false]) span[data-action]:hover:not(.active){background-color:var(--light);cursor:pointer;color:var(--dark)}intuit-lexicon span{position:relative;padding:1px;overflow:hidden;border-radius:5px}intuit-lexicon span.active{background-color:light-dark(black,var(--light));color:light-dark(var(--light),black)!important;animation:jelly var(--anim-slow) ease both}intuit-lexicon span.missing{color:red}tuto-element{display:contents}#scanner{max-width:800px;display:grid;gap:16px;padding:6px 12px 20px;margin-inline:auto;position:fixed;inset:auto 0 0;max-height:500px;z-index:2;color:var(--dark);background-color:light-dark(rgb(243 243 243),var(--light));transition:translate var(--anim-slow) ease;translate:0 100%}#scanner[data-open]{translate:0 0%}#scanner p{width:fit-content}#scanner svg{fill:#000}#scanner .scanWd{position:relative;font-size:1.4rem;max-width:10ch}#scanner .scanHd{gap:10px}dialog #scanner{position:relative;translate:0 0!important;transition:none!important;background-color:transparent;padding:0}dialog #scanner button[data-action=close-scanner]{display:none}custom-audio-player{width:100%;display:block;max-width:min(100%,500px);margin:auto}.playerCtn{display:flex;flex-direction:column;gap:14px;align-items:center;background-color:light-dark(rgb(237,237,237),rgb(40,40,40));padding:12px 20px 16px;border-radius:var(--bd-radius);color:light-dark(var(--dark),var(--light))}.playerCtn .controls{display:flex;align-items:center;width:100%}.playerCtn button{border:none;color:#fff;padding:5px;text-align:center;text-decoration:none;display:inline-block;font-size:16px;cursor:pointer;border-radius:5px;translate:-9px 2px}.playerCtn .progress-container{width:100%;margin:10px 0;position:relative}.playerCtn .progress-bar{width:100%;height:10px;background-color:light-dark(#ddd,#c6c6c6);border-radius:5px;cursor:pointer}.playerCtn .progress{height:100%;background-color:var(--green);border-radius:5px;width:0%}.playerCtn .time{display:flex;justify-content:space-between;width:99%;margin-bottom:10px;position:absolute;inset:15px 0 0;font-size:.8rem}.playerCtn .speed-control{width:100%;display:flex;margin-top:10px;align-items:center}.playerCtn input[type=range]{margin-left:10px;flex-grow:1}.confettis{display:inline-block;text-align:center;font-size:2rem;animation:upAndDown calc(var(--anim-slow)*6) alternate-reverse infinite ease}.floatBtn{width:50px;aspect-ratio:1/1;position:fixed;inset:auto 12px 130px auto;background-color:light-dark(rgba(198,198,198,.15),rgba(198,198,198,.4));border-radius:50%;filter:contrast(0);z-index:1}#tradBtn{bottom:200px}@media (min-width: 1400px){.floatBtn{inset:auto 200px 110px auto}}#words-summary{display:grid;gap:15px;grid-auto-rows:1fr;grid-template-columns:2fr 1fr;min-width:220px}#words-summary p{text-align:right}#words-summary h2{font-size:1rem;text-align:left}intuit-flashcards{max-height:calc(100vh - 85px);flex-grow:1;display:grid;grid-template-rows:2fr 1fr 3fr auto;place-items:center}intuit-flashcards:has(#words-summary){grid-template-rows:1fr 3fr auto}intuit-flashcards:has(#words-summary) h1{align-self:end}intuit-flashcards>div{flex-grow:1;gap:15px;align-items:center}intuit-flashcards #main-word{font-size:2rem;text-align:center;line-height:1}intuit-flashcards .toReveal{place-items:center;text-align:center;font-size:1.25rem;opacity:0;transition:opacity var(--anim-slow) ease}intuit-flashcards .toReveal.reveal{opacity:1;font-size:1.25rem}intuit-flashcards #lower,intuit-flashcards #upper,intuit-flashcards #revealBtn{height:50px;border:2px solid black;transition:opacity var(--anim-slow) ease}@starting-style{intuit-flashcards #lower,intuit-flashcards #upper,intuit-flashcards #revealBtn{opacity:0}}intuit-flashcards #details{font-size:1rem}intuit-flashcards #btnCtn{position:fixed;inset:75px 17px auto auto;gap:25px}@media (min-width: 1440px){intuit-flashcards #btnCtn{right:410px}}intuit-flashcards .cardsBtnCtn{display:flex;justify-content:space-evenly;gap:40px;margin-block-start:5px}#progress-container{position:fixed;bottom:0;left:0;width:100%;height:10px;background-color:#ddd;z-index:9999;overflow:hidden}#progress-bar{--progress: 0%;position:absolute;left:-100%;height:100%;width:100%;background-color:var(--green);translate:var(--progress)}#fillIn{flex-grow:1;width:100%;display:grid;align-items:center;grid-template-rows:auto 1fr;margin-block-end:1.2rem}#fillIn intuit-lexicon{font-size:1rem}#fillIn #quiz-form{gap:30px;display:grid;margin-block-end:20px}#fillIn #quiz-form>div{display:flex;gap:2px;align-items:center;flex-wrap:wrap}#fillIn>p{margin-block:0 25px;font-size:.9rem}.txt-green{color:var(--green)}.txt-blue{color:var(--blue)}.txt-bluegreen{color:var(--bluegreen)}.txt-pink{color:var(--pink)}.txt-coral{color:var(--coral)}.txt-red{color:var(--red)}.txt-violet{color:var(--violet)}.txt-orange{color:var(--orange)}speech-recognizer{position:relative}speech-recognizer button{width:100%;padding:6px;font-size:1rem;background-color:initial;border-radius:50%;border:0;cursor:pointer;transition:background-color .3s}speech-recognizer button.listening{background-color:var(--green);color:#fff}speech-recognizer span{margin-right:4px;font-weight:600}speech-recognizer[data-indicator]:before{content:"";position:absolute;left:50%;top:120%;transform:translate(-70%);width:15px;aspect-ratio:1/1;background-color:var(--gray);rotate:45deg;z-index:1}speech-recognizer[data-indicator]:after{content:attr(data-indicator);width:max-content;position:absolute;left:50%;top:110%;transform:translate(-50%);margin-inline:auto;padding:7px;font-size:14px;color:var(--light);background-color:var(--gray);border-radius:var(--bd-radius);z-index:1}.practice-item{display:grid;place-items:center;gap:5px;text-align:center;margin-block:.7rem;font-size:.9em}.practice-item intuit-lexicon{font-size:1.5em;line-height:1.1}@keyframes thumbUp{0%,to{opacity:1;translate:0 15px;rotate:12deg}20%,85%{opacity:1;translate:0 0;rotate:0deg}}.thumbUp{position:absolute;z-index:1;right:-15px;top:-20px;transform:translateY(-50%);animation:thumbUp calc(var(--anim-slow)*4) linear both}simple-speaker>button{margin-inline:15px;translate:0 -1px}simple-speaker.absolute>button{position:absolute;inset:0 0 auto auto;translate:0 5px;margin-inline:0}dialog-box{width:100%;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between}dialog-box .dialog-ctn{opacity:.1;display:flex;flex-direction:column;gap:12px;transition:opacity calc(var(--anim-fast)*2) ease}dialog-box .dialog-ctn.visible{opacity:1}dialog-box .actor{font-size:1.5rem;align-self:start;cursor:pointer}dialog-box .dialog-line{display:flex;align-items:center;gap:10px;translate:0px 0px;transition:translate calc(var(--anim-fast)*1.8) cubic-bezier(.17,.67,.73,1.2)}@starting-style{dialog-box .dialog-line{translate:0px 20px}}dialog-box .bubbleCtn{gap:1px;margin-block-start:12px}dialog-box .bubbleCtn h2{min-height:18px;font-size:.6rem;color:gray}dialog-box .dialog-line.left{justify-content:flex-start}dialog-box .dialog-line.left .bubble{border-radius:1px 20px 20px}dialog-box .dialog-line.left speech-recognizer{translate:-15px 15px}dialog-box .dialog-line.right{justify-content:flex-end}dialog-box .dialog-line.right .bubble{border-radius:20px 1px 20px 20px}dialog-box .dialog-line.right .actor{order:1}dialog-box .dialog-line.right .bubbleCtn{place-items:end}dialog-box .dialog-line.right speech-recognizer{translate:15px 15px;order:-1}dialog-box .bubble{min-width:45px;display:grid;grid-template-rows:auto 0fr;max-width:90%;padding:10px;background:linear-gradient(0deg,#ddd,#f3f3f3);color:var(--dark);transition:grid-template-rows var(--anim-slow) ease;overflow:hidden}dialog-box .bubble[data-show-trad=true]{grid-template-rows:auto 1fr}dialog-box .bubble[data-show-trad=true] #trad{translate:0 5px}dialog-box .bubble #trad{font-size:.8rem;min-height:0;translate:0 10px}dialog-box .userline{background:linear-gradient(0deg,#80ff8f,#e2ffe4)}dialog-box .controls{margin-top:1.5rem;text-align:center}dialog-box .choice{display:block;margin:.3rem 0;padding:.6rem 1rem;background:#007bff;color:#fff;text-align:left;border:none;border-radius:8px;cursor:pointer;translate:0px 0px;transition:translate calc(var(--anim-fast)*2) cubic-bezier(.17,.67,.73,1.2)}@starting-style{dialog-box .choice{translate:-100px 0px}}dialog-box .choice:nth-child(2){transition-delay:50ms}dialog-box .choice:hover{background:#0056b3}note-book #container{grid-template-columns:1fr 1fr 1fr;gap:40px 8px;place-items:center}note-book #container img{width:100%;height:100%;margin-inline:auto;max-width:140px;border-radius:10px}note-book .imgCtn{display:grid;place-items:center;position:relative;width:100%;height:100%;background-color:#fff;border-radius:10px;font-size:3rem}note-book .imgCtn span{position:absolute;inset:auto 10px 3px auto;text-align:center;color:#000;font-size:1rem}@media (max-width: 425px){note-book .imgCtn span{inset:auto 3px -6px auto}note-book #container{grid-template-columns:2fr 3fr 3fr}note-book #container img{scale:1.1}note-book .imgCtn{height:90%}note-book #container>*:nth-child(3n+2){translate:2px}}note-book canvas{width:min(100%,160px)}score-board{width:min(100%,500px);display:grid;border-radius:var(--bd-radius);background-color:#f0f0f0;padding:20px;margin-block:10px;color:var(--dark)}score-board>div{margin:10px}score-board h3{font-size:1rem}score-board #score{transition:transform .1s}score-board #boardCtn{display:grid;grid-template-columns:1fr 2fr;padding:15px 20px;background-color:#f7f7f7;border-radius:10px}score-board #boardCtn>div{min-height:45px;display:grid;place-items:center;border-bottom:1px solid black}score-board #boardCtn>div:nth-last-child(-n+2){border:0}score-board #chart-container{width:100%;display:flex;justify-content:space-around;align-items:flex-end;height:200px;border-left:2px solid #ccc;border-bottom:2px solid #ccc;padding-left:5px}score-board .bar{width:5px;height:0px;position:relative;background-color:#000;transition:height var(--anim-slow) ease-in-out}score-board .bar>span{width:max-content;position:absolute;inset:-32px auto auto -10px}score-bar{display:block;width:100%;max-width:400px;height:30px;margin-block:10px}score-bar .bar-container{position:relative;width:100%;height:100%;background:#eee;border-radius:8px;overflow:hidden}score-bar .fill{height:100%;width:0%;background:linear-gradient(90deg,#4caf50,#66bb6a);transition:width 1s ease-out}score-bar .threshold{position:absolute;top:0;bottom:0;width:2px;background:light-dark(rgb(210,210,210),black)}easy-read{font-size:1.4rem;flex-grow:1;place-content:center}easy-read div{gap:20px;place-items:center;grid-template:"txt     txt" auto "trad    trad" auto "speaker micro" 30px " dots   dots " auto / 1fr 1fr}easy-read #dots{grid-area:dots;animation:none}easy-read intuit-lexicon{grid-area:txt;text-align:center;animation:slide-up var(--anim-slow) ease both}easy-read speech-recognizer{grid-area:micro}easy-read em{grid-area:trad;font-style:italic;text-align:center;font-size:1rem;animation:slide-up var(--anim-slow) ease both}number-line{--graduations: 0;display:inline-block;width:95%;position:relative;margin-block:3rem}number-line input{position:absolute;inset:auto 0;border:none;appearance:none;background:transparent}number-line input::-webkit-slider-runnable-track{height:10px;border-radius:10px;background:repeating-linear-gradient(to right,#999 0,#999 1px,transparent 1px,transparent calc(100% / var(--graduations))),linear-gradient(#e6e6e6,#e6e6e6)}number-line input::-webkit-slider-thumb{position:relative;z-index:1;-webkit-appearance:none;width:1px;height:1px;scale:28;translate:0 5px;border-radius:5px;cursor:pointer;background:coral}:is():after{content:attr(value);position:absolute;inset:auto auto -30px;font-size:1rem}number-line .plus,number-line .minus{position:absolute;inset:auto 0 -50px auto;font-size:1.2em}number-line .plus{inset:auto auto -50px 0}number-line output{position:absolute;min-width:30px;top:-45px;transform:translate(-50%);background:light-dark(#111,#3a3a3a);color:#fff;padding:2px 6px;text-align:center;border-radius:6px;pointer-events:none}math-table{width:min(100%,500px)!important}math-table>*{width:100%;text-align:center;padding:1px;border:1px solid light-dark(#dbdbdb,#767676);aspect-ratio:1/1;place-content:center}math-table>*.even{background-color:light-dark(var(--light),var(--gray))}math-table .highlight{background-color:#ff7f5040}math-table .highlightDbl{background-color:#ff7f5099}number-odometer{display:flex;flex-direction:row-reverse;gap:40px;font-size:3.5rem;justify-content:space-around;margin-block:1rem}number-odometer .arrow{cursor:pointer;scale:1.5}number-odometer .digitCtn{display:grid;min-width:45px;text-align:center}#calcInput{width:100%;display:grid;gap:15px;grid-template-columns:repeat(3,1fr);color:#000}#calcInput>button{background-color:#e3e3e3;border:1px solid rgb(214,214,214);padding:12px 2px;border-radius:var(--bd-radius);transition:background-color var(--anim-fast) ease}#calcInput>button.touched{background-color:#cdcdcd}intuit-parser #back{margin-inline-start:12px}intuit-parser #calcInput{margin-block:15px 40px}#numTyped{min-height:50px;font-size:1.2em;text-align:right;background-color:#e5e5e5;border-radius:var(--bd-radius);padding:5px 20px;place-content:center;color:#000}
