.header[data-v-b0e5416d]{position:fixed;top:0;left:0;right:0;z-index:200;background:#faf1e1f7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(31,20,16,.14)}.header-inner[data-v-b0e5416d]{display:flex;align-items:center;gap:var(--space-4);height:var(--header-height);padding:0 var(--space-6);max-width:var(--content-max);margin:0 auto}.logo[data-v-b0e5416d]{display:flex;align-items:center;flex-shrink:0;text-decoration:none}.logo-wordmark[data-v-b0e5416d]{font-family:"Instrument Serif",serif;font-style:italic;font-size:26px;letter-spacing:-.5px;line-height:1;color:var(--text-primary)}.logo-orange[data-v-b0e5416d]{color:#e86548}.logo-dot[data-v-b0e5416d]{color:#a82e1f}.search-wrap[data-v-b0e5416d]{flex:1;max-width:480px;position:relative}.search-icon[data-v-b0e5416d]{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--text-muted);font-size:20px;pointer-events:none}.search-input[data-v-b0e5416d]{width:100%;padding:var(--space-2) var(--space-4) var(--space-2) 40px;background:var(--surface-raised);border:1.5px solid var(--border);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--text-primary);font-family:inherit;transition:border-color var(--transition),box-shadow var(--transition)}.search-input[data-v-b0e5416d]:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent)}.search-input[data-v-b0e5416d]::placeholder{color:var(--text-muted)}.header-nav[data-v-b0e5416d]{display:flex;align-items:center;gap:var(--space-2);margin-left:auto;flex-shrink:0}.nav-btn[data-v-b0e5416d]{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary);transition:all var(--transition)}.nav-btn[data-v-b0e5416d]:hover{background:var(--border-subtle);color:var(--text-primary)}.about-link[data-v-b0e5416d]{font-size:var(--text-sm);color:var(--text-secondary)}.nav-label[data-v-b0e5416d]{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-join[data-v-b0e5416d]{background:linear-gradient(135deg,#ffcd66,#e07849);color:#1f1410;border-radius:var(--radius-sm);font-weight:700;letter-spacing:.3px;box-shadow:0 2px 8px #e0784959;border:none}.btn-join[data-v-b0e5416d]:hover{background:linear-gradient(135deg,#ffd980,#e8884a);box-shadow:0 4px 14px #e0784973}.admin-menu-btn[data-v-b0e5416d]{display:flex;align-items:center;gap:4px;padding:5px 10px;border-radius:var(--radius-sm);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#a82e1f;background:#a82e1f14;border:1px solid rgba(168,46,31,.2);cursor:not-allowed;opacity:.75}.view-toggle[data-v-b0e5416d]{display:flex;align-items:center;gap:7px;background:transparent;border:1px solid rgba(31,20,16,.2);padding:6px 12px;border-radius:var(--radius-full);font-family:inherit;cursor:pointer;flex-shrink:0;transition:border-color var(--transition),background var(--transition)}.view-toggle[data-v-b0e5416d]:hover{background:var(--border-subtle)}.toggle-opt[data-v-b0e5416d]{font-size:11px;letter-spacing:.8px;text-transform:uppercase;font-weight:500;opacity:.38;color:var(--text-primary);transition:opacity .18s ease}.toggle-opt.active[data-v-b0e5416d]{opacity:1;font-weight:700}.toggle-pip[data-v-b0e5416d]{width:9px;height:9px;border-radius:50%;background:var(--text-primary);flex-shrink:0;transition:transform .2s ease,background .2s ease}.view-toggle.is-simple .toggle-pip[data-v-b0e5416d]{background:#a82e1f;transform:translate(2px)}.mob-hamburger[data-v-b0e5416d],.mob-auth[data-v-b0e5416d],.mob-menu[data-v-b0e5416d]{display:none}@media (max-width: 640px){.desktop-only[data-v-b0e5416d]{display:none!important}.header-inner[data-v-b0e5416d]{padding:0 16px;gap:0}.mob-hamburger[data-v-b0e5416d]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid rgba(31,20,16,.18);background:#faf1e18c;border-radius:999px;color:#1f1410;cursor:pointer;flex-shrink:0;margin-right:10px}.logo[data-v-b0e5416d]{flex:1}.logo-wordmark[data-v-b0e5416d]{font-size:28px}.mob-auth[data-v-b0e5416d]{display:flex;align-items:center;flex-shrink:0;margin-left:10px}.mob-login-btn[data-v-b0e5416d]{height:36px;padding:0 14px;background:#1f1410;color:#faf1e1;border-radius:999px;font-size:13px;font-family:inherit;font-weight:600;cursor:pointer;white-space:nowrap;text-decoration:none;display:inline-flex;align-items:center;border:none}.mob-auth-btn[data-v-b0e5416d]{display:flex;align-items:center;justify-content:center;color:#1f1410;background:transparent;border:none;cursor:pointer;padding:4px}.mob-menu[data-v-b0e5416d]{display:block;border-top:1px solid rgba(31,20,16,.12);background:#faf1e1;box-shadow:0 8px 24px #1f14101f}.mob-search-row[data-v-b0e5416d]{display:flex;align-items:center;gap:10px;padding:12px 18px;border-bottom:1px solid rgba(31,20,16,.1)}.mob-search-icon[data-v-b0e5416d]{color:#1f141073;font-size:18px;flex-shrink:0}.mob-search-input[data-v-b0e5416d]{flex:1;border:none;background:transparent;font-family:inherit;font-size:15px;color:#1f1410;outline:none}.mob-search-input[data-v-b0e5416d]::placeholder{color:#1f141066}.mob-menu-links[data-v-b0e5416d]{display:flex;flex-direction:column}.mob-menu-item[data-v-b0e5416d]{display:block;padding:16px 20px;font-size:22px;color:#1f1410;text-decoration:none;border-bottom:1px solid rgba(31,20,16,.08);background:transparent;text-align:left;width:100%;font-family:"Instrument Serif",serif;cursor:pointer}.mob-menu-item[data-v-b0e5416d]:last-child{border-bottom:none}.mob-menu-item--logout[data-v-b0e5416d]{color:#1f141080;font-size:18px}.mob-menu-item--join[data-v-b0e5416d]{background:linear-gradient(135deg,#ffcd66,#e07849);color:#1f1410;font-weight:600;font-family:DM Sans,system-ui,sans-serif;font-size:15px;letter-spacing:.3px;margin:10px 16px 12px;border-radius:999px;text-align:center;border-bottom:none;width:auto}.mob-menu-toggle-row[data-v-b0e5416d]{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;border-bottom:1px solid rgba(31,20,16,.08)}.mob-menu-toggle-label[data-v-b0e5416d]{font-size:13px;font-weight:600;color:#1f141080;letter-spacing:.04em}.mob-view-toggle[data-v-b0e5416d]{display:flex;align-items:center;gap:8px;background:#1f14100f;border:1px solid rgba(31,20,16,.18);padding:8px 14px;border-radius:999px;font-family:inherit;cursor:pointer}.mob-toggle-opt[data-v-b0e5416d]{font-size:11px;letter-spacing:1px;text-transform:uppercase;font-weight:500;opacity:.4;color:#1f1410;transition:opacity .18s ease}.mob-toggle-opt.active[data-v-b0e5416d]{opacity:1;font-weight:700}.mob-toggle-pip[data-v-b0e5416d]{width:10px;height:10px;border-radius:50%;background:#1f1410;flex-shrink:0;transition:transform .2s ease,background .2s ease}.mob-view-toggle.is-simple .mob-toggle-pip[data-v-b0e5416d]{background:#a82e1f;transform:translate(2px)}}.mob-menu-slide-enter-active[data-v-b0e5416d]{transition:opacity .18s ease,transform .18s ease}.mob-menu-slide-leave-active[data-v-b0e5416d]{transition:opacity .12s ease,transform .12s ease}.mob-menu-slide-enter-from[data-v-b0e5416d],.mob-menu-slide-leave-to[data-v-b0e5416d]{opacity:0;transform:translateY(-8px)}.sidebar[data-v-9b4e8ea8]{width:var(--sidebar-width);flex-shrink:0;display:flex;flex-direction:column;padding:var(--space-6) var(--space-3);position:sticky;top:var(--header-height);height:calc(100vh - var(--header-height));overflow-y:auto;border-right:1px solid rgba(31,20,16,.1)}.sidebar-nav[data-v-9b4e8ea8]{display:flex;flex-direction:column;gap:2px}.sidebar-footer[data-v-9b4e8ea8]{margin-top:auto;padding-top:var(--space-4);border-top:1px solid rgba(31,20,16,.1)}.nav-item[data-v-9b4e8ea8]{display:flex;align-items:center;gap:var(--space-3);padding:10px var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-sm);color:#1f1410a6;transition:all var(--transition);font-weight:500;text-decoration:none}.nav-item[data-v-9b4e8ea8]:hover{background:#1f14100f;color:#1f1410}.nav-item.active[data-v-9b4e8ea8]{background:#a82e1f14;color:#a82e1f;font-weight:600}.nav-item .material-symbols-rounded[data-v-9b4e8ea8]{font-size:19px}.sidebar-opening[data-v-9b4e8ea8]{margin-top:var(--space-4)}.sidebar-divider[data-v-9b4e8ea8]{font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#1f141059;padding:0 var(--space-3);margin-bottom:2px}.nav-item--opening[data-v-9b4e8ea8]{font-weight:600}@media (max-width: 900px){.sidebar[data-v-9b4e8ea8]{display:none}}.app-shell[data-v-63e7caec]{display:flex;flex-direction:column;min-height:100vh}.app-body[data-v-63e7caec]{display:flex;flex:1;padding-top:var(--header-height)}.app-main[data-v-63e7caec]{flex:1;min-width:0;padding:var(--space-6);max-width:var(--content-max);margin:0 auto;width:100%}@media (max-width: 768px){.app-main[data-v-63e7caec]{padding:var(--space-4)}}:root{--bg: #FAF1E1;--surface: #F2E8D6;--surface-raised: #FAF1E1;--surface-overlay: rgba(250,241,225,.94);--text-primary: #1F1410;--text-secondary: #5C3D2E;--text-muted: #9C7B5A;--text-inverse: #FAF1E1;--accent: #A82E1F;--accent-light: #E07849;--accent-subtle: rgba(168,46,31,.08);--cat-music: #A82E1F;--cat-food: #D6873A;--cat-arts: #5A7FA8;--cat-outdoors: #5B7A3D;--cat-sports: #704A8F;--cat-nightlife: #C03A7E;--cat-family: #3B6A8F;--cat-markets: #5B7A3D;--cat-other: #8B7355;--border: rgba(31,20,16,.18);--border-subtle: rgba(31,20,16,.1);--shadow-xs: 0 1px 3px rgba(62,36,24,.08);--shadow-sm: 0 2px 6px rgba(62,36,24,.1), 0 1px 2px rgba(62,36,24,.06);--shadow-md: 0 4px 14px rgba(62,36,24,.13), 0 2px 4px rgba(62,36,24,.07);--shadow-lg: 0 8px 28px rgba(62,36,24,.16), 0 4px 8px rgba(62,36,24,.08);--shadow-xl: 0 16px 48px rgba(62,36,24,.2);--radius-sm: 4px;--radius-md: 6px;--radius-lg: 8px;--radius-xl: 12px;--radius-full: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--font-sans: "DM Sans", system-ui, -apple-system, sans-serif;--font-serif: "Instrument Serif", serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--transition: .18s ease;--transition-slow: .32s ease;--sidebar-width: 220px;--header-height: 64px;--content-max: 1400px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,textarea,select{font-family:inherit}.material-symbols-rounded{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24;-webkit-user-select:none;user-select:none;line-height:1;display:inline-flex;align-items:center}.icon-filled{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--radius-sm)}.page-enter-active,.page-leave-active{transition:opacity var(--transition),transform var(--transition)}.page-enter-from{opacity:0;transform:translateY(8px)}.page-leave-to{opacity:0;transform:translateY(-4px)}.scroll-lane{display:flex;gap:var(--space-4);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:var(--space-2);-webkit-overflow-scrolling:touch}.scroll-lane::-webkit-scrollbar{display:none}.scroll-lane>*{scroll-snap-align:start;flex-shrink:0}.cat-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;letter-spacing:.02em;text-transform:uppercase;background:color-mix(in srgb,var(--cat-color) 15%,transparent);color:var(--cat-color)}.input{width:100%;padding:var(--space-3) var(--space-4);background:var(--surface-raised);border:1.5px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--text-primary);transition:border-color var(--transition),box-shadow var(--transition)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 15%,transparent);outline:none}.input::placeholder{color:var(--text-muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;transition:all var(--transition);white-space:nowrap}.btn-primary{background:#1f1410;color:#faf1e1;border-radius:var(--radius-sm);letter-spacing:.5px}.btn-primary:hover{background:#3e2418}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--border-subtle);color:var(--text-primary)}.btn-surface{background:var(--surface-raised);color:var(--text-primary);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.btn-surface:hover{box-shadow:var(--shadow-md)}.skeleton{background:linear-gradient(90deg,var(--border-subtle) 0%,var(--border) 50%,var(--border-subtle) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-md)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}