:root{--bg:#f4f5f7;--surface:#fff;--text:#1b1f27;--muted:#646b78;--border:#dde1e7;--primary:#1f3a8a;--primary-text:#fff;--accent:#c2410c;--danger:#b42318;--danger-bg:#fdecea;--info-bg:#e8f0fe;--radius:10px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-text-size-adjust:100%;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--bg:#111318;--surface:#1b1e25;--text:#e7e9ee;--muted:#9aa1ad;--border:#2d323c;--primary:#7c9cf5;--primary-text:#0d1220;--accent:#fb923c;--danger:#f87171;--danger-bg:#3a1d1d;--info-bg:#1c2a44;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0}h1{margin:0;font-size:1.5rem;line-height:1.25}h2{margin:0;font-size:1.15rem}a{color:var(--primary)}.topbar{z-index:10;padding:10px 16px;padding-top:max(10px, env(safe-area-inset-top));background:var(--surface);border-bottom:1px solid var(--border);align-items:center;gap:12px;display:flex;position:sticky;top:0}.brand{color:var(--text);white-space:nowrap;font-weight:700;text-decoration:none}.nav{gap:4px;margin-right:auto;display:flex}.nav a{color:var(--muted);border-radius:8px;padding:6px 10px;font-weight:600;text-decoration:none}.nav a.active{color:var(--primary);background:var(--info-bg)}@media (width<=480px){.brand,.username{display:none}}.brand-title{margin-top:15vh}.container{max-width:760px;padding:16px;padding-bottom:max(32px, env(safe-area-inset-bottom));margin:0 auto}.narrow{flex-direction:column;gap:16px;max-width:420px;display:flex}.stack{flex-direction:column;gap:12px;display:flex}.row{justify-content:space-between;align-items:center;gap:8px;display:flex}.row-start{flex-wrap:wrap;gap:8px;display:flex}.center{text-align:center}.muted{color:var(--muted)}.small{font-size:.85rem}.pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:4px 0}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px}.card.selected{border-color:var(--primary)}label{flex-direction:column;gap:4px;font-size:.9rem;font-weight:600;display:flex}input,select,textarea{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:8px;width:100%;padding:10px 12px;font-size:16px;font-weight:400}textarea{resize:vertical}.editor{min-height:50vh;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:15px}input:focus,select:focus,textarea:focus{outline:2px solid var(--primary);outline-offset:-1px}button,.button{font:inherit;cursor:pointer;text-align:center;border:1px solid var(--primary);background:var(--primary);min-height:44px;color:var(--primary-text);border-radius:8px;justify-content:center;align-items:center;padding:8px 16px;font-weight:600;text-decoration:none;display:inline-flex}button:disabled{opacity:.5;cursor:default}.secondary{color:var(--primary);background:0 0}.danger{color:var(--danger);border-color:var(--danger);background:0 0}.ghost{color:var(--primary);background:0 0;border-color:#0000}button.small{min-height:32px;padding:4px 8px;font-size:.85rem}.ghost.small{align-self:flex-start}.chips{scrollbar-width:none;gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.chip{background:var(--surface);min-height:34px;color:var(--text);border:1px solid var(--border);border-radius:999px;flex:none;padding:4px 12px;font-weight:500}.chip.active{background:var(--primary);color:var(--primary-text);border-color:var(--primary)}.tabs{border-bottom:1px solid var(--border);display:flex}.tab{color:var(--muted);background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0}.tab.active{color:var(--primary);border-bottom-color:var(--primary)}.list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.fiche-item{color:var(--text);flex-direction:column;gap:4px;text-decoration:none;display:flex}.theme-tag{text-transform:uppercase;letter-spacing:.03em;color:var(--accent);align-self:flex-start;font-size:.75rem;font-weight:700}.version-btn{width:100%;min-height:36px;color:var(--text);justify-content:flex-start;padding:0}.comment{flex-direction:column;gap:2px;padding:10px 14px;display:flex}.error{background:var(--danger-bg);color:var(--danger);border-radius:8px;margin:0;padding:10px 12px}.info{background:var(--info-bg);border-radius:8px;margin:0;padding:10px 12px}.markdown{overflow-wrap:anywhere}.markdown>:first-child{margin-top:0}.markdown>:last-child{margin-bottom:0}.markdown h2{margin-top:1.2em}.markdown table{border-collapse:collapse;display:block;overflow-x:auto}.markdown th,.markdown td{border:1px solid var(--border);padding:6px 10px}.markdown img{max-width:100%}.markdown code{background:var(--bg);border-radius:4px;padding:1px 4px}.markdown pre{background:var(--bg);border-radius:8px;padding:10px;overflow-x:auto}.markdown blockquote{border-left:3px solid var(--accent);color:var(--muted);margin:0;padding-left:12px}.stats{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.stats .card{flex-direction:column;align-items:center;padding:10px;display:flex}.stats strong{font-size:1.4rem}.theme-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px;display:grid}.progress{background:var(--border);border-radius:2px;height:4px;overflow:hidden}.progress div{background:var(--primary);height:100%;transition:width .2s}.flashcard{min-height:40vh}.flashcard hr{border:none;border-top:1px solid var(--border);width:100%;margin:4px 0}.question{font-size:1.3rem}.answer-buttons{grid-template-columns:1fr 1fr;gap:8px;display:grid}.score{margin:0;font-size:2.5rem;font-weight:700}
