:root{--bg:#f6f5f1;--surface:#fff;--ink:#1b1f3b;--muted:#6b6f85;--line:#e4e2da;--brand:#1b1f3b;--accent:#f2b544;--ok:#1f8a5b;--err:#c0392b;--radius:14px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#111322;--surface:#1a1d33;--ink:#eceaf5;--muted:#a3a6bd;--line:#2c3050;--brand:#f2b544;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:IBM Plex Sans Arabic,system-ui,sans-serif;line-height:1.7}h1,h2{margin:0 0 .4rem;line-height:1.3}h1{font-size:1.6rem}h2{font-size:1.15rem}p{margin:.25rem 0}a{color:inherit}.muted{color:var(--muted)}.error{color:var(--err)}.ok{color:var(--ok);font-weight:600}.center{place-items:center;min-height:40vh;display:grid}.topbar{background:var(--surface);border-bottom:1px solid var(--line);z-index:10;position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;gap:1rem;max-width:880px;margin:0 auto;padding:.7rem 16px;display:flex}.logo{letter-spacing:.06em;align-items:center;gap:.5rem;font-weight:700;text-decoration:none;display:flex}.nav{flex-wrap:wrap;align-items:center;gap:.25rem;display:flex}.nav a,.link{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:.35rem .7rem;text-decoration:none}.nav a.active{color:var(--ink);background:var(--bg);font-weight:600}.link:hover,.nav a:hover{color:var(--ink)}.container{max-width:880px;margin:0 auto;padding:1.5rem 16px 4rem}.stack{flex-direction:column;gap:1rem;display:flex}.row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.row-between{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.grid-2{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;display:grid}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem}.card.highlight{border-inline-start:4px solid var(--accent)}.card.disabled{opacity:.75}.badge{background:var(--bg);color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:.1rem .6rem;font-size:.8rem}.btn{font:inherit;cursor:pointer;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:.6rem;padding:.65rem 1.2rem;font-weight:600;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.6;cursor:default}.btn-primary{background:var(--brand);color:var(--surface);margin-top:.5rem}.btn-ghost{border-color:var(--line);color:var(--ink);background:0 0}.btn-google{color:#1f1f1f;background:#fff;border-color:#dadce0;width:100%;margin-top:1rem}.auth-page{place-items:center;min-height:100vh;padding:16px;display:grid}.auth-card{text-align:center;width:100%;max-width:400px;padding:2rem 1.5rem}.auth-card img{margin-bottom:.75rem}.form{max-width:640px}.field{border:0;flex-direction:column;gap:.35rem;min-width:0;margin:0;padding:0;display:flex}.field>span{font-weight:600}.field em{font-size:.9rem;font-style:normal;font-weight:400}input,select,textarea{font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:10px;width:100%;padding:.6rem .8rem}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:1px}textarea{resize:vertical}.chips{flex-wrap:wrap;gap:.5rem;display:flex}.chip{font:inherit;border:1px solid var(--line);background:var(--bg);color:var(--ink);cursor:pointer;border-radius:999px;padding:.35rem .9rem}.chip.on{background:var(--brand);color:var(--surface);border-color:var(--brand)}.card-link{color:inherit;text-decoration:none;transition:border-color .15s}.card-link:hover{border-color:var(--accent)}.ok-badge{color:var(--ok);border-color:var(--ok)}.back{width:fit-content;text-decoration:none}.hints{color:var(--muted);margin:0;padding-inline-start:1.2rem}.retold{white-space:pre-wrap;font-size:1.05rem}.elements{gap:.6rem;margin:0;display:grid}.elements div{grid-template-columns:9rem 1fr;gap:.75rem;display:grid}.elements dt{color:var(--muted);font-weight:600}.elements dd{margin:0}@media (width<=560px){.elements div{grid-template-columns:1fr;gap:0}}.fragments{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem;margin-top:.75rem;display:grid}.fragment{border:1px solid var(--line);background:var(--bg);border-radius:12px;padding:.9rem}.fragment h3{margin:.5rem 0 .25rem;font-size:1rem}.fragment blockquote{border-inline-start:3px solid var(--accent);margin:.5rem 0 0;padding-inline-start:.6rem;font-size:.92rem}.card.warn{border-inline-start:4px solid var(--err)}.note{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:.75rem 1rem}.ok-note{border-color:var(--ok);color:var(--ok)}.card ul{margin:.25rem 0;padding-inline-start:1.2rem}.pulse{animation:1.6s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.45}}