:root{--paper: #f6f4ef;--surface: #ffffff;--well: #ece8df;--ink: #1b1f1c;--ink-muted: #5c645e;--ink-faint: #69706a;--rule: #ddd8cc;--rule-strong: #c6bfaf;--accent: #1e5e46;--accent-pressed: #164a37;--accent-soft: #e2eee7;--on-accent: #ffffff;--danger: #9b3227;--danger-soft: #f6e6e3;--caution: #8a5a1b;--caution-soft: #f5ebdc;--gold: #8a6a1f;--sans: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--serif: "IBM Plex Serif", Georgia, serif;--radius: 5px;--gap: 20px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.shell{display:flex;flex-direction:column;min-height:100%}.topbar{background:var(--accent);color:var(--on-accent);padding:12px 24px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}.topbar__title{font-size:15px;font-weight:600;letter-spacing:.02em;margin:0}.topbar__nav{display:flex;gap:4px;margin-left:auto;align-items:center}.topbar__link{color:var(--on-accent);text-decoration:none;padding:7px 12px;border-radius:var(--radius);font-size:14px;opacity:.85}.topbar__link:hover{opacity:1;background:#ffffff1f}.topbar__link--on{opacity:1;background:#ffffff2e;font-weight:600}.topbar__who{font-size:13px;opacity:.85}.page{width:100%;max-width:1180px;margin:0 auto;padding:28px 24px 96px;flex:1}.page--narrow{max-width:760px}.page__head{border-bottom:1px solid var(--rule);padding-bottom:14px;margin-bottom:24px}h1{font-size:26px;line-height:1.2;margin:0 0 4px;font-weight:600}h2{font-size:12px;text-transform:uppercase;letter-spacing:.09em;color:var(--ink-muted);margin:32px 0 12px;font-weight:600}.subtitle{color:var(--ink-muted);margin:0;font-size:14px}.section{border-top:1px solid var(--rule);padding-top:4px;margin-top:28px}.field{margin-bottom:18px}.field__label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted);font-weight:600;margin-bottom:5px}.field__hint{font-size:12.5px;color:var(--ink-faint);margin-top:5px}.field__error{font-size:12.5px;color:var(--danger);margin-top:5px;font-weight:500}input[type=text],input[type=number],input[type=email],input[type=password],input[type=search],select,textarea{width:100%;font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--rule-strong);border-radius:var(--radius);padding:9px 11px;min-height:40px}textarea{line-height:1.6;resize:vertical;min-height:96px}textarea.prose{font-family:var(--serif);font-size:15.5px}input:focus,select:focus,textarea:focus{border-color:var(--accent)}input[aria-invalid=true],textarea[aria-invalid=true]{border-color:var(--danger)}input[dir=rtl],textarea[dir=rtl]{font-size:17px}.row{display:grid;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}.row--3{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:860px){.row,.row--3{grid-template-columns:minmax(0,1fr)}}.check{display:flex;align-items:center;gap:9px;font-size:14px;color:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none}.check input{width:17px;height:17px;min-height:0;accent-color:var(--accent)}.chips{display:flex;flex-wrap:wrap;gap:7px}.chip{font:inherit;font-size:13.5px;border:1px solid var(--rule-strong);background:var(--surface);color:var(--ink);border-radius:999px;padding:6px 13px;cursor:pointer}.chip:hover{background:var(--well)}.chip--on{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:500}.button{font:inherit;font-weight:600;font-size:14px;border-radius:var(--radius);padding:10px 18px;min-height:42px;cursor:pointer;border:1px solid transparent;background:var(--accent);color:var(--on-accent)}.button:hover:not(:disabled){background:var(--accent-pressed)}.button:disabled{opacity:.5;cursor:default}.button--quiet{background:var(--surface);color:var(--ink);border-color:var(--rule-strong)}.button--quiet:hover:not(:disabled){background:var(--well)}.button--danger{background:var(--surface);color:var(--danger);border-color:var(--danger)}.button--danger:hover:not(:disabled){background:var(--danger-soft)}.button--small{padding:6px 12px;min-height:34px;font-size:13px}.buttons{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.savebar{position:sticky;bottom:0;background:var(--paper);border-top:1px solid var(--rule);padding:14px 0;margin-top:32px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.note{border-left:3px solid var(--rule-strong);background:var(--well);padding:11px 14px;border-radius:0 var(--radius) var(--radius) 0;margin:14px 0;font-size:14px}.note--danger{border-left-color:var(--danger);background:var(--danger-soft)}.note--caution{border-left-color:var(--caution);background:var(--caution-soft)}.note--good{border-left-color:var(--accent);background:var(--accent-soft)}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted);border-bottom:1px solid var(--rule-strong);padding:8px 10px;white-space:nowrap}.table td{border-bottom:1px solid var(--rule);padding:10px;vertical-align:top}.table tbody tr:hover{background:var(--well)}.table__name{font-weight:600}.table__arabic{font-size:16px;color:var(--ink-muted)}.muted{color:var(--ink-muted)}.faint{color:var(--ink-faint)}.repeat{border:1px solid var(--rule);border-radius:var(--radius);padding:16px;margin-bottom:12px;background:var(--surface)}.repeat__head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.repeat__count{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-muted);font-weight:600}.centred{max-width:420px;margin:12vh auto;padding:0 24px}.state{padding:48px 0;text-align:center;color:var(--ink-muted)}.badge{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;padding:2px 7px;border-radius:3px;background:var(--caution-soft);color:var(--caution)}.pictures{display:grid;grid-template-columns:240px minmax(0,1fr);gap:var(--gap);align-items:start}.pictures__places{display:flex;flex-direction:column;gap:2px;max-height:70vh;overflow-y:auto;padding-right:4px;border-right:1px solid var(--rule)}.pictures__place{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;padding:8px 10px;border:0;border-radius:var(--radius);background:transparent;color:var(--ink-muted);font:inherit;font-size:14px;text-align:left;cursor:pointer}.pictures__place:hover{background:var(--well)}.pictures__place--on{background:var(--accent-soft);color:var(--accent);font-weight:600}.pictures__count{flex:none;min-width:22px;padding:1px 6px;border-radius:10px;background:var(--well);color:var(--ink-faint);font-size:12px;font-variant-numeric:tabular-nums;text-align:center}.pictures__count--some{background:var(--accent);color:var(--on-accent)}.pictures__panel{min-width:0}.pictures__heading{margin:0 0 12px;font-family:var(--serif);font-size:22px;font-weight:600;text-transform:none;letter-spacing:normal;color:var(--ink)}.picture-add{display:grid;grid-template-columns:240px minmax(0,1fr);align-items:start;gap:var(--gap);padding:18px;margin-bottom:var(--gap);border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface)}.picture-add__preview{display:block;width:100%;margin-top:12px;border-radius:var(--radius);border:1px solid var(--rule);aspect-ratio:3 / 2;object-fit:cover;background:var(--well)}.picture-add__words>*+*{margin-top:12px}.picture-add__actions{grid-column:1 / -1;display:flex;gap:8px}.picture-add .note{grid-column:1 / -1}.pictures__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.picture{display:grid;grid-template-columns:180px minmax(0,1fr);gap:16px;padding:14px;border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface)}.picture__thumb{width:100%;aspect-ratio:3 / 2;object-fit:cover;border-radius:var(--radius);background:var(--well)}.picture__body{min-width:0}.picture__caption{margin:0 0 4px;font-family:var(--serif);font-size:16px;line-height:1.5}.picture__credit{margin:0;font-size:13px;color:var(--ink-muted)}.picture__own{color:var(--ink-faint);font-style:italic}.picture__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.picture__body>*+.picture__actions{margin-top:12px}@media(max-width:860px){.pictures,.picture-add,.picture{grid-template-columns:minmax(0,1fr)}.pictures__places{flex-direction:row;flex-wrap:wrap;max-height:none;border-right:0;border-bottom:1px solid var(--rule);padding:0 0 12px}.pictures__place{width:auto}}.document-add{display:grid;grid-template-columns:240px minmax(0,1fr);align-items:start;gap:var(--gap);padding:18px;margin-bottom:var(--gap);border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface)}.document-add__words>*+*{margin-top:12px}.document-add__actions{grid-column:1 / -1;display:flex;gap:8px}.document-add .note{grid-column:1 / -1}.documents{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}.document{padding:14px 16px;border:1px solid var(--rule);border-radius:var(--radius);background:var(--surface)}.document__title{margin:0;font-family:var(--serif);font-size:17px;font-weight:600}.document__about{margin:4px 0 0;color:var(--ink-muted);font-size:14px}.document__meta{margin:8px 0 0;font-size:13px;color:var(--ink-faint)}.document__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}@media(max-width:860px){.document-add{grid-template-columns:minmax(0,1fr)}}.standing{margin-top:18px;padding-top:14px;border-top:1px solid var(--rule)}.standing__legend{margin:0 0 8px;font-size:12px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-muted)}