@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,600;0,700;1,600&family=DM+Sans:wght@300;400;500;600&display=swap";:root{--green-900:#1a3d2b;--green-800:#1e4d34;--green-700:#2d6a4f;--green-600:#3a7d5e;--green-500:#52996e;--green-200:#b7d9c6;--green-100:#dff0e8;--green-50:#f2faf6;--amber-600:#d4710a;--amber-500:#e8830f;--amber-400:#f59e30;--amber-200:#fcd9a0;--amber-100:#fef3dc;--font-display:"Playfair Display", Georgia, serif;--font-body:"DM Sans", system-ui, sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--max-width:1200px;--nav-height:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--transition:.2s ease;--transition-slow:.4s ease}:root,[data-theme=light]{--bg:#fff;--bg-secondary:#f7faf8;--bg-card:#fff;--bg-overlay:#fffffff2;--surface:#f2faf6;--surface-2:#e4f2ea;--border:#d0e8da;--border-subtle:#e8f4ed;--text-primary:#1a2e22;--text-secondary:#4a6356;--text-muted:#7a9987;--text-on-dark:#fff;--nav-bg:var(--green-900);--nav-text:#ffffffe6;--nav-text-active:#fff;--link:var(--green-700);--link-hover:var(--green-900);--accent:var(--amber-500);--accent-hover:var(--amber-600);--accent-subtle:var(--amber-100);--star-fill:var(--amber-400);--star-empty:#dde8e2;--shadow-sm:0 1px 3px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 12px #00000014, 0 2px 4px #0000000a;--shadow-lg:0 10px 30px #0000001a, 0 4px 8px #0000000a;--shadow-xl:0 20px 50px #0000001f;--input-bg:#fff;--input-border:#c5ddd0;--input-focus:var(--green-700);--badge-rv:#dbeafe;--badge-rv-text:#1d4ed8;--badge-tent:#d1fae5;--badge-tent-text:#065f46;--badge-primitive:#fef3c7;--badge-primitive-text:#92400e}[data-theme=dark]{--bg:#0f1f16;--bg-secondary:#141f18;--bg-card:#182518;--bg-overlay:#0f1f16f7;--surface:#1e3326;--surface-2:#243d2c;--border:#2a4335;--border-subtle:#1e3326;--text-primary:#e8f4ed;--text-secondary:#a0c4b0;--text-muted:#6a9478;--text-on-dark:#fff;--nav-bg:#0a1510;--nav-text:#e8f4edcc;--nav-text-active:#e8f4ed;--link:var(--green-200);--link-hover:#fff;--accent:var(--amber-400);--accent-hover:var(--amber-500);--accent-subtle:#f59e301f;--star-fill:var(--amber-400);--star-empty:#2a4335;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 10px 30px #00000080;--shadow-xl:0 20px 50px #0009;--input-bg:#1a2e22;--input-border:#2a4335;--input-focus:var(--green-500);--badge-rv:#1d4ed833;--badge-rv-text:#93c5fd;--badge-tent:#065f4640;--badge-tent-text:#6ee7b7;--badge-primitive:#92400e33;--badge-primitive-text:#fcd34d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;font-size:16px}body{font-family:var(--font-body);background:var(--bg);color:var(--text-primary);transition:background var(--transition-slow), color var(--transition-slow);min-height:100vh;font-size:1rem;font-weight:400;line-height:1.6}#root{flex-direction:column;min-height:100vh;display:flex}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--text-primary);line-height:1.2}h1{font-size:clamp(2rem,4vw,3rem);font-weight:700}h2{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:600}h3{font-size:clamp(1.2rem,2vw,1.5rem);font-weight:600}h4{font-size:1.15rem;font-weight:600}p{color:var(--text-secondary)}a{color:var(--link);transition:color var(--transition);text-decoration:none}a:hover{color:var(--link-hover)}img{max-width:100%;display:block}.container{width:100%;max-width:var(--max-width);padding:0 var(--space-5);margin:0 auto}.page-content{padding-top:var(--nav-height);flex:1}.section{padding:var(--space-8) 0}.section-sm{padding:var(--space-6) 0}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition), transform var(--transition)}.card:hover{box-shadow:var(--shadow-md)}.card-clickable:hover{box-shadow:var(--shadow-lg);cursor:pointer;transform:translateY(-2px)}.btn{align-items:center;gap:var(--space-2);border-radius:var(--radius-md);font-family:var(--font-body);cursor:pointer;transition:all var(--transition);white-space:nowrap;border:none;padding:10px 20px;font-size:.9rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-primary{background:var(--green-700);color:#fff}.btn-primary:hover{background:var(--green-900);color:#fff;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-accent{background:var(--accent);color:#fff}.btn-accent:hover{background:var(--accent-hover);color:#fff;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-outline{color:var(--text-primary);border:1.5px solid var(--border);background:0 0}.btn-outline:hover{border-color:var(--green-700);color:var(--green-700)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--surface);color:var(--text-primary)}.btn-sm{padding:6px 14px;font-size:.82rem}.btn-lg{padding:14px 28px;font-size:1rem}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{color:var(--text-secondary);letter-spacing:.01em;font-size:.85rem;font-weight:500}.form-input,.form-select,.form-textarea{background:var(--input-bg);border:1.5px solid var(--input-border);border-radius:var(--radius-md);font-family:var(--font-body);color:var(--text-primary);transition:border-color var(--transition), box-shadow var(--transition);width:100%;padding:10px 14px;font-size:.95rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--input-focus);outline:none;box-shadow:0 0 0 3px #2d6a4f1f}.form-textarea{resize:vertical;min-height:100px}.badge{letter-spacing:.02em;border-radius:100px;align-items:center;padding:3px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-rv{background:var(--badge-rv);color:var(--badge-rv-text)}.badge-tent{background:var(--badge-tent);color:var(--badge-tent-text)}.badge-primitive{background:var(--badge-primitive);color:var(--badge-primitive-text)}.badge-green{background:var(--green-100);color:var(--green-700)}[data-theme=dark] .badge-green{color:var(--green-200);background:#2d6a4f33}.stars{gap:2px;display:inline-flex}.star-icon{width:16px;height:16px;fill:var(--star-fill)}.star-icon.empty{fill:var(--star-empty)}.rating-bar{align-items:center;gap:var(--space-3);display:flex}.rating-bar-track{background:var(--surface-2);border-radius:100px;flex:1;height:6px;overflow:hidden}.rating-bar-fill{background:var(--green-600);height:100%;transition:width var(--transition-slow);border-radius:100px}.rating-bar-label{color:var(--text-muted);min-width:70px;font-size:.8rem}.hookup-icons{gap:var(--space-2);flex-wrap:wrap;display:flex}.hookup-chip{background:var(--surface);border:1px solid var(--border);color:var(--text-secondary);border-radius:100px;align-items:center;gap:4px;padding:3px 9px;font-size:.75rem;font-weight:500;display:inline-flex}.hookup-chip.has{background:var(--green-100);border-color:var(--green-200);color:var(--green-700)}[data-theme=dark] .hookup-chip.has{color:var(--green-200);background:#2d6a4f33;border-color:#2d6a4f66}.section-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:baseline;gap:var(--space-4);flex-wrap:wrap;display:flex}.section-title{font-family:var(--font-display);color:var(--text-primary);font-size:1.4rem;font-weight:600}.divider{border:none;border-top:1px solid var(--border);margin:var(--space-5) 0}.loading-state{padding:var(--space-8);color:var(--text-muted);justify-content:center;align-items:center;gap:var(--space-3);display:flex}.empty-state{text-align:center;padding:var(--space-8) var(--space-5);color:var(--text-muted)}.empty-state h3{font-family:var(--font-display);color:var(--text-secondary);margin-bottom:var(--space-2)}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid var(--border);border-top-color:var(--green-600);border-radius:50%;flex-shrink:0;width:20px;height:20px;animation:.8s linear infinite spin}.alert{padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);border:1px solid #0000;font-size:.9rem}.alert-error{color:#991b1b;background:#fef2f2;border-color:#fecaca}[data-theme=dark] .alert-error{color:#fca5a5;background:#991b1b26;border-color:#991b1b4d}.alert-success{background:var(--green-50);color:var(--green-700);border-color:var(--green-200)}[data-theme=dark] .alert-success{color:var(--green-200);background:#2d6a4f26;border-color:#2d6a4f4d}.lightbox-overlay{z-index:1000;background:#000000e0;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lightbox-content{align-items:center;gap:var(--space-3);flex-direction:column;max-width:90vw;max-height:90vh;display:flex;position:relative}.lightbox-img{object-fit:contain;border-radius:var(--radius-md);max-width:90vw;max-height:80vh}.lightbox-caption{color:#ffffffd9;text-align:center;font-size:.9rem}.lightbox-close{color:#fff;cursor:pointer;width:36px;height:36px;transition:background var(--transition);background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex;position:absolute;top:-48px;right:0}.lightbox-close:hover{background:#fff3}@media (width<=768px){.container{padding:0 var(--space-4)}.section{padding:var(--space-6) 0}.hide-mobile{display:none}}@media (width>=769px){.show-mobile-only{display:none}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--green-500)}