:root{font-family:system-ui,"Segoe UI",sans-serif;color:#302923;background:#f8f5ef}*{box-sizing:border-box}body{margin:0}main{max-width:1120px;padding:28px 20px 60px;margin:auto}header{padding:20px 0 12px}.eyebrow{letter-spacing:.15em;color:#936145;font-weight:700;font-size:.8rem}h1{font-size:clamp(2rem,6vw,3.6rem);margin:.2em 0;color:#70472f}nav{display:flex;gap:10px;position:sticky;top:0;background:#f8f5ef;padding:12px 0;z-index:2}button{font:inherit;padding:9px 18px;border:1px solid #d8cbbd;border-radius:999px;background:#fffdf9;color:#47392d;cursor:pointer}button.active{background:#754c34;color:#fff;border-color:#754c34}#count{color:#766a60}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:16px}.card{background:#fffdf9;border:1px solid #e5dbd0;border-radius:14px;overflow:hidden}.preview{aspect-ratio:1;background-color:#fff;background-image:conic-gradient(#e5e2dc 25%,transparent 0 50%,#e5e2dc 0 75%,transparent 0);background-size:20px 20px;display:grid;place-items:center}.preview img{width:100%;height:100%;object-fit:contain}.pending{display:grid;place-items:center;color:#8e7967;font-size:1.05rem}.caption{padding:12px}.caption strong{display:block}.tag{color:#8a705c;font-size:.85rem}.pending-card{border-style:dashed}@media(max-width:480px){.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.caption{padding:9px;font-size:.9rem}}