:root{--yellow:#fbe97a;--yellow-soft:#fdf3b3;--navy:#1f3a5f;--navy-ink:#16202e;--rule:#7fa6cf;--margin:#d9534f;--paper:#fffdf5;--ink:#1a1a1a;--muted:#5d6673;--line:#e4e0cf;--ok:#2e7d32;--warn:#b26a00;--danger:#b73b3b;--radius:10px;--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box}html,body{background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-text-size-adjust:100%;margin:0;padding:0;font-size:16px;line-height:1.45}body{min-height:100dvh;padding-bottom:env(safe-area-inset-bottom)}a{color:var(--navy)}button,input,select,textarea{font:inherit;color:inherit}.shell-header{z-index:10;background:var(--navy);color:#fff;padding:calc(8px + env(safe-area-inset-top)) 12px 8px;border-bottom:3px solid var(--yellow);align-items:center;gap:10px;display:flex;position:sticky;top:0}.shell-header .brand{color:#fff;letter-spacing:.02em;align-items:center;gap:8px;font-weight:700;text-decoration:none;display:flex}.shell-header .brand img{border-radius:6px;width:28px;height:28px}.shell-header nav{gap:4px;margin-left:auto;display:flex}.shell-header nav a{color:#fff;border-radius:8px;padding:6px 10px;font-size:14px;text-decoration:none}.shell-header nav a.active{background:#ffffff24}.badge{background:var(--yellow);color:var(--navy-ink);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:12px;font-weight:600;display:inline-flex}.badge.ok{color:var(--ok);background:#d9f2dc}.badge.warn{background:var(--yellow)}.badge.off{color:#444;background:#e8e8e8}.banner{background:var(--yellow-soft);border-bottom:1px solid #e8d96a;align-items:center;gap:10px;padding:8px 12px;font-size:14px;display:flex}.banner a{font-weight:600}main{max-width:760px;margin:0 auto;padding:14px 12px 40px}h1{margin:6px 0 10px;font-size:22px}h2{color:var(--navy);text-transform:uppercase;letter-spacing:.06em;margin:20px 0 8px;font-size:16px}.muted{color:var(--muted);font-size:13px}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.stack{flex-direction:column;gap:8px;display:flex}.btn{background:var(--navy);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:9px 14px;font-weight:600}.btn:disabled{opacity:.5;cursor:default}.btn.secondary{color:var(--navy);border:1px solid var(--navy);background:#fff}.btn.small{padding:5px 10px;font-size:13px}.btn.danger{color:var(--danger);border:1px solid var(--danger);background:#fff}input[type=text],input[type=password],input[type=date],select,textarea{background:#fff;border:1px solid #cfc9b2;border-radius:8px;width:100%;padding:9px 10px}textarea{resize:vertical;min-height:96px;line-height:1.5}label.check{align-items:center;gap:8px;font-size:14px;display:flex}.field{flex-direction:column;gap:4px;font-size:14px;display:flex}.capture{background:var(--yellow-soft);border:1px solid #e8d96a;border-left:4px solid var(--margin);border-radius:var(--radius);flex-direction:column;gap:8px;padding:10px;display:flex}.capture textarea{background:#fffef7 repeating-linear-gradient(#0000,#0000 23px,#e3edf7 23px 24px);min-height:120px;line-height:24px}.picker{position:relative}.picker .results{z-index:5;background:#fff;border:1px solid #cfc9b2;border-radius:8px;max-height:280px;margin-top:4px;position:absolute;top:100%;left:0;right:0;overflow:auto;box-shadow:0 6px 18px #0000001f}.picker .results button{text-align:left;border:0;border-bottom:1px solid var(--line);cursor:pointer;background:0 0;justify-content:space-between;gap:8px;width:100%;padding:9px 10px;display:flex}.picker .results button:hover,.picker .results button.active{background:var(--yellow-soft)}.chip{border:1px solid var(--navy);color:var(--navy);background:#fff;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:13px;display:inline-flex}.chip button{cursor:pointer;color:var(--muted);background:0 0;border:0;padding:0}.fragment{border:1px solid var(--line);border-radius:var(--radius);background:#fff;margin-bottom:8px;padding:10px 12px}.fragment .meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:6px;font-size:12px;display:flex}.fragment .body{white-space:pre-wrap;overflow-wrap:anywhere}.fragment .actions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.fragment.conflict{border-color:var(--warn);background:#fff8e6}.fragment.deleted{opacity:.7;border-style:dashed}.tag{text-transform:uppercase;letter-spacing:.04em;border-radius:999px;padding:1px 7px;font-size:11px;font-weight:600;display:inline-block}.tag.restricted{color:var(--danger);background:#fde2e1}.tag.conflict{color:var(--warn);background:#ffe8b3}.tag.unsynced{color:var(--navy);background:#e9eef5}.list-link{border-bottom:1px solid var(--line);color:inherit;justify-content:space-between;gap:8px;padding:10px 2px;text-decoration:none;display:flex}.list-link small{color:var(--muted)}.kv{grid-template-columns:1fr 1fr;gap:6px 12px;font-size:14px;display:grid}.kv dt{color:var(--muted)}.kv dd{font-variant-numeric:tabular-nums;margin:0}.card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;margin-bottom:12px;padding:12px}.card h2{margin-top:0}.error{color:var(--danger);font-size:14px}.splash{min-height:60dvh;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex}code{font-family:var(--mono);font-size:13px}
