:root{--bg: #faf6f1;--surface: #fff;--ink: #2a221a;--muted: #6b5a48;--accent: #7c5e3f;--accent-2: #b88a5c;--danger: #b3271e;--ok: #2d6a4f;--line: #e6dccd;--radius: 10px;--shadow: 0 2px 12px rgba(40, 28, 16, .08);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;color-scheme:light}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;background:var(--bg);color:var(--ink)}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{font-family:Georgia,Cormorant Garamond,serif;margin:0 0 .5em}h1{font-size:2rem}h2{font-size:1.4rem}h3{font-size:1.1rem}.app{max-width:960px;margin:0 auto;padding:1.5rem}.nav{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1.5rem;background:var(--surface);border-bottom:1px solid var(--line)}.nav a{color:var(--ink);margin-right:1rem;font-weight:500}.nav a.active{color:var(--accent)}.brand{font-family:Georgia,serif;font-size:1.4rem;color:var(--accent);font-weight:700}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1.25rem;margin-bottom:1rem;box-shadow:var(--shadow)}.muted{color:var(--muted);font-size:.9rem}button,.btn{font:inherit;padding:.5rem 1rem;border-radius:8px;border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;text-decoration:none;display:inline-block}button.secondary,.btn.secondary{background:var(--surface);color:var(--accent)}button:disabled{opacity:.6;cursor:not-allowed}button.danger{background:var(--danger);border-color:var(--danger)}input,select,textarea{font:inherit;width:100%;padding:.55rem .75rem;border:1px solid var(--line);border-radius:6px;background:var(--surface);color:var(--ink);margin-bottom:.75rem}label{display:block;margin-bottom:.25rem;font-weight:500;font-size:.9rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem}.row{display:flex;gap:1rem;align-items:center;flex-wrap:wrap}.stat{padding:1rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.stat .n{font-size:2rem;font-weight:700;color:var(--accent)}.tag{display:inline-block;font-size:.75rem;padding:.15rem .5rem;border-radius:999px;background:var(--line);color:var(--muted);margin-right:.25rem}.tag.private{background:#eee}.tag.public{background:#cce7d7;color:var(--ok)}.tag.family,.tag.friends{background:#f3e5d0;color:var(--accent)}.tag.read_only{background:#fbd9d6;color:var(--danger)}.tag.grace{background:#fce8b6;color:#7a5400}.banner{padding:.75rem 1rem;border-radius:var(--radius);margin-bottom:1rem;border:1px solid var(--line)}.banner.warn{background:#fce8b6;border-color:#e6c97a;color:#5a4100}.banner.danger{background:#fbd9d6;border-color:#e5a098;color:var(--danger)}.banner.ok{background:#cce7d7;border-color:#97c2a8;color:var(--ok)}.center{display:flex;justify-content:center;align-items:center;min-height:60vh}