:root{--bg: #fff6ee;--card: #ffffff;--ink: #221d19;--muted: #7a6a5c;--tertiary: #a89686;--border: #e8d9cc;--accent: #fd5801;--accent-muted: #ffe4d4;--correct: #2f9e5b;--incorrect: #c43c2c;--flame: #f0a868;--radius: 20px;--shadow: 0 10px 30px color-mix(in srgb, var(--accent) 8%, transparent);font-family:Lexend,system-ui,sans-serif;color:var(--ink);line-height:1.45;-webkit-tap-highlight-color:transparent}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:radial-gradient(120% 80% at 0% 0%,color-mix(in srgb,var(--accent-muted) 55%,transparent),transparent 55%),radial-gradient(90% 60% at 100% 0%,color-mix(in srgb,var(--flame) 18%,transparent),transparent 50%),var(--bg)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-header{position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:color-mix(in srgb,var(--bg) 86%,transparent);border-bottom:1px solid var(--border);padding:12px 16px;padding-top:max(12px,env(safe-area-inset-top))}.app-header-inner{max-width:860px;margin:0 auto;display:flex;gap:12px;flex-wrap:wrap;align-items:center;justify-content:space-between}.app-header h1{margin:0;font-size:1.05rem;font-weight:700;color:var(--accent);letter-spacing:-.02em}.app-header .meta{color:var(--muted);font-size:.8rem;margin-top:2px}.main{max-width:860px;margin:0 auto;padding:16px 14px calc(96px + env(safe-area-inset-bottom))}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:18px 16px;box-shadow:var(--shadow)}.btn,.select,.input{border-radius:16px;border:1px solid var(--border);background:var(--card);color:var(--ink);padding:11px 14px;min-height:44px;cursor:pointer}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--accent);color:#fff;border-color:transparent;font-weight:600}.btn.ghost{background:transparent}.btn.block{width:100%}.input{width:100%;cursor:text}.select{width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 18px) calc(50% - 3px),calc(100% - 12px) calc(50% - 3px);background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:32px}.filters{display:grid;gap:10px;margin-bottom:16px}.filters-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.filters-row.triple{grid-template-columns:1fr 1fr 1fr}@media(max-width:560px){.filters-row.triple{grid-template-columns:1fr 1fr}}.filters label.field{display:flex;flex-direction:column;gap:4px;font-size:.72rem;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.list{display:grid;gap:10px}.question-row{display:block;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:14px 14px 12px;box-shadow:var(--shadow);transition:border-color .15s ease,transform .15s ease}.question-row:active{transform:scale(.995)}.question-row:hover{border-color:color-mix(in srgb,var(--accent) 40%,var(--border))}.badges{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.badge{font-size:.7rem;font-weight:600;padding:3px 9px;border-radius:999px;background:var(--accent-muted);color:var(--accent)}.badge.muted{background:var(--border);color:var(--muted)}.badge.ok{background:color-mix(in srgb,var(--correct) 28%,white);color:#2f6b3c}.badge.warn{background:color-mix(in srgb,var(--flame) 30%,white);color:#8a5a18}.badge.danger{background:color-mix(in srgb,var(--incorrect) 18%,white);color:var(--incorrect)}.row-prompt{margin:0;font-size:.98rem;overflow-wrap:anywhere}.row-sub{margin:6px 0 0;font-size:.78rem;color:var(--muted)}.empty,.center-msg{text-align:center;color:var(--muted);padding:48px 12px}.error-box{background:color-mix(in srgb,var(--incorrect) 10%,white);border:1px solid color-mix(in srgb,var(--incorrect) 35%,var(--border));color:var(--incorrect);border-radius:var(--radius);padding:16px;white-space:pre-wrap}.prompt{font-size:1.08rem;margin:0 0 16px;overflow-wrap:anywhere}.prompt img,.passage-body img{display:block;max-width:100%;margin:14px 0;border-radius:16px;border:1px solid var(--border);background:var(--bg)}.passage{margin-bottom:16px;padding:14px;border-radius:16px;background:var(--bg);border:1px solid var(--border)}.passage h3{margin:0 0 8px;font-size:.85rem;color:var(--muted);text-transform:uppercase;letter-spacing:.04em}.choices{display:grid;gap:10px;margin:0 0 16px}.choice{border:1px solid var(--border);border-radius:16px;padding:14px;background:var(--bg);font-size:1rem;overflow-wrap:anywhere}.choice.correct{border-color:color-mix(in srgb,var(--correct) 70%,var(--border));background:color-mix(in srgb,var(--correct) 16%,white)}.ans-note{font-size:.85rem;color:var(--muted)}.details-block{border-top:1px solid var(--border);padding-top:12px;margin-top:8px;color:var(--muted);font-size:.95rem}.details-block summary{cursor:pointer;color:var(--accent);font-weight:600;padding:8px 0;min-height:44px;display:flex;align-items:center}.details-block .body{margin-top:8px;color:var(--ink)}.nav{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:18px}.nav button{width:100%}.detail-toolbar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;margin-bottom:14px}.detail-toolbar .jump{display:flex;gap:8px;align-items:center;flex:1;min-width:180px}.detail-toolbar .jump select{flex:1}.meta-grid{display:grid;gap:10px;margin-top:12px}.meta-row{display:grid;grid-template-columns:120px 1fr;gap:8px;font-size:.88rem}.meta-row dt{margin:0;color:var(--muted);font-weight:600}.meta-row dd{margin:0;overflow-wrap:anywhere}.meta-row code,.meta-json{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.78rem;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:2px 6px}.meta-json{display:block;padding:10px;white-space:pre-wrap;overflow-x:auto}.footer-note{text-align:center;color:var(--tertiary);font-size:.75rem;padding:8px 16px 24px}.header-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.swipe-hint{text-align:center;color:var(--tertiary);font-size:.75rem;margin:10px 0 0}.login-wrap{min-height:100dvh;display:grid;place-items:center;padding:24px 16px}.login-card{width:min(100%,400px);background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px 20px 20px;display:grid;gap:12px}.login-card h1{margin:0;font-size:1.35rem;letter-spacing:-.02em;color:var(--accent)}.field{display:grid;gap:6px;font-size:.85rem;color:var(--muted)}.field input{border:1px solid var(--border);border-radius:14px;padding:12px 14px;background:var(--bg);color:var(--ink)}.remember{display:flex;gap:10px;align-items:center;font-size:.9rem;color:var(--ink);-webkit-user-select:none;user-select:none}.remember input{width:18px;height:18px}