.vg-hero{background:var(--bg-card);border-bottom:1px solid var(--border-color);padding:var(--gap-3xl) var(--gap-lg);text-align:center;position:relative;overflow:hidden}.vg-hero:before{content:"";background:linear-gradient(to bottom, var(--color-primary), var(--color-bud), var(--color-bloom));opacity:.5;width:3px;position:absolute;top:0;bottom:0;left:0}.vg-hero-inner{z-index:1;max-width:560px;margin:0 auto;position:relative}.vg-hero-plant{margin-bottom:var(--gap-md);opacity:.9;justify-content:center;display:flex}.vg-title{margin:0 0 var(--gap-xs);flex-direction:column;align-items:center;gap:4px;display:flex}.vg-title-main{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:.02em;font-size:2rem;font-weight:700}.vg-title-sub{font-family:var(--font-mono);color:var(--text-tertiary);letter-spacing:.12em;text-transform:uppercase;opacity:.7;font-size:.75rem}.vg-desc{font-family:var(--font-heading);color:var(--text-secondary);margin:var(--gap-sm) 0 0;font-size:.9375rem}.vg-vine{pointer-events:none;width:60px;position:absolute;top:0;bottom:0}.vg-vine--left{left:0}.vg-vine--right{right:0}.vg-main{max-width:var(--max-width);padding:var(--gap-xl) var(--gap-lg) var(--gap-3xl);margin:0 auto}.vg-stats{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);margin-bottom:var(--gap-xl);justify-content:center;align-items:center;gap:0;display:flex;overflow:hidden}.vg-stat{min-width:80px;padding:var(--gap-lg) var(--gap-md);flex-direction:column;flex:1;align-items:center;gap:3px;display:flex}.vg-stat-sep{width:1px;margin:var(--gap-sm) 0;background:var(--border-color);flex-shrink:0;align-self:stretch}.vg-stat-val{font-family:var(--font-mono);color:var(--color-primary);letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;max-width:8ch;font-size:1.5rem;font-weight:800;line-height:1;overflow:hidden}.vg-stat-lbl{font-family:var(--font-mono);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;font-size:.6rem;font-weight:600}.vg-search-bar{margin-bottom:var(--gap-xl)}.vg-search{align-items:center;max-width:420px;margin:0 auto;display:flex;position:relative}.vg-search-icon{color:var(--text-tertiary);pointer-events:none;position:absolute;left:12px}.vg-search-input{width:100%;font-family:var(--font-mono);color:var(--text-primary);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);padding:10px 36px;font-size:.875rem}.vg-search-input::placeholder{color:var(--text-tertiary);opacity:.7}.vg-search-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-bg);outline:none}.vg-search-clear{cursor:pointer;color:var(--text-tertiary);border-radius:var(--radius-xs);transition:color var(--transition-fast);background:0 0;border:none;padding:4px;font-size:.75rem;position:absolute;right:10px}.vg-search-clear:hover{color:var(--color-primary)}.vg-controls{margin-bottom:var(--gap-xl);justify-content:space-between;align-items:center;gap:var(--gap-sm);flex-wrap:wrap;display:flex}.vg-sort{align-items:center;gap:var(--gap-sm);display:flex}.vg-sort-label{font-family:var(--font-mono);color:var(--text-tertiary);font-size:.72rem}.vg-sort-btns{background:var(--bg-hover);border:1px solid var(--border-color);border-radius:var(--radius-sm);gap:2px;padding:2px;display:flex}.vg-sort-btn{font-family:var(--font-mono);color:var(--text-tertiary);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:3px;padding:4px 10px;font-size:.72rem;transition:background .15s,color .15s}.vg-sort-btn:hover{color:var(--text-primary)}.vg-sort-btn.active{background:var(--bg-card);color:var(--color-primary);font-weight:600;box-shadow:0 1px 3px #0000001a}.vg-view-btns{background:var(--bg-hover);border:1px solid var(--border-color);border-radius:var(--radius-sm);gap:2px;padding:2px;display:flex}.vg-view-btn{cursor:pointer;width:28px;height:28px;color:var(--text-tertiary);background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.vg-view-btn:hover{color:var(--text-primary)}.vg-view-btn.active{background:var(--bg-card);color:var(--color-primary);box-shadow:0 1px 3px #0000001a}.vg-garden.vg-view-list{gap:var(--gap-sm);flex-direction:column;display:flex}.vg-view-list .vc-card{flex-direction:row;align-items:flex-start}.vg-view-list .vc-plant-col{width:44px}.vg-view-list .vc-comments{display:none}.vg-view-list .vc-footer{margin-top:var(--gap-sm)}.vg-skeleton-card{background:linear-gradient(90deg, var(--bg-card) 0%, var(--border-color) 50%, var(--bg-card) 100%);border-radius:var(--radius-sm);background-size:200% 100%;height:160px;animation:1.6s ease-in-out infinite skeleton-shimmer}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.vg-garden{gap:var(--gap-lg);grid-template-columns:repeat(auto-fill,minmax(360px,1fr));align-items:start;display:grid}.vg-no-results{text-align:center;color:var(--text-tertiary);font-family:var(--font-mono);padding:var(--gap-3xl);grid-column:1/-1;font-size:.875rem}.vc-card{gap:var(--gap-md);padding:var(--gap-md) var(--gap-md) var(--gap-sm);background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:2px 3px 0 var(--border-color);transition:box-shadow var(--transition-fast), transform var(--transition-fast);display:flex;position:relative}.vc-card:hover{box-shadow:3px 5px 0 var(--border-color);transform:translateY(-1px)}.vc-plant-col{flex-shrink:0;justify-content:center;align-items:flex-end;width:52px;transition:transform .3s;display:flex}.vc-content{gap:var(--gap-sm);flex-direction:column;flex:1;min-width:0;display:flex}.vc-header{align-items:flex-start;gap:var(--gap-sm);display:flex}.vc-avatar{background:var(--color-primary-bg);border:1.5px solid var(--border-color);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;overflow:hidden}.vc-avatar-img{object-fit:cover;width:100%;height:100%}.vc-avatar-initials{font-family:var(--font-mono);color:var(--color-primary);font-size:.75rem;font-weight:700}.vc-identity{flex:1;min-width:0}.vc-nick{font-family:var(--font-mono);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;transition:color var(--transition-fast);font-size:.875rem;font-weight:700;text-decoration:none;display:block;overflow:hidden}a.vc-nick:hover{color:var(--color-primary)}.vc-meta{align-items:center;gap:var(--gap-xs);flex-wrap:wrap;margin-top:2px;display:flex}.vc-growth-tag{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;border-radius:10px;padding:1px 6px;font-size:.6rem;font-weight:700}.vc-growth--seed{background:var(--color-seed-bg,#1048201f);color:var(--color-seed,#104820)}.vc-growth--young{background:var(--color-bud-bg,#2d6a4f1f);color:var(--color-bud,#2d6a4f)}.vc-growth--mature{background:var(--color-primary-bg);color:var(--color-primary)}.vc-growth--ancient{color:#e76f51;background:#e76f511f}.vc-comment-count{font-family:var(--font-mono);color:var(--text-tertiary);font-size:.6rem;font-weight:600}.vc-comments{flex-direction:column;gap:6px;display:flex}.vc-comment-item{border-left:2px solid var(--border-color);padding-left:var(--gap-sm)}.vc-comment-item:first-child{border-left-color:var(--color-primary);opacity:.9}.vc-comment-item:nth-child(2){border-left-color:var(--color-bud);opacity:.8}.vc-comment-text{font-family:var(--font-heading);color:var(--text-secondary);word-break:break-word;margin:0 0 3px;font-size:.8125rem;line-height:1.6}.vc-comment-meta{align-items:center;gap:var(--gap-sm);flex-wrap:wrap;display:flex}.vc-comment-meta time{font-family:var(--font-mono);color:var(--text-tertiary);font-size:.6rem}.vc-comment-source{font-family:var(--font-mono);color:var(--text-tertiary);opacity:.7;transition:opacity var(--transition-fast), color var(--transition-fast);text-overflow:ellipsis;white-space:nowrap;max-width:20ch;font-size:.6rem;text-decoration:none;overflow:hidden}.vc-comment-source:hover{opacity:1;color:var(--color-primary)}.vc-more-btn{border:1px dashed var(--border-color);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--text-tertiary);cursor:pointer;text-align:center;width:100%;transition:border-color var(--transition-fast), color var(--transition-fast), background var(--transition-fast);background:0 0;padding:5px 10px;font-size:.6875rem}.vc-more-btn:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-bg)}.vc-more-comments{display:none}.vc-footer{align-items:center;gap:var(--gap-xs);font-family:var(--font-mono);color:var(--text-tertiary);opacity:.7;flex-wrap:wrap;font-size:.6rem;display:flex}.vc-dot{opacity:.5}.vg-empty{justify-content:center;align-items:center;gap:var(--gap-sm);padding:var(--gap-3xl) var(--gap-lg);text-align:center;color:var(--text-tertiary);flex-direction:column;display:flex}.vg-empty-svg{width:200px;height:130px;margin-bottom:var(--gap-sm)}.vg-empty-sprout{transform-origin:100px 92px;animation:3.5s ease-in-out infinite vg-empty-sway}@keyframes vg-empty-sway{0%,to{transform:rotate(-1.5deg)}50%{transform:rotate(1.5deg)}}.vg-empty-petal{transform-origin:50%;animation:4s ease-in-out infinite vg-empty-float}.vg-empty-petal--1{animation-delay:0s}.vg-empty-petal--2{animation-delay:1.2s}.vg-empty-petal--3{animation-delay:2.4s}@keyframes vg-empty-float{0%,to{opacity:.5;transform:translateY(0)rotate(0)}50%{opacity:.7;transform:translateY(-6px)rotate(15deg)}}.vg-empty-drop{transform-origin:50%;animation:2.5s ease-in-out infinite vg-empty-shine}@keyframes vg-empty-shine{0%,to{opacity:.3;transform:scale(.9)}50%{opacity:.7;transform:scale(1.1)}}.vg-empty-txt{font-family:var(--font-heading);color:var(--text-secondary);letter-spacing:.02em;margin:0;font-size:1.0625rem;font-weight:600}.vg-empty-sub{font-family:var(--font-heading);color:var(--text-tertiary);opacity:.85;margin:0;font-size:.875rem}.vg-empty-btn{margin-top:var(--gap-md);font-family:var(--font-mono);color:var(--color-primary);border:1.5px solid var(--color-primary);letter-spacing:.04em;transition:background var(--transition-fast), color var(--transition-fast), transform var(--transition-fast);background:0 0;border-radius:100px;padding:8px 24px;font-size:.8125rem;font-weight:600;text-decoration:none;display:inline-block}.vg-empty-btn:hover{background:var(--color-primary);color:var(--bg-card);transform:translateY(-1px)}@media (prefers-reduced-motion:reduce){.vg-empty-sprout,.vg-empty-petal,.vg-empty-drop{animation:none}}@media (width<=640px){.vg-garden{grid-template-columns:1fr}.vg-stats{flex-wrap:wrap}.vg-stat-sep{display:none}.vg-stat{min-width:calc(50% - 1px)}.vc-card{padding:var(--gap-sm)}}