:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}#root{border:0;width:100%}.app-shell{box-sizing:border-box;color:#18202f;background:#f6f8f3;min-height:100svh}.home,.screen{flex-direction:column;padding:20px;display:flex}.home{justify-content:center;align-items:center}.home-content,.quiz-start-card,.placeholder-card{width:min(100%,420px)}.intro{text-align:left;margin-bottom:36px}.intro h1,.screen-content h1,.placeholder-card h1{color:#121826;letter-spacing:0;margin:0;font-size:40px;font-weight:700;line-height:1.05}.intro p,.placeholder-card p{color:#516070;margin:14px 0 0;font-size:18px;line-height:1.45}.home-actions{gap:14px;display:grid}button{font:inherit}.primary-action,.back-button,.next-button,.read-button,.settings-button{cursor:pointer;border:0;transition:transform .16s,box-shadow .16s,background-color .16s}.primary-action{color:#fff;text-align:left;background:#246bfe;border-radius:8px;width:100%;min-height:64px;padding:18px 20px;font-size:18px;font-weight:700;box-shadow:0 12px 24px #246bfe2e}.primary-action:nth-child(2){background:#0f7b65;box-shadow:0 12px 24px #0f7b652e}.primary-action:nth-child(3){background:#7435b8;box-shadow:0 12px 24px #7435b82e}.primary-action:nth-child(4){background:#495266;box-shadow:0 12px 24px #4952662e}.primary-action:active,.back-button:active,.next-button:active,.read-button:active,.settings-button:active{transform:scale(.98)}.primary-action:focus-visible,.back-button:focus-visible,.next-button:focus-visible,.read-button:focus-visible,.settings-button:focus-visible,.answer-option:focus-visible{outline-offset:3px;outline:3px solid #ffbf47}.back-button{color:#18202f;background:#fff;border-radius:8px;align-self:flex-start;min-height:44px;padding:10px 16px;font-size:16px;font-weight:700;box-shadow:0 8px 20px #1218261a}.screen-content{text-align:center;flex:1;justify-content:center;align-items:center;display:flex}.study-flow,.quiz-flow,.results-flow,.guide-flow,.category-flow,.game-options-flow,.library-flow{flex-direction:column;padding:20px;display:flex}.top-bar{justify-content:space-between;align-items:center;gap:16px;width:min(100%,520px);margin:0 auto 20px;display:flex}.top-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.progress-stack{text-align:right;gap:2px;display:grid}.mode-label{color:#246bfe;margin:0;font-size:13px;font-weight:800;line-height:1.2}.settings-wrap{position:relative}.settings-button{color:#18202f;background:#fff;border-radius:8px;place-items:center;width:44px;height:44px;font-size:20px;line-height:1;display:grid;box-shadow:0 8px 20px #1218261a}.settings-icon{gap:4px;width:20px;display:grid}.settings-icon span{background:#18202f;border-radius:999px;height:2px;position:relative}.settings-icon span:after{content:"";background:#18202f;border-radius:999px;width:6px;height:6px;position:absolute;top:50%;transform:translateY(-50%)}.settings-icon span:first-child:after{left:3px}.settings-icon span:nth-child(2):after{right:3px}.settings-icon span:nth-child(3):after{left:8px}.settings-menu{z-index:2;box-sizing:border-box;background:#fff;border:1px solid #e1e7dc;border-radius:8px;width:min(260px,100vw - 40px);padding:14px;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 12px 28px #12182629}.settings-menu label{color:#3c4858;gap:10px;font-size:14px;font-weight:700;display:grid}.settings-menu input{width:100%}.progress{color:#516070;margin:0;font-size:15px;font-weight:700}.study-card,.quiz-card,.results-card,.guide-card,.category-card,.game-options-card,.library-card,.library-detail-card{box-sizing:border-box;text-align:left;background:#fff;border:1px solid #e1e7dc;border-radius:8px;width:min(100%,520px);margin:0 auto;padding:22px;box-shadow:0 12px 28px #12182614}.search-field{color:#3c4858;gap:8px;margin-bottom:22px;font-size:14px;font-weight:700;display:grid}.library-filters{gap:12px;margin-bottom:22px;display:grid}.library-filters label{color:#3c4858;gap:8px;font-size:14px;font-weight:700;display:grid}.search-field input,.library-filters select{box-sizing:border-box;color:#18202f;width:100%;font:inherit;background:#fff;border:1px solid #d8e0d3;border-radius:8px;padding:13px 14px;font-size:16px}.search-field input:focus,.library-filters select:focus{outline-offset:2px;outline:3px solid #ffbf47}.library-category-list{gap:12px;display:grid}.library-category{background:#fff;border:1px solid #e1e7dc;border-radius:8px;overflow:hidden}.library-category-toggle{color:#18202f;text-align:left;cursor:pointer;background:#f6f8f3;border:0;justify-content:space-between;align-items:center;gap:16px;width:100%;min-height:58px;padding:14px;display:flex}.library-category-toggle span{font-size:17px;font-weight:800;line-height:1.25}.library-category-toggle small{color:#516070;flex:none;font-size:13px;font-weight:700}.library-category-toggle:focus-visible,.library-preview-card:focus-visible{outline-offset:-3px;outline:3px solid #ffbf47}.library-preview-list{gap:10px;padding:12px;display:grid}.library-preview-card{color:#3c4858;text-align:left;cursor:pointer;background:#fff;border:1px solid #e1e7dc;border-radius:8px;gap:8px;width:100%;padding:14px;display:grid}.library-preview-card strong{color:#18202f;font-size:18px;line-height:1.25}.library-subcategory,.library-card-stats{color:#516070;font-size:13px;font-weight:700}.library-detail-card h1{color:#121826;letter-spacing:0;margin:0;font-size:32px;font-weight:700;line-height:1.12}.library-detail-section{margin-top:28px}.library-detail-section h2{color:#121826;letter-spacing:0;margin:0 0 14px;font-size:20px;font-weight:700;line-height:1.2}.question-group-list,.question-part-list{gap:14px;display:grid}.question-group-card,.question-part-card{background:#f6f8f3;border-radius:8px;padding:14px}.question-group-card h3,.question-part-card h4{color:#121826;letter-spacing:0;margin:0;line-height:1.25}.question-group-card h3{font-size:18px}.question-part-card h4{font-size:16px}.question-group-card p,.question-part-card p{color:#3c4858;margin:10px 0 0;line-height:1.45}.question-part-card ul{color:#3c4858;gap:6px;margin:8px 0 0;padding-left:20px;display:grid}.question-part-card div{margin-top:10px}.category-list,.game-mode-list{gap:12px;display:grid}.game-mode-option{color:#18202f;text-align:left;cursor:pointer;background:#fff;border:1px solid #d8e0d3;border-radius:8px;gap:8px;width:100%;min-height:84px;padding:16px;display:grid}.game-mode-option span{font-size:18px;font-weight:800;line-height:1.25}.game-mode-option small{color:#516070;font-size:14px;font-weight:700;line-height:1.4}.game-mode-option:active{transform:scale(.98)}.category-option{color:#18202f;text-align:left;cursor:pointer;background:#fff;border:1px solid #d8e0d3;border-radius:8px;justify-content:space-between;align-items:center;gap:16px;width:100%;min-height:62px;padding:14px;display:flex}.category-option span{font-size:17px;font-weight:800;line-height:1.25}.category-option small{color:#516070;flex:none;font-size:13px;font-weight:700}.category-option:active{transform:scale(.98)}.category-option:focus-visible,.game-mode-option:focus-visible{outline-offset:3px;outline:3px solid #ffbf47}.guide-heading{margin-bottom:24px}.guide-heading h1{color:#121826;letter-spacing:0;margin:10px 0 0;font-size:34px;font-weight:700;line-height:1.1}.guide-heading p:last-child{color:#516070;margin:12px 0 0;font-size:16px;line-height:1.45}.guide-section{border-top:1px solid #e1e7dc;margin-top:20px;padding-top:20px}.guide-section h2{color:#121826;letter-spacing:0;margin:0 0 12px;font-size:18px;font-weight:700;line-height:1.2}.guide-section ul{color:#3c4858;gap:8px;margin:0;padding-left:20px;line-height:1.45;display:grid}.guide-section pre{white-space:pre-wrap;overflow-wrap:anywhere;color:#18202f;font:14px/1.45 var(--mono,ui-monospace, Consolas, monospace);background:#f6f8f3;border-radius:8px;margin:0;padding:14px}.card-meta{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.card-meta span{color:#516070;background:#eef3eb;border-radius:999px;padding:5px 10px;font-size:13px;font-weight:700}.card-image{aspect-ratio:16/9;object-fit:cover;background:#eef3eb;border-radius:8px;width:100%;margin:16px 0 18px;display:block}.study-card h1{color:#121826;letter-spacing:0;margin:0;font-size:30px;font-weight:700;line-height:1.12}.quiz-card h1,.results-card h1{color:#121826;letter-spacing:0;margin:10px 0 0;font-size:28px;font-weight:700;line-height:1.16}.quiz-card-title,.question-group,.part-label{color:#516070;margin:0;font-size:15px;font-weight:700}.question-group{margin-top:14px}.shared-prompt{color:#3c4858;margin:8px 0 0;font-size:15px;line-height:1.45}.part-label{color:#246bfe;margin-top:14px}.study-text{color:#3c4858;margin:16px 0 0;font-size:17px;line-height:1.5}.read-controls{gap:10px;margin:18px 0;display:flex}.read-button{color:#18202f;background:#fff;border:1px solid #d8e0d3;border-radius:8px;flex:1;min-height:44px;padding:10px 14px;font-size:16px;font-weight:700}.pause-button{flex:0 0 104px}.read-button:disabled{cursor:not-allowed;opacity:.55}.facts-section{margin-top:24px}.facts-section h2,.missed-section h2,.feedback h2{color:#121826;letter-spacing:0;margin:0 0 12px;font-size:18px;font-weight:700;line-height:1.2}.fact-list{gap:10px;margin:0;display:grid}.fact-item{background:#f6f8f3;border-radius:8px;padding:14px}.fact-item dt{color:#516070;font-size:13px;font-weight:700}.fact-item dd{color:#18202f;margin:4px 0 0;font-size:16px;line-height:1.35}.next-button{color:#fff;background:#246bfe;border-radius:8px;width:min(100%,520px);min-height:56px;margin:20px auto 0;padding:16px 20px;font-size:18px;font-weight:700;box-shadow:0 12px 24px #246bfe2e}.answer-list{gap:10px;margin-top:22px;display:grid}.answer-option{color:#18202f;text-align:left;cursor:pointer;background:#fff;border:1px solid #d8e0d3;border-radius:8px;width:100%;min-height:56px;padding:14px;font-size:16px;font-weight:700;line-height:1.35}.answer-option:disabled{cursor:default;opacity:1}.answer-option.correct{color:#075746;background:#e7f5ef;border-color:#0f7b65}.answer-option.incorrect{color:#812220;background:#fae9e8;border-color:#b93a38}.feedback{border-radius:8px;margin-top:18px;padding:16px}.feedback p{color:#3c4858;margin:8px 0 0;line-height:1.45}.correct-feedback{background:#e7f5ef}.incorrect-feedback{background:#fae9e8}.score-percent{color:#246bfe;margin:16px 0 0;font-size:48px;font-weight:800;line-height:1}.missed-section{margin-top:26px}.empty-result{color:#516070;margin:0}.missed-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.missed-list li{background:#f6f8f3;border-radius:8px;gap:6px;padding:14px;display:grid}.missed-list p{color:#18202f;margin:0;font-weight:700;line-height:1.4}.missed-list span{color:#516070;font-size:14px;line-height:1.35}@media (width>=640px){.home,.study-flow,.quiz-flow,.results-flow,.guide-flow,.category-flow,.game-options-flow,.library-flow{padding:28px}.intro{text-align:center}.intro h1,.screen-content h1,.placeholder-card h1{font-size:52px}.study-card,.quiz-card,.results-card,.guide-card,.category-card,.game-options-card,.library-card,.library-detail-card{padding:28px}.study-card h1{font-size:38px}.quiz-card h1,.results-card h1,.library-detail-card h1{font-size:34px}.library-filters{grid-template-columns:1fr 1fr}}