:root{--bg: #f7f7f5;--fg: #111827;--muted: #6b7280;--accent: #1f2937;--line: #e5e7eb}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;background:var(--bg);color:var(--fg)}main{max-width:720px;margin:0 auto;padding:16px}nav{display:flex;gap:16px;padding:12px 16px;border-bottom:1px solid var(--line);background:#fff}nav a{color:var(--fg);text-decoration:none;font-weight:600}label{display:block;margin:12px 0 4px;font-weight:600}input,textarea,select{width:100%;padding:10px;border:1px solid var(--line);border-radius:8px;font:inherit}button{padding:10px 16px;border:0;border-radius:8px;background:var(--accent);color:#fff;font:inherit;cursor:pointer}button.secondary{background:#fff;color:var(--fg);border:1px solid var(--line)}.error{color:#b91c1c;margin-top:8px}.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px;margin:16px 0}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px}.grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px}main.wide{max-width:1200px}a.button{display:inline-block;padding:10px 16px;border-radius:8px;background:var(--accent);color:#fff;text-decoration:none;font-weight:600}a.button.secondary{background:#fff;color:var(--fg);border:1px solid var(--line)}.board{display:grid;grid-template-columns:repeat(4,minmax(220px,1fr));gap:12px;align-items:start}.board-column h2{font-size:1rem;margin:0 0 8px}.board-tabs{display:none;gap:8px;margin:12px 0;flex-wrap:wrap}.board-tabs button{background:#fff;color:var(--fg);border:1px solid var(--line)}.board-tabs button[aria-pressed=true]{background:var(--accent);color:#fff}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0}.tile{display:block;padding:20px 16px;background:#fff;border:1px solid var(--line);border-radius:12px;text-decoration:none;color:var(--fg);font-weight:600}@media (max-width: 720px){.board{grid-template-columns:1fr}.board-tabs{display:flex}.board-column.inactive{display:none}.tiles{grid-template-columns:1fr}}.slides{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.slides figure{margin:0;flex:0 0 140px}.slides img{width:100%;aspect-ratio:4 / 5;object-fit:cover;border-radius:6px;display:block}.slides figcaption{font-size:.8rem;color:var(--muted);text-align:center}
