:root{--bg: #f7f1e6;--bg-card: #fbf6ec;--ink: #2b2622;--ink-soft: #6b6259;--ink-faint: #97907f;--accent: #b85c1b;--accent-soft: #e9d6b9;--rule: #e6dcc8;--good: #2f7a4a;--good-bg: #dfeede;--bad: #a4322a;--bad-bg: #f3dad6;--shadow: 0 2px 16px rgba(60, 40, 20, .06);--font-serif: "Iowan Old Style", "Palatino Linotype", Palatino, "Georgia", ui-serif, serif;--font-sans: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Inter", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100%;background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:18px;line-height:1.5;-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit}.app{min-height:100vh;display:flex;flex-direction:column;padding:max(env(safe-area-inset-top),1rem) 0}.container{width:100%;max-width:720px;margin:0 auto;padding:1.5rem 1.5rem 3rem;display:flex;flex-direction:column;gap:1.75rem}.container-center{justify-content:center;min-height:80vh}.header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding-bottom:1.25rem;border-bottom:1px solid var(--rule)}.header-eyebrow{font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);font-weight:600}.streak{color:var(--accent)}.header-domain{font-family:var(--font-serif);font-weight:600;font-size:1.75rem;margin:.4rem 0 0;line-height:1.15;color:var(--ink)}.header-right{display:flex;flex-direction:column;align-items:flex-end;gap:.4rem}.level-label{font-size:.8rem;color:var(--ink-faint);font-weight:500}.difficulty-toggle{position:relative}.gear-button{display:inline-flex;align-items:center;gap:.4rem;background:var(--bg-card);border:1px solid var(--rule);border-radius:999px;padding:.4rem .9rem;cursor:pointer;font-size:.9rem;color:var(--ink-soft);transition:background .15s ease}.gear-button:hover{background:var(--accent-soft)}.gear-icon{font-size:1rem}.level-menu{position:absolute;right:0;top:calc(100% + .5rem);background:var(--bg-card);border:1px solid var(--rule);border-radius:14px;box-shadow:var(--shadow);padding:.5rem;z-index:10;min-width:240px}.level-menu-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-faint);padding:.5rem .75rem .25rem}.level-option{display:flex;flex-direction:column;align-items:flex-start;gap:.15rem;width:100%;padding:.65rem .75rem;background:transparent;border:0;border-radius:8px;cursor:pointer;text-align:left}.level-option:hover{background:#b85c1b14}.level-option.is-active{background:#b85c1b24}.level-option-label{font-weight:600;color:var(--ink)}.level-option-sub{font-size:.8rem;color:var(--ink-faint)}.loading{text-align:center;padding:3rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.75rem}.loading-eyebrow{font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint);font-weight:600}.loading-domain{font-family:var(--font-serif);font-size:1.5rem;color:var(--ink)}.loading-dots{display:inline-flex;gap:.35rem;margin-top:.5rem}.loading-dots span{width:8px;height:8px;border-radius:999px;background:var(--accent);opacity:.4;animation:bounce 1.2s infinite ease-in-out both}.loading-dots span:nth-child(2){animation-delay:.15s}.loading-dots span:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,80%,to{transform:translateY(0);opacity:.4}40%{transform:translateY(-6px);opacity:1}}.loading-hint{font-size:.9rem;color:var(--ink-faint)}.problem{display:flex;flex-direction:column;gap:1.5rem}.passage{background:var(--bg-card);border:1px solid var(--rule);border-left:4px solid var(--accent);border-radius:12px;padding:1.25rem 1.4rem;font-family:var(--font-serif);font-size:1.05rem;line-height:1.6;color:var(--ink)}.passage p{margin:0 0 .85rem}.passage p:last-child{margin-bottom:0}.question{font-size:1.3rem;line-height:1.45;font-weight:500;margin:0;color:var(--ink)}.choices{display:grid;gap:.65rem}.choice{display:flex;align-items:flex-start;gap:.9rem;width:100%;text-align:left;background:var(--bg-card);border:1.5px solid var(--rule);border-radius:12px;padding:.95rem 1.1rem;font-size:1.05rem;line-height:1.4;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .05s ease;color:var(--ink)}.choice:hover:not(:disabled){border-color:var(--accent);background:#fffbf2}.choice:active:not(:disabled){transform:scale(.995)}.choice:disabled{cursor:default}.choice-letter{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border-radius:999px;background:var(--bg);border:1.5px solid var(--rule);font-weight:700;font-size:.95rem;color:var(--ink-soft)}.choice-text{padding-top:.25rem}.choice.is-correct{background:var(--good-bg);border-color:var(--good)}.choice.is-correct .choice-letter{background:var(--good);border-color:var(--good);color:#fff}.choice.is-wrong{background:var(--bad-bg);border-color:var(--bad)}.choice.is-wrong .choice-letter{background:var(--bad);border-color:var(--bad);color:#fff}.choice.is-dim{opacity:.55}.explanation{margin-top:.5rem;background:var(--bg-card);border:1px solid var(--rule);border-radius:14px;padding:1.25rem 1.4rem;display:flex;flex-direction:column;gap:.75rem;animation:fadeIn .25s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.explanation-verdict{font-family:var(--font-serif);font-size:1.2rem;font-weight:600;color:var(--ink)}.explanation-meta{display:flex;gap:.5rem;flex-wrap:wrap}.pill{display:inline-block;background:var(--accent-soft);color:var(--accent);font-size:.78rem;font-weight:600;letter-spacing:.04em;padding:.25rem .7rem;border-radius:999px}.pill-muted{background:var(--bg);color:var(--ink-soft);border:1px solid var(--rule)}.explanation-text{margin:0;font-size:1rem;line-height:1.6;color:var(--ink)}.tomorrow{margin-top:.25rem;padding-top:.75rem;border-top:1px dashed var(--rule);font-size:.85rem;color:var(--ink-faint)}.setup{max-width:460px;margin:0 auto;text-align:center;display:flex;flex-direction:column;gap:1rem}.setup-title{font-family:var(--font-serif);font-size:2.25rem;margin:0;color:var(--ink)}.setup-lede{margin:0 0 .5rem;color:var(--ink-soft);font-size:1rem}.setup-form{display:flex;flex-direction:column;gap:.85rem;align-items:stretch;text-align:left}.setup-label{font-size:.9rem;color:var(--ink-soft)}.setup-input{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.95rem;padding:.85rem 1rem;border:1.5px solid var(--rule);border-radius:10px;background:var(--bg-card);color:var(--ink);outline:none}.setup-input:focus{border-color:var(--accent)}.setup-button{background:var(--accent);color:#fff;border:0;border-radius:999px;padding:.85rem 1.25rem;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .15s ease}.setup-button:disabled{opacity:.5;cursor:not-allowed}.setup-button:hover:not(:disabled){opacity:.92}.setup-note{font-size:.8rem;color:var(--ink-faint);margin:0;line-height:1.5}.setup-error{margin:0;font-size:.85rem;color:var(--bad);background:var(--bad-bg);border:1px solid var(--bad);border-radius:8px;padding:.5rem .75rem}.error-state{text-align:center;padding:2rem 1rem;display:flex;flex-direction:column;gap:.75rem;align-items:center}.error-title{font-family:var(--font-serif);font-size:1.4rem;color:var(--ink)}.error-message{margin:0;color:var(--ink-soft);max-width:28rem;font-size:.95rem}.error-actions{display:flex;gap:.75rem;align-items:center;margin-top:.5rem;flex-wrap:wrap;justify-content:center}.text-button{background:transparent;border:0;color:var(--ink-faint);font-size:.85rem;cursor:pointer;text-decoration:underline;text-decoration-color:var(--rule);padding:.4rem .6rem}.text-button:hover{color:var(--accent);text-decoration-color:var(--accent)}.footer{margin-top:auto;display:flex;justify-content:center;padding-top:1rem}@media (min-width: 768px){.container{padding:2.5rem 2rem 4rem;gap:2.25rem}.header-domain{font-size:2.1rem}.question{font-size:1.4rem}.choice{font-size:1.1rem;padding:1.1rem 1.25rem}}