:root{--bg:#0b0f17;--panel:#141b26;--panel-2:#1c2533;--text:#e6edf6;--muted:#9aa7b8;--accent:#6366f1;--accent-2:#22d3ee;--border:#243044;--danger:#dc2626;--ok:#22c55e;--focus:#38bdf8}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:var(--accent-2)}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:3px}.btn:focus-visible{outline-offset:2px}.skip-link{position:absolute;left:-9999px;top:0;z-index:100;background:var(--accent);color:#fff;padding:.6rem 1rem;border-radius:0 0 .5rem 0;text-decoration:none;font-weight:600}.skip-link:focus{left:0}.app{max-width:960px;margin:0 auto;padding:1rem 1.25rem 4rem}.nav{display:flex;gap:1rem;align-items:center;padding:1rem 0;border-bottom:1px solid var(--border);margin-bottom:1.5rem;flex-wrap:wrap}.nav .brand{font-weight:700;font-size:1.15rem;margin-right:auto}.btn,.nav .brand{color:var(--text);text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.55rem .9rem;min-height:44px;border-radius:.5rem;border:1px solid var(--border);background:var(--panel-2);font-weight:600;cursor:pointer}.btn-primary,.btn:hover{border-color:var(--accent)}.btn-primary{background:var(--accent);color:white}.btn-danger{background:var(--danger);border-color:var(--danger);color:white}.btn:disabled{opacity:.5;cursor:not-allowed}.card{background:var(--panel);border:1px solid var(--border);border-radius:.75rem;padding:1.25rem}.card-link{text-decoration:none;color:var(--text);display:block;transition:border-color .12s ease}.card-link:hover{border-color:var(--accent)}.input{width:100%;padding:.6rem .75rem;border-radius:.5rem;border:1px solid var(--border);background:var(--panel-2);color:var(--text)}.grid{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.muted{color:var(--muted)}.error{color:var(--danger)}.aria-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.flashcard{min-height:220px;display:flex;flex-direction:column;justify-content:center;gap:1rem}.flashcard .card-html :where(img){max-width:100%;height:auto;border-radius:.5rem}.flashcard .card-html audio{width:100%}.row{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.tag{font-size:.75rem;padding:.15rem .5rem;border-radius:999px;color:var(--muted)}.kbd,.tag{background:var(--panel-2);border:1px solid var(--border)}.kbd{font:inherit;padding:.05rem .4rem;border-radius:.3rem;font-size:.8rem;font-family:ui-monospace,monospace}label{display:block;font-size:.85rem;color:var(--muted);margin-bottom:.5rem}label>.input,label>input[type=datetime-local],label>input[type=file],label>input[type=password],label>input[type=text],label>textarea{display:block;margin-top:.25rem;color:var(--text);font-size:1rem}label.row{display:flex;align-items:center;gap:.4rem;margin-bottom:0;cursor:pointer}input[type=checkbox]{width:auto;min-height:auto}input[type=file]{font-size:.9rem;padding:.35rem .5rem}section{margin-top:2rem}.flashcard .card-html+.card-html{border-top:1px dashed var(--border);padding-top:1rem;margin-top:.5rem}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;overflow-wrap:anywhere;word-break:break-all}