:root{--bg:#fffaf3;--fg:#2b2118;--muted:#7a6a58;--amber:#d98324;--card:#ffffff;--line:#ecdfcd}@media (prefers-color-scheme:dark){:root{--bg:#171310;--fg:#f2e9df;--muted:#a2917d;--card:#211b16;--line:#332a22}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}a{color:inherit}.wrap{max-width:68rem;margin:0 auto;padding:1.25rem}header.site{display:flex;align-items:baseline;gap:1rem;border-bottom:1px solid var(--line)}header.site .brand{font-weight:700;font-size:1.35rem;color:var(--amber);text-decoration:none}header.site nav{margin-left:auto;display:flex;gap:1rem}.notice{border:1px solid var(--line);background:var(--card);border-radius:.6rem;padding:.8rem 1rem;margin:1rem 0;color:var(--muted)}.grid{display:grid;grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));padding:0;list-style:none}.card{background:var(--card);border:1px solid var(--line);border-radius:.7rem;overflow:hidden}.card .photo{aspect-ratio:3/4;background:linear-gradient(160deg,#f0e2cf,#e3cdb0);display:grid;place-items:center;color:#b39468;font-size:2rem}.card .meta{padding:.6rem .7rem}.card .name{font-weight:600}.card .sub{color:var(--muted);font-size:.87rem}form.signin{max-width:24rem;display:grid;grid-gap:.7rem;gap:.7rem}input[type=email]{padding:.7rem .8rem;border:1px solid var(--line);border-radius:.5rem;background:var(--card);color:var(--fg);font-size:1rem}button{padding:.7rem 1rem;border:0;border-radius:.5rem;background:var(--amber);color:#fff;font-size:1rem;font-weight:600;cursor:pointer}