.pb-page{padding:1.5rem 1rem 5rem;max-width:1000px;margin:0 auto}.pb-hero{position:relative;border-radius:1.5rem;padding:2rem 2rem 1.75rem;margin-bottom:2rem;background:linear-gradient(135deg,#1a0a2e,#16082a 40%,#0c1120);border:1px solid rgba(232,121,249,.18);overflow:hidden}.pb-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 90% 50%,rgba(232,121,249,.12) 0%,transparent 70%),radial-gradient(ellipse 40% 60% at 10% 20%,rgba(129,140,248,.1) 0%,transparent 60%);pointer-events:none}.pb-hero-inner{position:relative;display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:1rem}.pb-eyebrow{font-size:.62rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;margin-bottom:.4rem;background:linear-gradient(90deg,#e879f9,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pb-title{font-family:Zen Kaku Gothic New,sans-serif;font-weight:900;font-size:1.8rem;background:linear-gradient(135deg,#f0abfc,#c4b5fd,#e2e8f4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pb-sub{font-size:.78rem;color:#c8b4ff8c;margin-top:.3rem}.add-card{background:linear-gradient(135deg,#e879f90f,#818cf80a);border:1px solid rgba(232,121,249,.18);border-radius:1.25rem;padding:1.5rem;margin-bottom:2.5rem}.add-card h2{font-size:.75rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:1.1rem;background:linear-gradient(90deg,#e879f9,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.form-row{display:grid;grid-template-columns:1fr;gap:.9rem}@media (min-width:600px){.form-row{grid-template-columns:1fr 1fr}}.field-group{display:flex;flex-direction:column;gap:.4rem}.field-label{font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;color:#c8b4ff99}.field-input{background:#ffffff0d;border:1px solid rgba(232,121,249,.15);border-radius:.6rem;padding:.6rem .85rem;color:var(--text);font-family:inherit;font-size:.875rem;width:100%;transition:border-color .15s}.field-input:focus{outline:none;border-color:#e879f980}.field-input::-moz-placeholder{color:var(--muted);opacity:.6}.field-input::placeholder{color:var(--muted);opacity:.6}input[type=file].field-input{padding:.45rem .85rem;cursor:pointer}input[type=file].field-input::-webkit-file-upload-button{background:#e879f926;border:1px solid rgba(232,121,249,.3);border-radius:.4rem;color:#e879f9;font-size:.78rem;padding:.3rem .75rem;cursor:pointer;margin-right:.75rem}.add-btn{margin-top:.85rem;background:linear-gradient(135deg,#c026d3,#7c3aed);color:#fff;border:none;border-radius:.65rem;padding:.75rem 1.5rem;font-family:inherit;font-size:.88rem;font-weight:700;cursor:pointer;transition:opacity .15s,transform .12s;box-shadow:0 4px 20px #c026d34d}.add-btn:hover{opacity:.88;transform:translateY(-1px)}.add-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.upload-progress{font-size:.78rem;color:#c8b4ff99;margin-top:.5rem;display:none}.snack-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:1.25rem}.snack-card{background:linear-gradient(160deg,#e879f912,#818cf80a);border:1px solid rgba(232,121,249,.14);border-radius:1.25rem;padding:1.25rem 1rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;transition:border-color .2s,transform .15s,box-shadow .2s}.snack-card:hover{border-color:#e879f966;transform:translateY(-4px);box-shadow:0 8px 32px #c026d32e}.snack-img{width:110px;height:110px;-o-object-fit:cover;object-fit:cover;border-radius:.85rem;display:block;box-shadow:0 4px 16px #0006}.snack-img-placeholder{width:110px;height:110px;border-radius:.85rem;background:#e879f914;border:1px solid rgba(232,121,249,.15);display:grid;place-items:center;font-size:2.5rem}.snack-name{font-size:.9rem;font-weight:700;text-align:center;color:#f0abfc;word-break:break-word}.snack-name a{color:#e879f9;text-decoration:none}.snack-name a:hover{text-decoration:underline}.snack-actions{display:flex;gap:.5rem}.like-btn{background:linear-gradient(135deg,#fb718533,#e879f926);border:1px solid rgba(251,113,133,.35);border-radius:999px;padding:.35rem .9rem;font-size:.78rem;font-weight:700;color:#fda4af;cursor:pointer;transition:all .15s;font-family:inherit}.like-btn:hover{background:linear-gradient(135deg,#fb718559,#e879f947);transform:scale(1.05)}.del-btn{background:#ef44441a;border:1px solid rgba(239,68,68,.25);border-radius:999px;padding:.35rem .65rem;font-size:.78rem;color:#fca5a5;cursor:pointer;transition:background .15s;font-family:inherit}.del-btn:hover{background:#ef444438}.empty-state{text-align:center;padding:4rem 1rem;color:var(--muted);font-size:.9rem}