:root{--paper:#fff;--ink:#1a1a1a;--ink-2:#6b6b6b;--rule:#e5e5e5;--accent:#1f6feb;--warn:#b45309;--tap:44px;--gap:12px;font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0}main{padding:var(--gap) var(--gap) 88px;max-width:720px;margin:0 auto}button,.btn{min-height:var(--tap);min-width:var(--tap);border:1px solid var(--rule);background:var(--paper);color:var(--ink);cursor:pointer;border-radius:10px;padding:0 18px;font-size:16px}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:600}input,select,textarea{width:100%;min-height:var(--tap);border:1px solid var(--rule);background:var(--paper);color:var(--ink);border-radius:10px;padding:10px 12px;font-size:16px}label{color:var(--ink-2);margin:14px 0 4px;font-size:14px;display:block}nav.tabs{border-top:1px solid var(--rule);background:var(--paper);padding-bottom:env(safe-area-inset-bottom);display:flex;position:fixed;bottom:0;left:0;right:0}nav.tabs a{min-height:var(--tap);color:var(--ink-2);flex:1;place-items:center;padding:10px 0;font-size:13px;text-decoration:none;display:grid}nav.tabs a[aria-current=page]{color:var(--accent);font-weight:600}.grid{gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.card{border:1px solid var(--rule);background:var(--paper);border-radius:12px;overflow:hidden}.card img{aspect-ratio:3/4;object-fit:cover;background:#f4f4f4;width:100%;display:block}.card .meta{padding:8px 10px}.card .meta b{font-size:14px;display:block}.card .meta span{color:var(--ink-2);font-size:12px}.reminder{color:var(--warn);margin:6px 0 0;font-size:14px}.error{color:#b91c1c;font-size:14px}