.header[data-v-680512b0]{position:fixed;top:0;left:0;right:0;height:var(--header-height);background:var(--surface-overlay);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:100}.header-inner[data-v-680512b0]{display:flex;align-items:center;gap:var(--space-4);height:100%;padding:0 var(--space-6);max-width:var(--content-max);margin:0 auto}.logo[data-v-680512b0]{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0;color:var(--text-primary)}.logo-icon[data-v-680512b0]{color:var(--accent);font-size:26px}.logo-text[data-v-680512b0]{font-size:var(--text-lg);letter-spacing:-.02em}.logo-text strong[data-v-680512b0]{color:var(--accent)}.search-wrap[data-v-680512b0]{flex:1;max-width:480px;position:relative}.search-icon[data-v-680512b0]{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-680512b0]{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);transition:border-color var(--transition),box-shadow var(--transition)}.search-input[data-v-680512b0]: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-680512b0]::placeholder{color:var(--text-muted)}.header-nav[data-v-680512b0]{display:flex;align-items:center;gap:var(--space-2);margin-left:auto;flex-shrink:0}.nav-btn[data-v-680512b0]{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-680512b0]:hover{background:var(--border-subtle);color:var(--text-primary)}.nav-label[data-v-680512b0]{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 640px){.search-wrap[data-v-680512b0],.nav-label[data-v-680512b0]{display:none}.header-inner[data-v-680512b0]{padding:0 var(--space-4)}}.sidebar[data-v-3e4f215e]{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 var(--border-subtle)}.sidebar-nav[data-v-3e4f215e]{display:flex;flex-direction:column;gap:var(--space-1)}.sidebar-footer[data-v-3e4f215e]{margin-top:auto;padding-top:var(--space-4);border-top:1px solid var(--border-subtle)}.nav-item[data-v-3e4f215e]{display:flex;align-items:center;gap:var(--space-3);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);font-weight:500}.nav-item[data-v-3e4f215e]:hover{background:var(--border-subtle);color:var(--text-primary)}.nav-item.active[data-v-3e4f215e]{background:var(--accent-subtle);color:var(--accent);font-weight:600}.nav-item .material-symbols-rounded[data-v-3e4f215e]{font-size:20px}@media (max-width: 900px){.sidebar[data-v-3e4f215e]{display:none}}.app-shell[data-v-2f40ad57]{display:flex;flex-direction:column;min-height:100vh}.app-body[data-v-2f40ad57]{display:flex;flex:1;padding-top:var(--header-height)}.app-main[data-v-2f40ad57]{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-2f40ad57]{padding:var(--space-4)}}:root{--bg: #F0EAE1;--surface: #FAF7F3;--surface-raised: #FFFFFF;--surface-overlay: rgba(250, 247, 243, .92);--text-primary: #1C1917;--text-secondary: #57534E;--text-muted: #A8A29E;--text-inverse: #FFFFFF;--accent: #8B7355;--accent-light: #BDA98A;--accent-subtle: #F5EDE0;--cat-music: #7B6B9E;--cat-food: #B87D4B;--cat-arts: #5A7FA8;--cat-outdoors: #5A8A64;--cat-sports: #B85A5A;--cat-nightlife: #3D4E7A;--cat-family: #B89A3E;--cat-markets: #8A7B5E;--cat-other: #7A7A7A;--border: #E6DDD4;--border-subtle: #F0EAE3;--shadow-xs: 0 1px 2px rgba(0,0,0,.05);--shadow-sm: 0 1px 4px rgba(0,0,0,.07), 0 1px 2px rgba(0,0,0,.04);--shadow-md: 0 4px 14px rgba(0,0,0,.09), 0 2px 4px rgba(0,0,0,.04);--shadow-lg: 0 8px 28px rgba(0,0,0,.11), 0 4px 8px rgba(0,0,0,.05);--shadow-xl: 0 16px 48px rgba(0,0,0,.14);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--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;--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:var(--accent);color:var(--text-inverse)}.btn-primary:hover{background:color-mix(in srgb,var(--accent) 85%,black)}.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);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}}