:root{--fg:#1c1c1e;--muted:#6e6e73;--bg:#fff;--card:#f2f2f7;--line:#d1d1d6;--accent:#c0392b;--good:#1e8e3e;--again:#c5221f;--danger:#8e1b14;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--fg:#f2f2f7;--muted:#a1a1a6;--bg:#000;--card:#1c1c1e;--line:#38383a}}*{box-sizing:border-box}html,body{height:100%;margin:0}body{color:var(--fg);background:var(--bg);-webkit-tap-highlight-color:transparent;font:17px/1.45 -apple-system,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif}#root{flex-direction:column;min-height:100%;display:flex}main{padding:calc(env(safe-area-inset-top) + 12px) 16px 96px;flex:1;width:100%;max-width:640px;margin:0 auto}main.full{padding-bottom:calc(env(safe-area-inset-bottom) + 16px);flex-direction:column;display:flex}h1{margin:8px 0 12px;font-size:26px}h2{margin:4px 0 8px;font-size:17px}.card{background:var(--card);border-radius:14px;margin:12px 0;padding:14px}.kv{grid-template-columns:1fr auto;gap:6px 12px;margin:12px 0;display:grid}.kv dt{color:var(--muted)}.kv dd{text-align:right;font-variant-numeric:tabular-nums;margin:0}.hint{color:var(--muted);font-size:14px}.hint.error{color:var(--again)}.center{text-align:center}.mono{word-break:break-all;font-family:ui-monospace,Menlo,monospace}.small{font-size:12px}ol.small{margin:0;padding-left:24px}pre.small{white-space:pre-wrap;max-height:40vh;margin:0;overflow-y:auto}button{border:1px solid var(--line);background:var(--card);min-height:48px;color:var(--fg);border-radius:12px;width:100%;padding:0 16px;font-size:17px}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}button.danger{color:var(--danger)}button.link{width:auto;min-height:44px;color:var(--accent);background:0 0;border:0;padding:0 4px}button:disabled{opacity:.4}.actions{gap:10px;margin-top:16px;display:grid}.form{gap:10px;display:grid}label{color:var(--muted);gap:4px;font-size:15px;display:grid}input,select{border:1px solid var(--line);background:var(--bg);min-height:44px;color:var(--fg);border-radius:10px;padding:0 10px;font-size:17px}label.file input{background:0 0;border:0;padding:8px 0}.message{border-left:4px solid var(--accent)}.update{background:var(--accent);color:#fff;border:0;margin-bottom:8px}.tabs{background:var(--card);border-top:1px solid var(--line);padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.tabs a{min-height:52px;color:var(--muted);justify-content:center;align-items:center;font-size:14px;text-decoration:none;display:flex}.tabs a.active{color:var(--accent);font-weight:600}.review{flex-direction:column;flex:1;display:flex}.review-top{justify-content:space-between;align-items:center;display:flex}.prompt{text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;flex:1;justify-content:center;min-height:40vh;display:flex}.de{font-size:26px;font-weight:600}.es,.es-question{margin-top:8px;font-size:26px}.es-question{font-weight:600}.answer{border-top:1px solid var(--line);margin-top:20px;padding-top:16px}.reveal{margin-top:16px}.grades{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;display:grid}.grades .hint{grid-column:1/-1;margin:0}.grades button{color:#fff;touch-action:manipulation;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border:0;min-height:72px;font-size:20px;font-weight:600}.grades .again{background:var(--again)}.grades .good{background:var(--good)}.guard{padding:32px 20px}
