body{min-width:320px;margin:0}#root{text-align:left;max-width:none;margin:0;padding:0}a{color:inherit}:root{--bg:#fff9f0;--ink:#22223b;--muted:#7a7a8c;--muted-light:#b5b5c3;--surface:#fff;--border:#efe6d8;--coral:#ff6b5b;--coral-dark:#e5533f;--coral-soft:#ffe4de;--yellow:#ffc93c;--mint:#2ec4b6;--mint-soft:#dcf7f2;--sky:#4d9de0;--purple:#9b5de5;--pink:#f15bb5;--tag-mustard:var(--yellow);--tag-mint:var(--mint);--tag-teal:#1fa69c;--tag-plum:var(--purple);--tag-coral:var(--coral);--tag-sky:var(--sky);--tag-olive:#8fb339;--tag-rose:var(--pink);--tag-ochre:#e5a33d;--tag-red:var(--coral);--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--shadow-sm:0 2px 6px #22223b0f;--shadow-md:0 6px 16px #22223b14;--shadow-lg:0 14px 30px #22223b24;--font-display:"Fredoka", sans-serif;--font-body:"Inter", sans-serif;--font-mono:"Inter", sans-serif}*{box-sizing:border-box}body{font-family:var(--font-body);color:var(--ink);background:var(--bg);background-image:radial-gradient(var(--coral-soft) 2px, transparent 2px);-webkit-font-smoothing:antialiased;background-size:32px 32px;min-height:100vh}.navbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:2px solid var(--border);z-index:10;background:#fff9f0d9;flex-wrap:wrap;align-items:center;gap:26px;padding:14px 32px;display:flex;position:sticky;top:0}.brand{font-family:var(--font-display);color:var(--coral);margin-right:auto;font-size:24px;font-weight:700;text-decoration:none;transition:transform .2s cubic-bezier(.34,1.56,.64,1);display:inline-block}.brand:hover{transform:rotate(-4deg)scale(1.05)}.nav-link{font-family:var(--font-body);color:var(--muted);font-size:14.5px;font-weight:600;text-decoration:none;transition:color .15s,transform .15s;display:inline-block}.nav-link:hover,.nav-link:focus-visible{color:var(--coral);transform:translateY(-2px)}.nav-user{font-family:var(--font-body);color:var(--ink);background:var(--yellow);border-radius:999px;padding:6px 14px;font-size:13.5px;font-weight:600}.board{max-width:620px;margin:0 auto;padding:48px 20px 90px;overflow:visible}.board-wide{max-width:1120px}.listings-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:24px;display:grid}.page-header{text-align:center;margin-bottom:36px}.page-title{font-family:var(--font-display);color:var(--ink);margin:0;font-size:46px;font-weight:700}.page-subtitle{font-family:var(--font-body);color:var(--muted);margin:8px 0 0;font-size:15.5px;font-weight:500}.hostel-filter,.category-filter{scrollbar-width:none;gap:9px;margin:0 -20px 22px;padding:4px 20px 10px 0;display:flex;overflow:auto visible}.hostel-filter::-webkit-scrollbar{display:none}.category-filter::-webkit-scrollbar{display:none}.hostel-pill{font-family:var(--font-body);border:2px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;white-space:nowrap;border-radius:999px;flex:none;padding:8px 16px 8px 26px;font-size:13.5px;font-weight:600;transition:border-color .15s,color .15s,transform .15s cubic-bezier(.34,1.56,.64,1);position:relative}.hostel-pill:hover{border-color:var(--coral);color:var(--ink);transform:translateY(-2px)scale(1.03)}.hostel-pill:before{content:"";background:var(--pill-color,var(--muted-light));border-radius:50%;width:7px;height:7px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.hostel-pill.active{border-color:var(--coral);background:var(--coral);color:#fff}.category-pill{font-family:var(--font-body);border:2px solid var(--border);background:var(--surface);color:var(--muted);cursor:pointer;white-space:nowrap;border-radius:999px;flex:none;padding:8px 16px;font-size:13.5px;font-weight:600;transition:border-color .15s,color .15s,transform .15s cubic-bezier(.34,1.56,.64,1)}.category-pill:hover{border-color:var(--mint);color:var(--ink);transform:translateY(-2px)scale(1.03)}.category-pill.active{border-color:var(--mint);background:var(--mint-soft);color:#147f76;font-weight:700}.listing-card{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex-direction:column;padding:12px 12px 16px;display:flex;position:relative}.listing-image{border-radius:var(--radius-md);background-color:var(--mint-soft);background-position:50%;background-size:cover;justify-content:center;align-items:center;width:100%;height:176px;margin-bottom:14px;display:flex;position:relative;overflow:hidden}.listing-image-fallback{font-family:var(--font-display);color:var(--mint);font-size:42px;font-weight:600}.category-stamp-floating{color:var(--ink);box-shadow:var(--shadow-sm);background:#fffffff2;border:none;position:absolute;top:10px;right:10px}.listing-body{flex-direction:column;flex:1;min-width:0;padding:0 4px;display:flex}.listing-title{font-family:var(--font-display);margin:2px 0 4px;font-size:18px;font-weight:600}.listing-desc{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 8px;font-size:13.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.listing-price{font-family:var(--font-display);color:var(--coral-dark);margin:0 0 8px;font-size:18px;font-weight:600}.listing-meta{color:var(--muted-light);margin:0 0 2px;font-size:12.5px}.tag-row{flex-wrap:wrap;align-items:center;gap:6px;margin:10px 0 12px;display:flex}.hostel-tag{font-family:var(--font-body);color:#fff;border-radius:999px;padding:4px 11px;font-size:11.5px;font-weight:700}.category-stamp{font-family:var(--font-body);color:var(--purple);border:2px solid var(--purple);background:#f6eeff;border-radius:999px;padding:2px 10px;font-size:11.5px;font-weight:600}.btn{font-family:var(--font-body);border-radius:var(--radius-sm);cursor:pointer;border:none;padding:10px 18px;font-size:14px;font-weight:700;transition:transform .15s cubic-bezier(.34,1.56,.64,1),box-shadow .15s,background .15s}.btn:hover{transform:translateY(-2px)scale(1.03)}.btn:active{transform:scale(.96)}.btn-primary{background:var(--coral);color:#fff;box-shadow:0 4px 12px #ff6b5b59}.btn-primary:hover{background:var(--coral-dark);box-shadow:0 6px 16px #ff6b5b73}.btn-secondary{background:var(--surface);border:2px solid var(--border);color:var(--ink)}.btn-secondary:hover{border-color:var(--coral);color:var(--coral-dark)}.btn:focus-visible{outline:2px solid var(--sky);outline-offset:2px}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.form-card{background:var(--surface);border:2px solid var(--border);border-radius:var(--radius-lg);max-width:400px;box-shadow:var(--shadow-md);padding:36px}.form-title{font-family:var(--font-display);color:var(--ink);margin:0 0 22px;font-size:27px;font-weight:600}.field{width:100%;font-family:var(--font-body);border:2px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);color:var(--ink);margin-bottom:13px;padding:12px 14px;font-size:14.5px;transition:border-color .15s,background .15s,transform .1s;display:block}.field::placeholder{color:var(--muted-light)}.field:focus-visible,.field:focus{border-color:var(--coral);background:#fff;outline:none;transform:scale(1.01)}.error-text{color:var(--coral-dark);margin-top:6px;font-size:13px;font-weight:600}.success-text{color:#1fa69c;margin-top:6px;font-size:13px;font-weight:700}@media (prefers-reduced-motion:reduce){.btn,.nav-link,.listing-card,.hostel-pill,.category-pill,.field,.brand{transition:none}}.qty-stepper{border:2px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:0;width:fit-content;margin-bottom:13px;display:flex;overflow:hidden}.qty-stepper button{background:var(--bg);color:var(--ink);cursor:pointer;border:none;width:38px;height:44px;font-size:17px;font-weight:700;transition:background-color .15s}.qty-stepper button:hover{background:var(--coral-soft)}.qty-stepper span{text-align:center;width:44px;font-family:var(--font-body);color:var(--ink);font-size:14px;font-weight:700}.preview-image{object-fit:cover;border-radius:var(--radius-sm);border:2px solid var(--border);width:100%;max-height:170px;margin-bottom:13px}.price-qty-row{align-items:flex-start;gap:10px;margin-bottom:13px;display:flex}.price-qty-row .field{flex:1;margin-bottom:0}.price-qty-row .qty-stepper{flex-shrink:0;margin-bottom:0}.listing-actions{align-items:center;gap:8px;margin-bottom:8px;display:flex}.home-layout{align-items:flex-start;gap:28px;display:flex}.category-sidebar{flex-direction:column;flex:0 0 180px;gap:4px;display:flex;position:sticky;top:90px}.category-sidebar-title{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:0 0 8px;font-size:14px}.category-sidebar-item{text-align:left;color:var(--ink);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:8px 10px;font-size:14px;font-weight:600}.category-sidebar-item:hover{background:var(--bg)}.category-sidebar-item.active{background:var(--coral);color:#fff}.home-content{flex:1;min-width:0}@media (width<=720px){.home-layout{flex-direction:column}.category-sidebar{flex-flow:wrap;width:100%;position:static}}.site-footer{text-align:center;color:var(--muted-light);font-size:13px;font-family:var(--font-body);padding:24px 20px}