:root{--bg:#fffbf4;--bg-sky:#e6f4f9;--card:#ffffff;--ink:#5c3a2c;--muted:#8d7b7b;--green:#4caf50;--green-dark:#43a047;--green-soft:#6ba84f;--sky:#b3e5fc;--yellow:#fff9c4;--heart:#e5675f;--accent:#e5675f;--border:#efe6d8;--radius:18px;--radius-btn:14px;--shadow-sm:0 2px 8px rgba(92,58,44,0.06);--shadow-md:0 8px 24px rgba(92,58,44,0.1);--shadow-green:0 6px 16px rgba(76,175,80,0.28);--display:"Caveat Brush","Comic Sans MS",cursive;--body:"Nunito",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}*{box-sizing:border-box}body,html{margin:0;padding:0;color:var(--ink);font-family:var(--body);line-height:1.6;background:linear-gradient(180deg,var(--bg-sky) 0,var(--bg) 320px);background-attachment:fixed;min-height:100vh;-webkit-font-smoothing:antialiased}a{color:var(--green-dark)}.container{max-width:920px;margin:0 auto;padding:28px 18px 72px}.header{text-align:center;margin-bottom:28px;display:flex;flex-direction:column;align-items:center;gap:6px}.header h1,h1{font-family:var(--display);font-weight:400;letter-spacing:.5px;margin:0}.header h1{font-size:clamp(2.1rem,6vw,3rem);line-height:1.05;color:var(--ink)}.header h1:after{content:"";display:block;width:64px;height:5px;margin:10px auto 0;border-radius:999px;background:linear-gradient(90deg,var(--sky),var(--green));opacity:.85}.muted{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));grid-gap:18px;gap:18px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.card-img{width:100%;aspect-ratio:1/1;object-fit:contain;background:var(--bg);padding:8px}.card-body{padding:14px 16px 18px;display:flex;flex-direction:column;gap:10px;flex:1 1}.card-title{font-weight:700;font-size:1rem;line-height:1.3}.price{color:var(--green-soft);font-weight:800;font-size:1.05rem}.card-pick{text-align:left;cursor:pointer;border:1px solid var(--border);font:inherit;color:inherit;padding:0}.card-pick:focus-visible{outline:3px solid var(--sky);outline-offset:2px}.pick-cta{margin-top:auto;align-self:flex-start;background:var(--yellow);color:var(--ink);font-weight:700;font-size:.82rem;padding:5px 12px;border-radius:999px}.preview-img{width:100%;max-height:220px;object-fit:contain;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:8px;margin-bottom:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;border-radius:var(--radius-btn);padding:11px 18px;font-size:.95rem;font-weight:700;font-family:var(--body);cursor:pointer;text-decoration:none;text-align:center;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.btn:active{transform:translateY(1px)}.btn-primary{background:linear-gradient(180deg,var(--green) 0,var(--green-dark) 100%);color:#fff;box-shadow:var(--shadow-green)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(76,175,80,.35)}.btn-primary:disabled{opacity:.6;cursor:default;transform:none;box-shadow:none}.btn-outline{background:var(--card);border:1.5px solid var(--border);color:var(--ink)}.btn-outline:hover{border-color:var(--green);color:var(--green-dark)}.btn-block{width:100%}.claimed{background:#eef7ec;color:var(--green-dark);border:1px solid #cfe8c8;border-radius:var(--radius-btn);padding:10px 12px;font-size:.9rem;font-weight:700;text-align:center}.row{display:flex;gap:8px;align-items:center}.hearts{font-size:1.35rem;line-height:1;color:var(--heart);transition:transform .12s ease}.hearts:hover{transform:scale(1.18)}.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.field label{font-weight:700;font-size:.9rem;color:var(--ink)}input,select,textarea{padding:11px 13px;border:1.5px solid var(--border);border-radius:var(--radius-btn);font-size:1rem;font-family:inherit;background:var(--card);color:var(--ink)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--sky);box-shadow:0 0 0 3px rgba(179,229,252,.5)}input::placeholder{color:#b8aca5}.nav{display:flex;justify-content:space-between;align-items:center;max-width:920px;margin:0 auto;padding:16px 18px}.nav a{text-decoration:none;font-weight:700}.nav .brand{font-family:var(--display);font-size:1.6rem;color:var(--green-dark)}.error{color:var(--accent);font-size:.9rem;font-weight:600}.tabs{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.tabs .btn{flex:1 1;min-width:120px;padding:10px 12px}@media (prefers-reduced-motion:reduce){*{transition:none!important}.btn:hover,.card:hover{transform:none}}