:root{--bg:#fafaf7;--bg-card:#fff;--border:#e6e3dc;--text:#18181b;--text-muted:#71717a;--accent:#2563eb;--danger:#dc2626;--read-only:#94a3b8;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0e0f10;--bg-card:#18181b;--border:#2a2a2e;--text:#f4f4f5;--text-muted:#a1a1aa;--accent:#60a5fa;--danger:#f87171;--read-only:#4b5563}}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;min-height:100vh;margin:0}button{font:inherit;cursor:pointer}input,textarea{font:inherit}a{color:var(--accent)}.app{max-width:720px;margin:0 auto;padding:16px}.greeting{margin:8px 0 16px;font-size:1.4rem;font-weight:600}.subtitle{color:var(--text-muted);margin-bottom:24px;font-size:.9rem}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:12px;margin-bottom:12px;padding:14px 16px}.card.readonly{opacity:.85}.card .meta{color:var(--text-muted);flex-wrap:wrap;gap:6px 12px;margin-top:8px;font-size:.78rem;display:flex}.card .meta .tag{background:#7f7f7f1f;border-radius:999px;padding:2px 8px}.card .meta .readonly-hint{color:var(--read-only);font-style:italic}.card .body{word-break:break-word;white-space:pre-wrap;font-size:1rem}.card .description{color:var(--text-muted);margin-bottom:4px;font-size:.85rem}.card .actions{gap:8px;margin-top:10px;display:flex}.btn{border:1px solid var(--border);background:var(--bg-card);color:var(--text);border-radius:8px;align-items:center;gap:4px;padding:6px 12px;font-size:.85rem;display:inline-flex}.btn:hover{background:#7f7f7f14}.btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn.danger{color:var(--danger);border-color:var(--danger)}.btn:disabled{opacity:.5;cursor:not-allowed}.new-card{border:1px dashed var(--border);background:0 0}.editor{flex-direction:column;gap:10px;display:flex}.editor input,.editor textarea{background:var(--bg-card);border:1px solid var(--border);width:100%;color:var(--text);border-radius:8px;padding:8px 10px}.editor textarea{resize:vertical;min-height:80px;font-family:inherit}.error{color:var(--danger);border:1px solid var(--danger);background:#dc26260f;border-radius:8px;margin-bottom:12px;padding:8px;font-size:.85rem}.empty{text-align:center;color:var(--text-muted);border:1px dashed var(--border);border-radius:12px;padding:32px 12px}