:root{--color-primary: #1E73BE;--color-primary-light: #459EE3;--color-accent: #ED7D31;--color-accent-light: #FBA012;--color-text-light-theme: #21418F;--color-bg-dark-theme: #0C2348;--color-card-bg-dark-theme: #1f2937;--bg-color: #f3f4f6;--card-bg-color: #ffffff;--text-color: var(--color-text-light-theme);--reading-text-color: #374151;--subtle-text-color: #4b5563;--border-color: #e5e7eb;--input-bg: #ffffff;--button-bg: var(--color-primary);--button-hover-bg: var(--color-primary-light);--active-btn-bg: var(--color-primary);--inactive-btn-bg: #e5e7eb;--inactive-btn-text: #374151;--pause-btn-bg: #6b7280;--pause-btn-hover-bg: #4b5563;--stop-btn-bg: #ef4444;--stop-btn-hover-bg: #dc2626;--correct-color: #22c55e;--incorrect-color: #ef4444;--hover-color: var(--color-primary-light);--link-color: var(--color-primary);--link-hover-color: var(--color-primary-light);--bg-gradient: radial-gradient(circle at 50% 0%, hsl(from var(--bg-color) h s calc(l + 4%) ) 0%, var(--bg-color) 80%);--card-shadow: 0 10px 15px -3px rgba(30, 115, 190, .08), 0 4px 6px -4px rgba(30, 115, 190, .08)}.dark{--bg-color: var(--color-bg-dark-theme);--card-bg-color: var(--color-card-bg-dark-theme);--text-color: #f3f4f6;--reading-text-color: #f3f4f6;--subtle-text-color: #9ca3af;--border-color: #374151;--input-bg: #374151;--active-btn-bg: var(--color-primary-light);--inactive-btn-bg: #374151;--inactive-btn-text: #d1d5db;--correct-color: #4ade80;--incorrect-color: #f87171;--link-color: var(--color-primary-light);--link-hover-color: #ffffff;--bg-gradient: radial-gradient(circle at 50% 0%, hsl(from var(--bg-color) h s calc(l + 10%) ) 0%, var(--bg-color) 70%);--card-shadow: 0 0 30px -5px rgba(69, 158, 227, .1)}body{font-family:Public Sans,sans-serif;background-color:var(--bg-color);background-image:var(--bg-gradient);color:var(--text-color);transition:background-color .3s ease,background-image .3s ease,color .3s ease}.main-card,.modal-card{background-color:var(--card-bg-color);border:1px solid var(--border-color);box-shadow:var(--card-shadow);transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.themed-input,.themed-textarea{background-color:var(--input-bg);border:1px solid var(--border-color);color:var(--text-color);transition:background-color .3s ease,border-color .3s ease,color .3s ease}.themed-textarea{color:var(--reading-text-color)}.themed-input:focus,.themed-textarea:focus{--tw-ring-color: var(--button-bg);box-shadow:0 0 0 2px var(--tw-ring-color)}.subtle-text{color:var(--subtle-text-color)}.chunk-btn,.practice-btn{background-color:var(--inactive-btn-bg);color:var(--inactive-btn-text);transition:background-color .2s ease,transform .2s ease}.chunk-btn.active,.practice-btn.active{background-color:var(--active-btn-bg);color:#fff;font-weight:600}.practice-btn:hover{background-color:var(--button-hover-bg)}.dark .practice-btn:hover{background-color:#4b5563}.input-tab{background-color:var(--inactive-btn-bg);color:var(--inactive-btn-text)}.input-tab.active{background-color:var(--button-bg);color:#fff;font-weight:600}.input-tab.active svg{color:#fff}.input-tab:not(.active) svg{color:var(--inactive-btn-text)}.dark .input-tab:not(.active) svg{color:var(--inactive-btn-text)}#start-btn{background-image:linear-gradient(to right,var(--color-accent-light),var(--color-accent));border:none;transition:all .3s ease;color:#fff!important}#start-btn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px -5px #ed7d314d,0 5px 10px -6px #ed7d314d;background-image:linear-gradient(to right,var(--color-accent-light),var(--color-accent))}.themed-link{font-weight:500;color:var(--link-color);transition:color .2s ease}.themed-link:hover{color:var(--link-hover-color);text-decoration:underline}.version-link{font-size:.75rem;color:var(--subtle-text-color);transition:color .2s ease}.version-link:hover{color:var(--link-color);text-decoration:underline}.btn{display:inline-flex;align-items:center;justify-content:center;font-weight:700;padding:.75rem 1.25rem;border-radius:.5rem;transition:all .2s ease-in-out;border:none;cursor:pointer}.btn:hover{transform:translateY(-2px);box-shadow:var(--card-shadow)}.btn:active{transform:translateY(0);box-shadow:none}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn-primary{background-color:var(--button-bg);color:#fff}.btn-primary:hover{background-color:var(--button-hover-bg)}.btn-secondary{background-color:var(--pause-btn-bg);color:#fff}.btn-secondary:hover{background-color:var(--pause-btn-hover-bg)}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:20px;height:20px;border-radius:50%;padding:2.5px;background:conic-gradient(from 180deg at 50% 50%,var(--color-primary-light) 0deg,var(--color-accent) 360deg);-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 0);mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#000 0);animation:spin 1s linear infinite}@keyframes fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.98)}}@keyframes fade-in{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-fade-out{0%{opacity:1}to{opacity:0}}.modal-fade-in{animation:modal-fade-in .3s ease-out forwards}.modal-fade-out{animation:modal-fade-out .3s ease-out forwards}@keyframes pop-in{50%{transform:scale(.95)}to{transform:scale(1)}}.control-updated{animation:pop-in .3s ease-out}@keyframes spin-once{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.shuffle-spin{animation:spin-once .4s ease-out}#text-input{transition:opacity .15s ease-in-out}#text-input.text-swapping{opacity:0}#welcome-snippet-container{transition:opacity .3s ease-out,max-height .3s ease-out,margin .3s ease-out,padding .3s ease-out;max-height:200px;overflow:hidden;padding:0}#welcome-snippet-container.snippet-hidden{opacity:0;max-height:0;margin-bottom:0!important;padding:0}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}.toggle-checkbox:checked+.toggle-label .toggle-bg{background-color:var(--button-bg)}.toggle-checkbox:checked+.toggle-label .toggle-circle{transform:translate(1.25rem)}.toggle-label{transition:transform .2s ease}.fade-out{animation:fade-out .3s ease-out forwards}.fade-in{animation:fade-in .3s ease-in forwards}.monospace{font-family:Azeret Mono,monospace}:fullscreen #app-container{overflow-y:auto!important;background-color:var(--bg-color)!important}.scrollable-cell{max-width:250px}.scrollable-cell div{overflow-x:auto;white-space:nowrap;-ms-overflow-style:none;scrollbar-width:none}.scrollable-cell div::-webkit-scrollbar{display:none}#guide-modal ul,#changelog-modal ul{padding-left:1.5rem}#guide-modal li,#changelog-modal li{padding-left:.5rem}.horizontal-scroll-hidden{-ms-overflow-style:none;scrollbar-width:none}.horizontal-scroll-hidden::-webkit-scrollbar{display:none}.scroll-fade:after{content:"";display:flex;align-items:center;justify-content:flex-end;font-size:1.25rem;font-weight:600;color:var(--subtle-text-color);position:absolute;top:0;right:0;bottom:0;width:2.5rem;padding-right:.5rem;background:linear-gradient(to right,transparent,var(--card-bg-color) 50%);pointer-events:none;transition:background .3s ease,color .3s ease}#main-header{transition:top .3s ease-in-out;box-shadow:0 2px 4px #0000000d}.dark #main-header{box-shadow:0 2px 4px #0003}#main-header.header-hidden{top:-100%}.focal-point-char{color:var(--color-accent)}#question-text,#review-question-text{color:var(--reading-text-color)}.option-btn{padding:1rem;border:2px solid var(--border-color);border-radius:.5rem;text-align:left;transition:all .2s ease-in-out}.option-btn .flex-grow{color:var(--reading-text-color)}.option-btn:not(:disabled):hover{border-color:var(--hover-color);cursor:pointer}.choice-circle{width:2rem;height:2rem;border:2px solid var(--border-color);transition:all .2s ease-in-out}.choice-letter{color:var(--subtle-text-color);transition:color .2s ease-in-out}.option-btn:not(:disabled):hover .choice-circle{border-color:var(--hover-color)}.option-btn:not(:disabled):hover .choice-letter{color:var(--text-color)}.feedback-icon{display:none}.icon-correct{color:var(--correct-color)}.icon-incorrect{color:var(--incorrect-color)}.option-btn.is-correct,.option-btn.is-correct .choice-circle{border-color:var(--correct-color)}.option-btn.is-correct .choice-letter{color:var(--correct-color)}.option-btn.is-correct .icon-correct{display:block}.option-btn.is-incorrect{border-color:var(--incorrect-color)}.option-btn.is-incorrect.is-selected-incorrect{opacity:.6}.option-btn.is-incorrect .choice-circle{border-color:var(--incorrect-color)}.option-btn.is-incorrect .choice-letter{color:var(--incorrect-color)}.option-btn.is-incorrect .icon-incorrect{display:block}.option-btn.is-user-incorrect{border-color:var(--incorrect-color);background-color:#ef44441a}.dark .option-btn.is-user-incorrect{background-color:#f8717126}.option-btn.is-user-incorrect .choice-circle{border-color:var(--incorrect-color)}.option-btn.is-user-incorrect .choice-letter{color:var(--incorrect-color)}.option-btn.is-user-incorrect .icon-incorrect{display:block}.option-btn.is-other-incorrect{opacity:.6}#reading-section{position:relative}#reading-controls-container{transition:opacity .3s ease-in-out}#reading-controls-container.controls-hidden{opacity:0;pointer-events:none}#reading-display-wrapper{position:relative}#reading-guideline{position:absolute;top:50%;left:10%;right:10%;height:1px;background-color:var(--border-color);opacity:.7;transform:translateY(-50%);pointer-events:none;z-index:0}#display-area{position:relative;z-index:1;color:var(--reading-text-color)}#wpm-feedback-overlay{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);font-size:1.375rem;font-weight:700;color:var(--subtle-text-color);background-color:#0000001a;padding:.5rem 1.5rem;border-radius:.75rem;opacity:0;transition:opacity .2s ease-out;pointer-events:none;z-index:10}#progress-tooltip{position:absolute;bottom:100%;transform:translate(-50%);background-color:var(--text-color);color:var(--card-bg-color);padding:.25rem .5rem;border-radius:.25rem;font-size:.75rem;white-space:nowrap;opacity:0;transition:opacity .1s ease-in-out;pointer-events:none;z-index:20;margin-bottom:.5rem}.splash-card{max-width:450px}#splash-slides-container{height:18rem;display:flex;align-items:center;justify-content:center}.progress-dot{width:.5rem;height:.5rem;border-radius:9999px;background-color:var(--border-color);transition:background-color .3s ease}.progress-dot.active{background-color:var(--button-bg)}.word-animator-box{width:100%;height:100%;border:2px solid var(--border-color);border-radius:.5rem;display:flex;align-items:center;justify-content:center;padding:0 1rem;background-color:var(--bg-color)}#guide-modal .flex-grow p,#guide-modal .flex-grow li,#changelog-modal .flex-grow p,#changelog-modal .flex-grow li,#changelog-modal .flex-grow h2,#changelog-modal .flex-grow h3,#changelog-modal .flex-grow h4,#history-modal td{color:var(--reading-text-color)}.themed-textarea[contenteditable=true]{height:15rem;overflow-y:auto}.themed-textarea[contenteditable=true]:empty:before{content:attr(data-placeholder);color:var(--subtle-text-color);pointer-events:none;display:block}.themed-textarea[contenteditable=true] *{font-family:inherit!important;font-size:inherit!important;color:inherit!important;background-color:transparent!important;line-height:inherit!important}.custom-tooltip{position:absolute;z-index:50;width:max-content;max-width:250px;padding:.5rem .75rem;border-radius:.375rem;background-color:var(--text-color);color:var(--card-bg-color);font-size:.8rem;font-weight:500;line-height:1.4;text-align:left;box-shadow:var(--card-shadow);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease-in-out,transform .2s ease-in-out;transform:translateY(8px)}.custom-tooltip.visible{opacity:1;visibility:visible;transform:translateY(0)}.custom-tooltip:after{content:"";position:absolute;left:50%;transform:translate(-50%);border-width:6px;border-style:solid}.custom-tooltip:not(.bottom):after{top:100%;border-color:var(--text-color) transparent transparent transparent}.custom-tooltip.bottom:after{bottom:100%;border-color:transparent transparent var(--text-color) transparent}.custom-tooltip b{color:var(--color-accent)}.dark .custom-tooltip b{color:var(--color-accent-light)}.quote-snippet{text-align:center}.quote-snippet blockquote{font-size:.9rem;font-style:italic;color:var(--reading-text-color);margin:0;padding:0;position:relative}.quote-snippet .quote-translation{font-size:.8rem;color:var(--subtle-text-color);margin-top:.25rem}.quote-snippet cite{display:block;font-size:.8rem;font-style:normal;font-weight:600;color:var(--text-color);margin-top:.5rem}.quote-snippet cite span{font-weight:400;color:var(--subtle-text-color)}.progress-ring__circle{transition:stroke-dashoffset .8s cubic-bezier(.25,.46,.45,.94)}.history-tab{padding:.5rem 1rem;border-radius:.375rem;font-weight:500;background-color:transparent;border:2px solid transparent;transition:all .2s ease-in-out}.history-tab:hover{background-color:var(--inactive-btn-bg)}.history-tab.active{color:var(--button-bg);border-color:var(--button-bg);background-color:transparent}.dark .history-tab.active{color:var(--color-primary-light);border-color:var(--color-primary-light)}.quiz-session-item{border-bottom:1px solid var(--border-color);display:grid;grid-template-rows:auto 0fr;transition:grid-template-rows .3s ease-in-out}.quiz-session-summary{display:flex;justify-content:space-between;align-items:center;padding:1rem .5rem;cursor:pointer;transition:background-color .2s ease}.quiz-session-summary:hover{background-color:var(--inactive-btn-bg)}.quiz-session-summary .chevron-icon{transition:transform .3s ease}.quiz-session-details{overflow:hidden;background-color:var(--bg-color);padding:0 1rem}.quiz-session-item.expanded{grid-template-rows:auto 1fr}.quiz-session-details.expanded{padding:1rem}.quiz-session-item.expanded .chevron-icon{transform:rotate(180deg)}.quiz-question-block{margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px dashed var(--border-color)}.quiz-question-block:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}