@import "https://fonts.googleapis.com/css2?family=Play:wght@400;700&display=swap";.notif-bell-wrap{position:relative}.notif-bell-btn{cursor:pointer;border-radius:var(--radius-full);width:38px;height:38px;transition:var(--transition);color:#fff;background:0 0;border:none;justify-content:center;align-items:center;font-size:1.15rem;display:flex;position:relative}.notif-bell-btn:hover{color:#00000085}.notif-bell-badge{color:#fff;border-radius:var(--radius-full);background:#e0245e;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:.65rem;font-weight:700;line-height:1;display:flex;position:absolute;top:2px;right:2px}.notif-dropdown{-webkit-backdrop-filter:blur(24px)saturate(180%);border-radius:var(--radius-lg);z-index:200;background:#fff;border:1px solid #ffffff59;width:min(420px,94vw);max-height:70vh;position:fixed;top:60px;left:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 8px 32px #0000001f,inset 0 1px #ffffff80}.notif-dropdown-header{color:var(--text-primary);border-bottom:1px solid var(--border);padding:.85rem 1rem;font-size:.9rem;font-weight:700}.notif-empty{text-align:center;color:var(--text-muted);padding:1.5rem 1rem;font-size:.85rem}.notif-list{margin:0;padding:.3rem;list-style:none}.notif-item-link{border-radius:var(--radius-sm);color:inherit;transition:var(--transition);gap:.65rem;padding:.6rem;text-decoration:none;display:flex}.notif-item-link:hover{background:var(--bg-tertiary)}.notif-item.unread .notif-item-link{background:color-mix(in srgb, var(--clea-purple) 7%, transparent)}.notif-item-avatar{border-radius:var(--radius-full);background:var(--bg-tertiary);width:36px;height:36px;color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;font-size:.85rem;font-weight:600;display:flex;overflow:hidden}.notif-item-avatar img{object-fit:cover;width:100%;height:100%}.notif-item-text p{color:var(--text-primary);margin:0 0 .2rem;font-size:.85rem;line-height:1.35}.notif-item-time{color:var(--text-muted);font-size:.72rem}.usearch-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:250;background:#00000073;position:fixed;inset:0}.usearch-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:min(480px,94vw);box-shadow:var(--shadow-lg);z-index:251;animation:.2s cubic-bezier(.34,1.56,.64,1) usearchIn;position:fixed;top:70px;left:50%;overflow:hidden;transform:translate(-50%)}@keyframes usearchIn{0%{opacity:0;transform:translate(-50%)translateY(-8px)scale(.97)}to{opacity:1;transform:translate(-50%)translateY(0)scale(1)}}.usearch-input{padding:5px 5px 5px 10px}.usearch-input-wrap{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:14px 16px;display:flex}.usearch-icon{color:var(--text-muted);flex-shrink:0;font-size:1.2rem}.usearch-input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:1rem}.usearch-input::placeholder{color:var(--text-muted)}.usearch-close{color:var(--text-muted);cursor:pointer;transition:color var(--transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:4px;font-size:1rem;display:flex}.usearch-close:hover{color:var(--text-primary)}.usearch-results{max-height:400px;padding:8px 0;overflow-y:auto}.usearch-status{text-align:center;color:var(--text-muted);padding:20px;font-size:.875rem}.usearch-result{transition:background var(--transition);align-items:center;gap:12px;padding:10px 16px;text-decoration:none;display:flex}.usearch-result:hover{background:var(--bg-tertiary)}.usearch-avatar{background:var(--clea-purple);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:.9rem;font-weight:700;display:flex;overflow:hidden}.usearch-avatar img{object-fit:cover;width:100%;height:100%}.usearch-info{flex-direction:column;gap:2px;display:flex}.usearch-name{color:var(--text-primary);font-size:.9rem;font-weight:600}.usearch-device{color:var(--text-muted);font-size:.75rem}.navbar{z-index:100;height:var(--nav-height);background:var(--bg-secondary);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(12px);align-content:center;position:fixed;top:0;left:0;right:0}.navbar-inner{justify-content:space-between;align-items:center;gap:2rem;max-width:1280px;margin:0 auto;padding:0 1.5rem;display:flex}.navbar-logo{align-items:center;text-decoration:none;display:flex;position:relative}.navbar-beta{width:22px;position:absolute;bottom:-6px;right:-10px}.navbar-logo-img{width:auto;height:40px;display:block}.navbar-logo-mark{color:var(--clea-purple);font-size:1.5rem;line-height:1}.navbar-logo-text{letter-spacing:-.04em;color:var(--text-primary);font-family:Space Grotesk,sans-serif;font-size:1.35rem;font-weight:700}.navbar-links{flex:1;justify-content:center;align-items:center;gap:2rem;display:flex}.navbar-link{border-radius:var(--radius-sm);color:var(--text-secondary);transition:color var(--transition), background var(--transition);white-space:nowrap;padding:6px 12px;font-size:.875rem;font-weight:500}.navbar-link:hover{color:var(--text-primary);background:var(--surface-hover)}.navbar-link.active{color:var(--clea-purple);background:var(--bg-tertiary);font-weight:600}.navbar-actions{flex-shrink:0;align-items:center;gap:1rem;display:flex}.navbar-theme-btn{border-radius:var(--radius-sm);background:var(--bg-tertiary);width:36px;height:36px;color:var(--text-secondary);transition:background var(--transition), color var(--transition), transform var(--transition);justify-content:center;align-items:center;font-size:1.1rem;display:flex}.navbar-theme-btn:hover{background:var(--border);color:var(--clea-purple);transform:rotate(15deg)}.navbar-cta{background:var(--clea-purple);color:#fff;border-radius:var(--radius-full);transition:background var(--transition), transform var(--transition), box-shadow var(--transition);padding:8px 18px;font-size:.875rem;font-weight:600}.navbar-cta:hover{background:var(--clea-purple-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.navbar-user{position:relative}.navbar-avatar-btn{border-radius:var(--radius-full);border:2px solid var(--border);width:36px;height:36px;transition:border-color var(--transition);justify-content:center;align-items:center;display:flex;overflow:hidden}.navbar-avatar-btn:hover{border-color:var(--clea-purple)}.navbar-avatar-img{object-fit:cover;width:100%;height:100%}.navbar-avatar-placeholder{background:var(--clea-purple);color:#fff;justify-content:center;align-items:center;width:100%;height:100%;font-size:.875rem;font-weight:700;display:flex}.navbar-user-menu{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);width:220px;box-shadow:var(--shadow-lg);animation:.15s menuFadeIn;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden}@keyframes menuFadeIn{0%{opacity:0;transform:translateY(-6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.navbar-user-info{border-bottom:1px solid var(--border);padding:14px 16px 10px}.navbar-user-name{color:var(--text-primary);font-size:.875rem;font-weight:600}.navbar-user-email{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:.75rem;overflow:hidden}.navbar-user-item{width:100%;color:var(--text-secondary);text-align:left;transition:background var(--transition), color var(--transition);cursor:pointer;padding:10px 16px;font-size:.875rem;display:block}.navbar-user-item:hover{background:var(--surface-hover);color:var(--text-primary)}.navbar-user-logout{color:#ef4444;border-top:1px solid var(--border)}.navbar-user-logout:hover{color:#ef4444;background:#ef444412}.navbar-hamburger{border-radius:var(--radius-sm);background:var(--bg-tertiary);width:36px;height:36px;transition:background var(--transition);flex-direction:column;justify-content:center;gap:5px;padding:6px;display:none}.navbar-hamburger span{background:var(--text-primary);height:2px;transition:transform var(--transition), opacity var(--transition);transform-origin:50%;border-radius:2px;display:block}.navbar-hamburger.open span:first-child{transform:translateY(7px)rotate(45deg)}.navbar-hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}.navbar-hamburger.open span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.navbar-drawer{top:var(--nav-height);background:var(--bg-secondary);border-right:1px solid var(--border);z-index:99;flex-direction:column;gap:8px;width:280px;padding:24px 16px;transition:transform .28s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;bottom:0;left:0;overflow-y:auto;transform:translate(-100%)}.navbar-drawer.open{transform:translate(0)}.navbar-drawer-links{flex-direction:column;flex:1;gap:4px;display:flex}.navbar-drawer-link{border-radius:var(--radius-md);color:var(--text-secondary);transition:background var(--transition), color var(--transition);align-items:center;gap:12px;padding:12px 14px;font-size:.9375rem;font-weight:500;display:flex}.navbar-drawer-link:hover{background:var(--surface-hover);color:var(--text-primary)}.navbar-drawer-link.active{background:var(--bg-tertiary);color:var(--clea-purple);font-weight:600}.navbar-drawer-icon{color:var(--clea-purple);flex-shrink:0;font-size:1.1rem}.navbar-drawer-footer{border-top:1px solid var(--border);flex-direction:column;gap:8px;padding-top:16px;display:flex}.navbar-drawer-cta{text-align:center;background:var(--clea-purple);color:#fff;border-radius:var(--radius-md);transition:background var(--transition);padding:12px;font-size:.9375rem;font-weight:600;display:block}.navbar-drawer-cta:hover{background:var(--clea-purple-dark)}.navbar-drawer-logout{border-radius:var(--radius-md);color:#ef4444;text-align:left;width:100%;transition:background var(--transition);padding:12px 14px;font-size:.9375rem;font-weight:500}.navbar-drawer-logout:hover{background:#ef444412}.navbar-overlay{inset:var(--nav-height) 0 0 0;z-index:98;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;animation:.2s overlayIn;position:fixed}@keyframes overlayIn{0%{opacity:0}to{opacity:1}}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;vertical-align:middle;font-size:20px;line-height:1}.navbar-drawer-icon{color:var(--clea-purple);font-size:20px}.navbar-avatar-btn{position:relative}.navbar-avatar-alert{border:2px solid var(--surface);background:#f59e0b;border-radius:50%;width:10px;height:10px;position:absolute;top:-2px;right:-2px}.navbar-user-verify{color:#f59e0b;font-weight:600}.navbar-chat-badge{color:#fff;vertical-align:middle;background:#ef4444;border-radius:99px;margin-left:4px;padding:1px 5px;font-size:.65rem;font-weight:700;line-height:1.6}.navbar-search-btn{border-radius:var(--radius-full);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;transition:color var(--transition), background var(--transition);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.navbar-search-btn:hover{color:var(--text-primary);background:var(--bg-tertiary)}.navbar-search-btn .material-symbols-outlined{font-size:1.2rem}.navbar-lang-select{align-items:center;gap:2px;display:flex}.navbar-lang-btn{cursor:pointer;letter-spacing:.05em;border-radius:var(--radius-sm);color:var(--text-muted);transition:var(--transition);background:0 0;border:none;padding:4px 6px;font-family:inherit;font-size:.7rem;font-weight:700}.navbar-lang-btn:hover,.navbar-lang-btn.active{color:var(--text-primary);background:var(--bg-tertiary)}.navbar-drawer-lang{border-bottom:1px solid var(--border);gap:6px;margin-bottom:4px;padding-bottom:12px;display:flex}.navbar-drawer-lang-btn{border-radius:var(--radius-sm);background:var(--bg-tertiary);cursor:pointer;letter-spacing:.05em;color:var(--text-muted);transition:var(--transition);border:none;flex:1;padding:8px;font-family:inherit;font-size:.75rem;font-weight:700}.navbar-drawer-lang-btn.active{background:var(--clea-purple);color:#fff}.navbar-drawer-lang-btn:hover:not(.active){color:var(--text-primary)}.navbar-lang-icon{color:var(--text-muted);margin-right:4px;font-size:18px}@media (width<=900px){.navbar-links{display:none}.navbar-hamburger{display:flex}.navbar-cta{display:none}.navbar-logo-img{width:110px;height:28px}}@media (width<=768px){.navbar-lang-select{display:none}.navbar-logo-img{width:110px;height:28px}}.home{background:radial-gradient(circle at top left, #ffffff0f, transparent 32rem), var(--bg-primary);overflow:hidden}.home-hero{min-height:calc(100vh - var(--nav-height));grid-template-columns:minmax(0,1fr) minmax(280px,460px);align-items:center;gap:40px;max-width:1240px;margin:0 auto;padding:88px 24px 72px;display:grid}.home-hero-grid{pointer-events:none;position:absolute;inset:0}.home-hero-content,.home-visual{z-index:1;position:relative}.home-kicker{border:1px solid var(--border);color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;background:0 0;border-radius:999px;margin-bottom:20px;padding:8px 12px;font-size:.78rem;font-weight:800;display:inline-flex}.home h1{max-width:760px;color:var(--text-primary);letter-spacing:-.05em;margin:0;font-size:clamp(3rem,7vw,5rem);line-height:.94}.home-hero-content>p{max-width:520px;color:var(--text-secondary);margin-top:24px;font-size:1.08rem;line-height:1.75}.home-user-count{color:var(--text-secondary);align-items:center;gap:8px;margin-top:18px;font-size:.92rem;display:inline-flex}.home-user-count:before{content:"";background:#10b981;border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 0 3px #10b98126}.home-user-count strong{color:var(--text-primary);font-weight:800}.home-actions{gap:10px;margin-top:32px;display:flex}.home-btn{border-radius:12px;justify-content:center;align-items:center;min-height:48px;padding:0 22px;font-weight:800;transition:transform .18s,box-shadow .18s,border-color .18s;display:inline-flex}.home-btn:hover{transform:translateY(-2px)}.home-btn-primary{color:var(--bg-primary);background:var(--text-primary)}.home-btn-secondary{color:var(--text-primary);border:1px solid var(--border);background:0 0}.home-btn-secondary:hover{border-color:var(--text-secondary);background:var(--bg-tertiary)}.home-visual{justify-content:center;align-items:center;min-height:480px;display:flex}.home-ear-wrap{width:100%;height:480px;position:relative}.home-ear-loading{background:0 0;width:100%;height:100%}.home-features,.home-modules{max-width:1240px;margin:0 auto;padding:88px 24px}.home-section-head{max-width:620px;margin-bottom:32px}.home-section-head span{color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;font-size:.78rem;font-weight:900}.home-section-head h2{color:var(--text-primary);letter-spacing:-.04em;margin:10px 0 0;font-size:clamp(2rem,4vw,3.6rem);line-height:1}.home-feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.home-feature-card{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:18px;padding:24px}.home-feature-icon{background:var(--bg-tertiary);width:42px;height:42px;color:var(--text-primary);border-radius:12px;place-items:center;margin-bottom:22px;font-weight:900;display:grid}.home-feature-card h3{color:var(--text-primary);margin:0 0 8px;font-size:1.08rem}.home-feature-card p,.home-module-row p{color:var(--text-secondary);margin:0;font-size:.92rem;line-height:1.65}.home-module-list{gap:12px;display:grid}.home-module-row{border:1px solid var(--border);background:var(--surface);border-radius:16px;justify-content:space-between;align-items:center;gap:24px;padding:22px 24px;transition:transform .18s,border-color .18s,box-shadow .18s;display:flex}.home-module-row:hover{border-color:var(--text-secondary);box-shadow:var(--shadow-md);transform:translate(4px)}.home-module-row strong{color:var(--text-primary);font-size:1.08rem}.home-module-row>span{color:var(--text-muted);font-size:1.6rem}@media (width<=980px){.home-hero{text-align:center;grid-template-columns:1fr;padding-top:60px;padding-bottom:0}.home-hero-content{order:1}.home-visual{order:2;min-height:260px}.home-ear-wrap{height:320px}.home-actions{justify-content:center}.home-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home h1{font-size:clamp(2.2rem,8vw,3.5rem)}}@media (width<=640px){.home-hero,.home-features,.home-modules{padding-inline:16px}.home-ear-wrap{height:220px}.home-feature-grid{grid-template-columns:1fr}}.community-page{padding:40px 0 80px}.community-inner{flex-direction:column;gap:28px;max-width:1200px;margin:0 auto;padding:0 24px;display:flex}.community-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.community-title{color:var(--text-primary);letter-spacing:-.03em;font-size:clamp(1.75rem,3vw,2.25rem);font-weight:800}.community-subtitle{color:var(--text-secondary);margin-top:4px;font-size:.9375rem}.community-new-btn{background:var(--clea-purple);color:#fff;border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;transition:background var(--transition), transform var(--transition), box-shadow var(--transition);border:none;padding:10px 22px;font-family:inherit;font-size:.875rem;font-weight:600}.community-new-btn:hover{background:var(--clea-purple-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.community-search-wrap{position:relative}.community-search-icon{color:var(--text-muted);pointer-events:none;font-size:1.1rem;line-height:1;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.community-search{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:border-color var(--transition), box-shadow var(--transition);outline:none;padding:11px 14px 11px 40px;font-family:inherit;font-size:.9375rem}.community-search::placeholder{color:var(--text-muted)}.community-search:focus{border-color:var(--clea-purple);box-shadow:0 0 0 3px #7c5cfc1a}.community-cats{flex-wrap:wrap;gap:8px;display:flex}.community-cat{border-radius:var(--radius-full);border:1.5px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);white-space:nowrap;padding:6px 16px;font-family:inherit;font-size:.8125rem;font-weight:500}.community-cat:hover{border-color:var(--clea-purple);color:var(--text-primary);background:var(--surface-hover)}.community-cat.active{background:var(--clea-purple);border-color:var(--clea-purple);color:#fff;font-weight:600}.community-layout{grid-template-columns:1fr 280px;align-items:start;gap:24px;display:grid}.community-feed{flex-direction:column;gap:16px;display:flex}.post-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--transition), box-shadow var(--transition), transform var(--transition);flex-direction:column;gap:14px;padding:24px;display:flex}.post-card:hover{border-color:var(--clea-purple-light);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.post-card-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.post-card-author{align-items:center;gap:10px;display:flex}.post-card-avatar{border-radius:var(--radius-full);background:var(--clea-purple);flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;overflow:hidden}.post-card-avatar img{object-fit:cover;width:100%;height:100%}.post-card-avatar span{color:#fff;font-size:.875rem;font-weight:700}.post-card-name{color:var(--text-primary);font-size:.875rem;font-weight:600}.post-card-username{color:var(--text-muted);margin:0;font-size:.82rem;line-height:1.3}.post-card-time{color:var(--text-muted);font-size:.75rem}.post-card-badge{border-radius:var(--radius-full);letter-spacing:.06em;text-transform:uppercase;color:var(--clea-purple);white-space:nowrap;background:#6464641f;flex-shrink:0;padding:3px 10px;font-size:.6875rem;font-weight:700}.post-card-title{color:var(--text-primary);letter-spacing:-.01em;font-size:1.0625rem;font-weight:700;line-height:1.3}.post-card-content{color:var(--text-secondary);-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:.9rem;line-height:1.65;display:-webkit-box;overflow:hidden}.post-card-actions{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px 16px;padding-top:4px;display:flex}.post-card-like{color:var(--text-muted);cursor:pointer;transition:color var(--transition), transform var(--transition);background:0 0;border:none;align-items:center;gap:6px;padding:4px 0;font-family:inherit;font-size:.8125rem;display:flex}.post-card-like:hover{color:#ec4899;transform:scale(1.05)}.post-card-like.liked{color:#ec4899;font-weight:600}.post-card-like-icon{transition:transform var(--transition);font-size:1rem;line-height:1}.post-card-like:hover .post-card-like-icon,.post-card-like.liked .post-card-like-icon{transform:scale(1.2)}.post-card-comments{color:var(--text-muted);transition:color var(--transition);align-items:center;gap:6px;font-size:.8125rem;display:flex}.post-card-comments:hover{color:var(--clea-purple)}.community-loading{flex-direction:column;gap:16px;display:flex}.community-empty{background:var(--surface);border:1.5px dashed var(--border);border-radius:var(--radius-lg);text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:16px;padding:64px 24px;font-size:.9375rem;display:flex}.community-empty-icon{color:var(--clea-purple);opacity:.3;font-size:2.5rem}.post-skeleton{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:14px;padding:24px;display:flex}.skel{background:var(--border);border-radius:var(--radius-sm);animation:1.4s ease-in-out infinite shimmer}@keyframes shimmer{0%,to{opacity:.5}50%{opacity:1}}.skel-row{background:0 0;align-items:center;gap:10px;animation:none;display:flex}.skel-avatar{border-radius:50%;flex-shrink:0;width:38px;height:38px}.skel-info{flex-direction:column;flex:1;gap:6px;display:flex}.skel-line{width:100%;height:12px}.skel-line.short{width:40%}.skel-line.xshort{width:25%}.skel-line.medium{width:70%}.skel-line.long{width:85%}.community-aside{top:calc(var(--nav-height) + 24px);flex-direction:column;gap:16px;display:flex;position:sticky}.community-aside-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:14px;padding:20px;display:flex}.community-aside-title{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:.8125rem;font-weight:700}.community-aside-list{flex-direction:column;gap:2px;list-style:none;display:flex}.community-aside-cat{border-radius:var(--radius-sm);width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;transition:background var(--transition), color var(--transition);background:0 0;border:none;align-items:center;gap:8px;padding:8px 10px;font-family:inherit;font-size:.875rem;font-weight:500;display:flex}.community-aside-cat:hover{background:var(--surface-hover);color:var(--text-primary)}.community-aside-cat.active{background:var(--surface-hover);color:var(--clea-purple);font-weight:600}.community-aside-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.community-aside-join{background:var(--bg-tertiary)}.community-aside-desc{color:var(--text-secondary);font-size:.8125rem;line-height:1.6}.community-join-btn{text-align:center;background:var(--clea-purple);color:#fff;border-radius:var(--radius-md);transition:background var(--transition), transform var(--transition);padding:10px;font-size:.875rem;font-weight:600;display:block}.community-join-btn:hover{background:var(--clea-purple-dark);transform:translateY(-1px)}.post-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#00000080;justify-content:center;align-items:center;padding:20px;animation:.15s overlayIn;display:flex;position:fixed;inset:0}.post-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:560px;box-shadow:var(--shadow-lg);flex-direction:column;gap:20px;max-height:90vh;padding:28px;animation:.2s cubic-bezier(.34,1.56,.64,1) modalIn;display:flex;overflow-y:auto}@keyframes modalIn{0%{opacity:0;transform:scale(.94)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.post-modal-header{justify-content:space-between;align-items:center;display:flex}.post-modal-title{color:var(--text-primary);font-size:1.1875rem;font-weight:700}.post-modal-close{border-radius:var(--radius-sm);background:var(--bg-tertiary);cursor:pointer;width:32px;height:32px;color:var(--text-secondary);transition:background var(--transition), color var(--transition);border:none;justify-content:center;align-items:center;font-size:.875rem;display:flex}.post-modal-close:hover{background:var(--border);color:var(--text-primary)}.post-modal-error{border-radius:var(--radius-sm);color:#ef4444;background:#ef444414;border:1px solid #ef444433;padding:10px 14px;font-size:.8125rem;font-weight:500}.post-modal-form{flex-direction:column;gap:18px;display:flex}.post-modal-field{flex-direction:column;gap:6px;display:flex}.post-modal-label{color:var(--text-primary);font-size:.8125rem;font-weight:600}.post-modal-input,.post-modal-select,.post-modal-textarea{background:var(--bg-primary);border:1.5px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:border-color var(--transition), box-shadow var(--transition);outline:none;padding:11px 14px;font-family:inherit;font-size:.9375rem}.post-modal-input::placeholder,.post-modal-textarea::placeholder{color:var(--text-muted)}.post-modal-input:focus,.post-modal-select:focus,.post-modal-textarea:focus{border-color:var(--clea-purple);box-shadow:0 0 0 3px #7c5cfc1a}.post-modal-select{appearance:none;cursor:pointer}.post-modal-textarea{resize:vertical;min-height:120px;line-height:1.6}.post-modal-footer{justify-content:flex-end;gap:10px;padding-top:4px;display:flex}.post-modal-cancel{border-radius:var(--radius-md);color:var(--text-secondary);background:var(--bg-tertiary);cursor:pointer;transition:background var(--transition), color var(--transition);border:none;padding:10px 20px;font-family:inherit;font-size:.875rem;font-weight:500}.post-modal-cancel:hover{background:var(--border);color:var(--text-primary)}.post-modal-submit{background:var(--clea-purple);color:#fff;border-radius:var(--radius-md);cursor:pointer;min-width:90px;min-height:40px;transition:background var(--transition), transform var(--transition);border:none;justify-content:center;align-items:center;padding:10px 24px;font-family:inherit;font-size:.875rem;font-weight:600;display:flex}.post-modal-submit:hover:not(:disabled){background:var(--clea-purple-dark);transform:translateY(-1px)}.post-modal-submit:disabled{opacity:.6;cursor:not-allowed}a.post-card-author{color:inherit;align-items:center;text-decoration:none;display:flex}.post-card-resolved-badge{border-radius:var(--radius-full);color:#1a9c5b;background:#1a9c5b29;margin-bottom:.5rem;padding:.2rem .6rem;font-size:.72rem;font-weight:700;display:inline-block}.post-card-pending-badge{border-radius:var(--radius-full);color:#f59e0b;background:#f59e0b29;margin-bottom:.5rem;padding:.2rem .6rem;font-size:.72rem;font-weight:700;display:inline-block}.post-card-edit,.post-card-delete{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;padding:6px 12px;font-size:.85rem}.post-card-edit:hover{background:var(--border);color:var(--text-primary)}.post-card-delete:hover{color:#ef4444;background:#ef44441f;border-color:#ef44444d}@media (width<=900px){.community-layout{grid-template-columns:1fr}.community-aside{display:none}}@media (width<=600px){.community-page{padding:24px 0 60px}.community-inner{gap:20px;padding:0 16px}.post-card{padding:18px}.community-cats{gap:6px}.community-cat{padding:5px 12px;font-size:.75rem}}.verify-email-notice{background:color-mix(in srgb, #f59e0b 10%, var(--surface));border-radius:var(--radius-md);border:1px solid #f59e0b4d;align-items:flex-start;gap:10px;margin-bottom:1.5rem;padding:14px 16px;display:flex}.verify-email-icon{color:#f59e0b;flex-shrink:0;margin-top:2px}.verify-email-text{flex:1;min-width:0}.verify-email-title{color:var(--text-primary);margin:0 0 2px;font-size:.88rem;font-weight:700}.verify-email-desc{color:var(--text-secondary);margin:0;font-size:.8rem;line-height:1.45}.verify-email-error{color:#ef4444;margin:6px 0 0;font-size:.78rem}.verify-email-resend{border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;white-space:nowrap;transition:border-color var(--transition), background var(--transition);flex-shrink:0;align-items:center;gap:5px;padding:7px 12px;font-family:inherit;font-size:.78rem;font-weight:600;display:flex}.verify-email-resend:hover:not(:disabled){border-color:var(--clea-purple)}.verify-email-resend:disabled{opacity:.7;cursor:not-allowed}.verify-email-close{width:24px;height:24px;color:var(--text-muted);cursor:pointer;transition:background var(--transition);background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.verify-email-close:hover{background:#f59e0b26}@media (width<=600px){.verify-email-notice{flex-direction:column;gap:8px}.verify-email-resend{justify-content:center;align-self:stretch}}.report-btn{color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition), background var(--transition);background:0 0;border:none;padding:4px 8px;font-family:inherit;font-size:.8125rem;font-weight:500}.report-btn:hover{color:#ef4444;background:#ef444414}.report-btn-done{color:var(--text-muted);padding:4px 8px;font-size:.8125rem;font-weight:500}.report-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:400;background:#0000008c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.report-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:420px;box-shadow:var(--shadow-lg);flex-direction:column;gap:14px;padding:20px;display:flex}.report-modal-header{justify-content:space-between;align-items:center;display:flex}.report-modal-title{color:var(--text-primary);font-size:1rem;font-weight:700}.report-modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1rem;line-height:1}.report-modal-form{flex-direction:column;gap:10px;display:flex}.report-modal-label{color:var(--text-primary);font-size:.8125rem;font-weight:600}.report-modal-textarea{background:var(--bg-primary);border:1.5px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);resize:vertical;outline:none;padding:10px 12px;font-family:inherit;font-size:.875rem}.report-modal-textarea:focus{border-color:var(--clea-purple)}.report-modal-footer{justify-content:flex-end;gap:10px;display:flex}.report-modal-cancel{border-radius:var(--radius-md);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;border:none;padding:9px 16px;font-family:inherit;font-size:.8125rem;font-weight:500}.report-modal-submit{border-radius:var(--radius-md);color:#fff;cursor:pointer;background:#ef4444;border:none;padding:9px 18px;font-family:inherit;font-size:.8125rem;font-weight:600}.report-modal-submit:disabled{opacity:.6;cursor:not-allowed}.confirm-modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:500;background:#0000008c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.confirm-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:380px;box-shadow:var(--shadow-lg);flex-direction:column;gap:10px;padding:22px;display:flex}.confirm-modal-title{color:var(--text-primary);margin:0;font-size:1.05rem;font-weight:700}.confirm-modal-message{color:var(--text-secondary);margin:0;font-size:.875rem;line-height:1.5}.confirm-modal-footer{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.confirm-modal-cancel{border-radius:var(--radius-md);background:var(--bg-tertiary);color:var(--text-secondary);cursor:pointer;border:none;padding:9px 16px;font-family:inherit;font-size:.8125rem;font-weight:500}.confirm-modal-confirm{border-radius:var(--radius-md);background:var(--clea-purple);color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;min-width:90px;padding:9px 18px;font-family:inherit;font-size:.8125rem;font-weight:600;display:flex}.confirm-modal-confirm.danger{background:#ef4444}.confirm-modal-cancel:disabled,.confirm-modal-confirm:disabled{opacity:.6;cursor:not-allowed}.guides-page{padding:40px 0 80px}.guides-inner{flex-direction:column;gap:28px;max-width:1200px;margin:0 auto;padding:0 24px;display:flex}.guides-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;display:flex}.guides-title{color:var(--text-primary);letter-spacing:-.03em;font-size:clamp(1.75rem,3vw,2.25rem);font-weight:800}.guides-subtitle{color:var(--text-secondary);margin-top:4px;font-size:.9375rem}.guides-new-btn{background:var(--clea-purple);color:#fff;border-radius:var(--radius-full);cursor:pointer;white-space:nowrap;transition:background var(--transition), transform var(--transition), box-shadow var(--transition);border:none;padding:10px 22px;font-family:inherit;font-size:.875rem;font-weight:600}.guides-new-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px #0000002e}.guides-cats{flex-wrap:wrap;gap:8px;display:flex}.guides-cat{border-radius:var(--radius-full);border:1.5px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);white-space:nowrap;padding:6px 16px;font-family:inherit;font-size:.8125rem;font-weight:500}.guides-cat.active{background:var(--clea-purple);border-color:var(--clea-purple);color:#fff}.guides-cat:hover:not(.active){border-color:var(--clea-purple);color:var(--text-primary)}.guides-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;display:grid}.guides-empty{text-align:center;color:var(--text-secondary);flex-direction:column;align-items:center;gap:12px;padding:60px 20px;display:flex}.guides-empty-icon{opacity:.5;font-size:2rem}.guide-card{border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-color);transition:transform var(--transition), box-shadow var(--transition);flex-direction:column;display:flex;overflow:hidden}.guide-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px #00000040}.guide-card-media{aspect-ratio:1;cursor:pointer;background:#000;border:none;width:100%;padding:0;display:block;position:relative;overflow:hidden}.guide-card-media-el{object-fit:cover;width:100%;height:100%;transition:transform var(--transition);display:block}.guide-card-media:hover .guide-card-media-el{transform:scale(1.04)}.guide-card-play{color:#fff;pointer-events:none;background:#0000008c;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:.9rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.guide-card-badge{border-radius:var(--radius-full);background:var(--clea-purple);color:#fff;padding:4px 10px;font-size:.6875rem;font-weight:700;position:absolute;top:10px;left:10px}.guide-card-pending-badge{border-radius:var(--radius-full);color:#f59e0b;background:#f59e0b29;margin-bottom:.5rem;padding:.2rem .6rem;font-size:.72rem;font-weight:700;display:inline-block}.guide-card-body{flex-direction:column;gap:8px;padding:14px 16px 16px;display:flex}.guide-card-author{align-items:center;gap:10px;text-decoration:none;display:flex}.guide-card-avatar{background:var(--clea-purple);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.8125rem;font-weight:700;display:flex;overflow:hidden}.guide-card-avatar img{object-fit:cover;width:100%;height:100%}.guide-card-name{color:var(--text-primary);font-size:.8125rem;font-weight:600}.guide-card-username{color:var(--text-muted);margin:0;font-size:.82rem;line-height:1.3}.guide-card-time{color:var(--text-secondary);font-size:.6875rem}.guide-card-title{color:var(--text-primary);font-size:.9375rem;font-weight:700}.guide-card-content{color:var(--text-secondary);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.8125rem;line-height:1.5;display:-webkit-box;overflow:hidden}.guide-card-actions{flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:4px;display:flex}.guide-card-like{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;align-items:center;gap:6px;font-family:inherit;font-size:.8125rem;font-weight:600;display:flex}.guide-card-like.liked{color:#e0245e}.guide-card-comments{color:var(--text-secondary);align-items:center;gap:6px;font-size:.8125rem;font-weight:600;text-decoration:none;display:flex}.guides-upload-btn{border:2px dashed var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-secondary);cursor:pointer;transition:all var(--transition);background:0 0;padding:28px;font-family:inherit;font-weight:600}.guides-upload-btn:hover{border-color:var(--clea-purple);color:var(--text-primary)}.guides-upload-preview{border-radius:var(--radius-md);background:#000;position:relative;overflow:hidden}.guides-upload-preview-el{object-fit:contain;width:100%;max-height:300px;display:block}.guides-upload-remove{color:#fff;border-radius:var(--radius-full);cursor:pointer;background:#000000b3;border:none;padding:6px 12px;font-family:inherit;font-size:.75rem;font-weight:600;position:absolute;top:8px;right:8px}.guides-lightbox{z-index:1000;background:#000000eb;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.guides-lightbox-content{border-radius:var(--radius-md);object-fit:contain;max-width:90vw;max-height:85vh}.guides-lightbox-close{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;width:40px;height:40px;font-size:1.1rem;position:absolute;top:20px;right:24px}.guide-skeleton{border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-color);padding-bottom:14px;overflow:hidden}.skel-square{aspect-ratio:1;width:100%}.guide-card-edit,.guide-card-delete{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;padding:6px 12px;font-size:.85rem}.guide-card-edit:hover{background:var(--border);color:var(--text-primary)}.guide-card-delete:hover{color:#ef4444;background:#ef44441f;border-color:#ef44444d}.guide-panel-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:300;background:#00000080;position:fixed;inset:0}.guide-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);z-index:301;flex-direction:column;width:min(480px,92vw);max-height:70vh;animation:.25s cubic-bezier(.34,1.56,.64,1) panelPopIn;display:flex;position:fixed;top:60%;left:50%;overflow:hidden;transform:translate(-50%,-50%);box-shadow:0 24px 60px #0006}@keyframes panelPopIn{0%{opacity:0;transform:translate(-50%,-48%)scale(.94)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.guide-panel-close{background:var(--bg-tertiary);width:32px;height:32px;color:var(--text-primary);cursor:pointer;z-index:10;transition:background var(--transition);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;display:flex;position:absolute;top:14px;right:14px}.guide-panel-close:hover{background:var(--border)}.guide-panel-scroll{height:100%;overflow-y:auto}.guide-panel-loading{height:100%;color:var(--text-muted);justify-content:center;align-items:center;display:flex}.guide-panel-media{cursor:zoom-in;background:#000;border:none;width:100%;padding:0;display:block;position:relative;overflow:hidden}.guide-panel-media-el{object-fit:cover;width:100%;max-height:35vh;display:block}.guide-panel-play{color:#fff;pointer-events:none;background:#0000008c;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:1rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.guide-panel-body{flex-direction:column;gap:14px;padding:20px 24px 40px;display:flex}.guide-panel-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.guide-panel-author{align-items:center;gap:10px;text-decoration:none;display:flex}.guide-panel-avatar{background:var(--clea-purple);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-weight:700;display:flex;overflow:hidden}.guide-panel-avatar img{object-fit:cover;width:100%;height:100%}.guide-panel-name{color:var(--text-primary);font-size:.875rem;font-weight:600}.guide-panel-time{color:var(--text-muted);font-size:.75rem}.guide-panel-badge{border-radius:var(--radius-full);background:var(--clea-purple);color:#fff;white-space:nowrap;padding:3px 10px;font-size:.7rem;font-weight:700}.guide-panel-title{color:var(--text-primary);font-size:1.15rem;font-weight:800}.guide-panel-content{color:var(--text-secondary);font-size:.9rem;line-height:1.65}.guide-panel-actions{border-top:1px solid var(--border);align-items:center;gap:16px;padding-top:12px;display:flex}.guide-panel-like{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;align-items:center;gap:6px;font-family:inherit;font-size:.875rem;font-weight:600;display:flex}.guide-panel-like.liked{color:#e0245e}.guide-panel-comment-count{color:var(--text-secondary);font-size:.875rem;font-weight:600}.guide-panel-edit,.guide-panel-delete{border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;margin-left:auto;padding:5px 10px;font-family:inherit;font-size:.8rem}.guide-panel-edit:hover{background:var(--border);color:var(--text-primary)}.guide-panel-delete:hover{color:#ef4444;background:#ef44441f;border-color:#ef44444d}.guide-panel-comments{flex-direction:column;gap:14px;margin-top:8px;display:flex}.guide-panel-comments-title{color:var(--text-primary);font-size:.9375rem;font-weight:700}.guide-panel-comments-empty{color:var(--text-muted);font-size:.875rem}.guide-panel-lightbox{z-index:400;background:#000000eb;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}@media (width<=600px){.guide-panel{border-left:none;width:85vw}}@media (width<=640px){.guides-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}}.profile-page{padding:0 0 80px}.profile-inner{flex-direction:column;gap:0;max-width:720px;margin:0 auto;padding:0 24px;display:flex}.profile-banner{height:160px;margin:0 -24px;display:block;position:relative;overflow:hidden}.profile-banner-canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.profile-banner-animated{background:radial-gradient(ellipse at 20% 50%, color-mix(in srgb, var(--banner-color) 90%, #fff 30%) 0%, transparent 60%), radial-gradient(ellipse at 80% 20%, color-mix(in srgb, var(--banner-color) 70%, #000 40%) 0%, transparent 55%), radial-gradient(ellipse at 60% 80%, color-mix(in srgb, var(--banner-color) 80%, #fff 15%) 0%, transparent 50%), color-mix(in srgb, var(--banner-color) 60%, #000 40%);background-size:200% 200%,200% 200%,200% 200%,100%;animation:8s ease-in-out infinite alternate banner-aurora}@keyframes banner-aurora{0%{background-position:0 0,100% 100%,50% 0,0 0}33%{background-position:100%,0%,100% 100%,0 0}66%{background-position:50% 100%,50% 0,0%,0 0}to{background-position:100% 0,0 100%,50% 100%,0 0}}.profile-banner:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(#0000 55%,#00000042 100%);position:absolute;inset:0}.profile-banner-icons{z-index:1;pointer-events:none;position:absolute;inset:0}.profile-banner-device{background:color-mix(in srgb, var(--banner-device-color,#fff) 76%, #fff 24%);opacity:.85;filter:drop-shadow(0 10px 16px #00000038);width:120px;height:120px;-webkit-mask:var(--device-icon) center / contain no-repeat;-webkit-mask:var(--device-icon) center / contain no-repeat;mask:var(--device-icon) center / contain no-repeat;animation:5.8s ease-in-out infinite profile-device-float;animation-delay:var(--float-delay);position:absolute;top:45%}.profile-banner-device-md,.profile-banner-device-lg{width:84px;height:84px}.profile-banner-device-left{right:130px;transform:translateY(-50%)scaleX(-1)rotate(-7deg)}.profile-banner-device-right{right:24px;transform:translateY(-50%)rotate(7deg)}.profile-banner-device-left.profile-banner-device-md{right:122px}.profile-banner-device-right.profile-banner-device-md{right:24px}@keyframes profile-device-float{0%,to{translate:0}50%{translate:0 -10px}}.profile-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);z-index:1;box-shadow:var(--shadow-md);flex-direction:column;gap:20px;margin-top:-40px;padding:0 28px 28px;display:flex;position:relative;overflow:visible!important}.profile-avatar-wrap .presence-dot{z-index:1;position:absolute;bottom:6px;left:6px}.profile-card-top{justify-content:space-between;align-items:flex-end;padding-top:0;display:flex}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.profile-avatar-wrap{z-index:2;flex-shrink:0;margin-top:-56px;position:relative}.profile-avatar{border-radius:var(--radius-full);border:4px solid var(--surface);background:var(--clea-purple);width:112px;height:112px;box-shadow:var(--shadow-md);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.profile-avatar img{object-fit:cover;width:100%;height:100%}.profile-avatar-letter{color:#fff;font-family:Space Grotesk,sans-serif;font-size:2.25rem;font-weight:700}.profile-avatar-uploading{background:#00000080;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.profile-avatar-edit-btn{border-radius:var(--radius-full);background:var(--clea-purple);border:2px solid var(--surface);color:#fff;cursor:pointer;width:28px;height:28px;transition:background var(--transition), transform var(--transition);justify-content:center;align-items:center;font-size:.75rem;display:flex;position:absolute;bottom:0;right:0}.profile-avatar-edit-btn:hover{background:var(--clea-purple-dark);transform:scale(1.1)}.profile-avatar-zoomable{cursor:pointer;transition:filter var(--transition)}.profile-avatar-zoomable:hover{filter:brightness(.93)}.profile-avatar-zoomable:focus-visible{outline:2px solid var(--clea-purple);outline-offset:3px}.avatar-zoom-overlay{-webkit-backdrop-filter:blur(50px)saturate(180%);z-index:300;background:#0a0a0f8c;justify-content:center;align-items:center;padding:32px;animation:.22s avatarZoomFadeIn;display:flex;position:fixed;inset:0}.avatar-zoom-img{aspect-ratio:1;object-fit:cover;border-radius:50%;width:min(90vw,380px);height:min(90vw,380px);animation:.26s cubic-bezier(.34,1.56,.64,1) avatarZoomIn;box-shadow:0 20px 60px #00000073}.avatar-zoom-close{border-radius:var(--radius-full);color:#fff;cursor:pointer;width:40px;height:40px;transition:background var(--transition), transform var(--transition);background:#ffffff1f;border:1px solid #ffffff40;justify-content:center;align-items:center;font-family:inherit;font-size:1.1rem;display:flex;position:absolute;top:24px;right:24px}.avatar-zoom-close:hover{background:#ffffff38;transform:scale(1.08)}@keyframes avatarZoomFadeIn{0%{opacity:0}to{opacity:1}}@keyframes avatarZoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.avatar-zoom-overlay,.avatar-zoom-img{animation:none}}.profile-card-actions{align-items:center;gap:10px;padding-bottom:4px;display:flex;position:relative;top:15px}.profile-saved-badge{color:var(--clea-teal);border-radius:var(--radius-sm);background:#0dbfb01a;padding:6px 12px;font-size:.8125rem;font-weight:600}.profile-edit-btn{border:1.5px solid var(--border);border-radius:var(--radius-full);color:var(--text-primary);background:var(--bg-primary);cursor:pointer;transition:border-color var(--transition), background var(--transition);align-items:center;gap:6px;padding:8px 18px;font-family:inherit;font-size:.875rem;font-weight:600;display:inline-flex}.profile-edit-btn:hover{border-color:var(--clea-purple);color:var(--clea-purple);background:var(--bg-tertiary)}.profile-info{flex-direction:column;gap:8px;display:flex}.profile-name-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.profile-name{color:var(--text-primary);letter-spacing:-.03em;font-size:1.5rem;font-weight:800}.profile-device-badge{border-radius:var(--radius-full);padding:3px 10px;font-size:.75rem;font-weight:700}.profile-email{color:var(--text-muted);font-size:.875rem}.profile-username{color:var(--text-muted);margin:2px 0 0;font-size:.92rem}.profile-bio{color:var(--text-secondary);max-width:520px;margin-top:4px;font-size:.9375rem;line-height:1.65}.profile-bio-placeholder{color:var(--text-muted);margin-top:4px;font-size:.875rem;font-style:italic}.profile-edit-form{flex-direction:column;gap:18px;display:flex}.profile-form-field{flex-direction:column;gap:6px;display:flex}.profile-form-label{color:var(--text-primary);font-size:.8125rem;font-weight:600}.profile-form-input{background:var(--bg-primary);border:1.5px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:border-color var(--transition), box-shadow var(--transition);outline:none;padding:11px 14px;font-family:inherit;font-size:.9rem}.profile-form-input::placeholder{color:var(--text-muted)}.profile-form-input:focus{border-color:var(--clea-purple);box-shadow:0 0 0 3px #7c5cfc1a}.profile-form-textarea{resize:vertical;min-height:100px;line-height:1.6}.profile-form-counter{color:var(--text-muted);text-align:right;margin-top:-2px;font-size:.75rem}.profile-device-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.profile-device-btn{background:var(--bg-primary);border:1.5px solid var(--border);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition);text-align:center;padding:10px 14px;font-family:inherit;font-size:.875rem;font-weight:500}.profile-device-btn:hover{border-color:var(--text-primary);color:var(--text-primary);background:var(--bg-tertiary)}.profile-device-btn.active{border-color:var(--text-primary);background:var(--text-primary);color:var(--bg-primary);font-weight:600}.profile-banner-color-grid{flex-wrap:wrap;gap:10px;display:flex}.profile-banner-color-swatch{background:var(--swatch);cursor:pointer;width:26px;min-width:26px;height:26px;min-height:26px;transition:transform var(--transition), box-shadow var(--transition);border:2px solid #0000;border-radius:50%;flex-shrink:0;padding:0}.profile-banner-color-swatch:hover{transform:scale(1.08)}.profile-banner-color-swatch.active{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--swatch)}.profile-banner-color-swatch:focus-visible{outline:2px solid var(--clea-purple);outline-offset:3px}.profile-edit-footer{justify-content:flex-end;gap:10px;padding-top:4px;display:flex}.profile-cancel-btn{border-radius:var(--radius-md);color:var(--text-secondary);background:var(--bg-tertiary);cursor:pointer;transition:background var(--transition);border:none;padding:10px 20px;font-family:inherit;font-size:.875rem;font-weight:500}.profile-cancel-btn:hover{background:var(--border)}.profile-save-btn{background:var(--clea-purple);color:#fff;border-radius:var(--radius-md);cursor:pointer;min-width:160px;min-height:40px;transition:background var(--transition);border:none;justify-content:center;align-items:center;padding:10px 24px;font-family:inherit;font-size:.875rem;font-weight:600;display:flex}.profile-save-btn:hover:not(:disabled){background:var(--clea-purple-dark)}.profile-save-btn:disabled{opacity:.6;cursor:not-allowed}.profile-stats-bar{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);align-items:center;gap:0;margin-top:16px;padding:20px 28px;display:flex}.profile-stat-item{flex-direction:column;flex:1;align-items:center;gap:3px;display:flex}.profile-stat-value{color:var(--text-primary);letter-spacing:-.02em;font-family:Space Grotesk,sans-serif;font-size:1.25rem;font-weight:700}.profile-stat-label{color:var(--text-muted);text-align:center;font-size:.75rem}.profile-stat-divider{background:var(--border);flex-shrink:0;width:1px;height:36px}.profile-loading{align-items:center;gap:16px;max-width:720px;margin:60px auto;padding:0 24px;display:flex}.profile-loading-avatar{background:var(--border);border-radius:50%;flex-shrink:0;width:88px;height:88px;animation:1.4s ease-in-out infinite shimmer}.profile-loading-lines{flex-direction:column;flex:1;gap:10px;display:flex}.profile-not-found{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:16px;padding:100px 24px;font-size:1rem;display:flex}.profile-not-found span{color:var(--clea-purple);opacity:.3;font-size:3rem}.profile-not-found button{background:var(--clea-purple);color:#fff;border-radius:var(--radius-full);cursor:pointer;transition:background var(--transition);border:none;padding:9px 20px;font-family:inherit;font-size:.875rem;font-weight:600}.profile-not-found button:hover{background:var(--clea-purple-dark)}.profile-stat-clickable{cursor:pointer;background:0 0;border:none;font-family:inherit}.profile-posts-list{flex-direction:column;gap:8px;margin-top:16px;display:flex}.profile-post-item{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);transition:border-color var(--transition);align-items:center;gap:12px;padding:10px 14px;text-decoration:none;display:flex}.profile-post-item:hover{border-color:var(--clea-purple)}.profile-post-thumb{object-fit:cover;border-radius:8px;flex-shrink:0;width:44px;height:44px}.profile-post-info{flex-direction:column;gap:2px;min-width:0;display:flex}.profile-post-title{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:600;overflow:hidden}.profile-post-meta{color:var(--text-secondary);font-size:.75rem}.profile-posts-loading,.profile-posts-empty{color:var(--text-secondary);padding:12px 0;font-size:.8125rem}.profile-edit-delete-row{justify-content:flex-start;margin-top:.25rem;display:flex}.profile-delete-link-btn{color:#ef4444;cursor:pointer;opacity:.7;background:0 0;border:none;padding:0;font-size:.8rem;text-decoration:underline;transition:opacity .15s}.profile-delete-link-btn:hover{opacity:1}.profile-delete-account-btn{color:#fca5a5;cursor:pointer;background:#7f1d1d;border:1px solid #991b1b;border-radius:8px;justify-content:center;align-items:center;padding:.55rem 1.2rem;font-size:.875rem;font-weight:600;transition:background .15s,color .15s;display:flex}.profile-delete-account-btn:hover:not(:disabled){color:#fee2e2;background:#991b1b}.profile-delete-account-btn:disabled{opacity:.6;cursor:not-allowed}.profile-private-notice{color:var(--text-muted);align-items:center;gap:.4rem;margin-top:.5rem;font-size:.85rem;display:flex}.profile-private-notice .material-symbols-outlined{font-size:1rem}.profile-post-type-badge{white-space:nowrap;border-radius:99px;flex-shrink:0;padding:2px 7px;font-size:.7rem;font-weight:700}.badge-community,.badge-guide{color:#fff;background:#0008}.profile-following-btn{background:var(--clea-purple);color:#fff;border-color:var(--clea-purple)}.profile-following-btn:hover{background:var(--clea-purple-dark);border-color:var(--clea-purple-dark);color:#fff}@media (width<=600px){.profile-page{padding:0 0 60px}.profile-inner{padding:0 16px}.profile-card{padding:0 20px 20px}.profile-avatar{width:72px;height:72px}.profile-avatar-letter{font-size:1.75rem}.profile-name{font-size:1.25rem}.profile-device-grid{grid-template-columns:repeat(2,1fr)}.profile-stats-bar{padding:16px 20px}.avatar-zoom-close{top:16px;right:16px}.profile-banner{height:120px;margin:0 -16px}.profile-banner-device-lg{width:72px;height:72px}.profile-banner-device-md{width:60px;height:60px}.profile-banner-device-left{right:88px}.profile-banner-device-right{right:14px}.profile-banner-device-left.profile-banner-device-md{right:82px}.profile-banner-device-right.profile-banner-device-md{right:14px}.profile-stat-item .profile-stat-value{font-size:small}}.presence-dot{border:2px solid var(--surface);transition:background var(--transition);border-radius:50%;flex-shrink:0;display:inline-block;box-shadow:0 1px 3px #0000002e}.presence-dot-sm{width:9px;height:9px}.presence-dot-md{width:13px;height:13px}.presence-dot-lg{width:16px;height:16px}.presence-dot.is-online{background:radial-gradient(circle at 30% 30%,#4ade80,#16a34a);animation:2.2s ease-out infinite presence-pulse}.presence-dot.is-offline{background:radial-gradient(circle at 30% 30%,#9ca3af,#6b7280)}@keyframes presence-pulse{0%{box-shadow:0 0 #22c55e73,0 1px 3px #0000002e}70%{box-shadow:0 0 0 6px #22c55e00,0 1px 3px #0000002e}to{box-shadow:0 0 #22c55e00,0 1px 3px #0000002e}}@media (prefers-reduced-motion:reduce){.presence-dot.is-online{animation:none}}.auth-page{justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex;position:relative;overflow:hidden}.auth-bg{pointer-events:none;z-index:0;position:fixed;inset:0}.auth-blob{filter:blur(90px);opacity:.22;border-radius:50%;position:absolute}.auth-blob-1{background:var(--clea-purple);width:500px;height:500px;top:-150px;right:-100px}.auth-blob-2{background:var(--clea-teal);width:400px;height:400px;bottom:-100px;left:-80px}.auth-card{z-index:1;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:420px;box-shadow:var(--shadow-lg);flex-direction:column;gap:24px;padding:40px 36px;display:flex;position:relative}.auth-logo{justify-content:center;align-items:center;text-decoration:none;display:flex}.auth-logo-img{object-fit:contain;width:auto;height:60px}.auth-header{flex-direction:column;align-items:center;gap:6px;display:flex}.auth-title{color:var(--text-primary);letter-spacing:-.03em;font-size:1.5rem;font-weight:700}.auth-subtitle{color:var(--text-secondary);font-size:.875rem}.auth-link{color:var(--clea-purple);cursor:pointer;font-weight:500;font-size:inherit;transition:color var(--transition);background:0 0;border:none;padding:0;font-family:inherit}.auth-link:hover{color:#b1b1b1;text-decoration:underline}.auth-google-btn{background:var(--bg-primary);border:1.5px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);cursor:pointer;transition:background var(--transition), border-color var(--transition), transform var(--transition);justify-content:center;align-items:center;gap:10px;padding:11px 20px;font-family:inherit;font-size:.9375rem;font-weight:500;display:flex}.auth-google-btn:hover:not(:disabled){background:var(--surface-hover);border-color:var(--clea-purple-light);transform:translateY(-1px)}.auth-google-btn:disabled{opacity:.5;cursor:not-allowed}.auth-divider{color:var(--text-muted);align-items:center;gap:12px;font-size:.75rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--border);flex:1;height:1px}.auth-message{border-radius:var(--radius-sm);padding:10px 14px;font-size:.8125rem;font-weight:500;line-height:1.5}.auth-message-error{color:#ef4444;background:#ef444414;border:1px solid #ef444433}.auth-message-info{color:var(--clea-teal);background:#0dbfb014;border:1px solid #0dbfb033}.auth-form{flex-direction:column;gap:18px;display:flex}.auth-field{flex-direction:column;gap:6px;display:flex}.auth-label{color:var(--text-primary);font-size:.8125rem;font-weight:600}.auth-label-row{justify-content:space-between;align-items:center;display:flex}.auth-forgot{font-size:.75rem}.auth-input{background:var(--bg-primary);border:1.5px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:border-color var(--transition), box-shadow var(--transition);outline:none;padding:11px 14px;font-size:.9375rem}.auth-input::placeholder{color:var(--text-muted)}.auth-input:focus{border-color:var(--clea-purple);box-shadow:0 0 0 3px #7c5cfc1f}.auth-submit{background:var(--clea-purple);color:#fff;border-radius:var(--radius-md);cursor:pointer;width:100%;min-height:48px;transition:background var(--transition), transform var(--transition), box-shadow var(--transition);border:none;justify-content:center;align-items:center;padding:13px;font-family:inherit;font-size:.9375rem;font-weight:600;display:flex}.auth-submit:hover:not(:disabled){background:var(--clea-purple-dark);transform:translateY(-1px);box-shadow:0 4px 16px #7c5cfc4d}.auth-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}.auth-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.auth-terms{color:var(--text-muted);text-align:center;margin-top:-4px;font-size:.75rem;line-height:1.6}.auth-hint{color:var(--text-muted);margin:0;font-size:.78rem}@media (width<=480px){.auth-card{border-radius:var(--radius-md);padding:32px 24px}}.admin-page{padding:40px 0 80px}.admin-inner{flex-direction:column;gap:28px;max-width:1000px;margin:0 auto;padding:0 24px;display:flex}.admin-eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--clea-purple);margin-bottom:8px;font-size:.75rem;font-weight:700}.admin-title{color:var(--text-primary);letter-spacing:-.03em;font-size:clamp(1.75rem,3vw,2.25rem);font-weight:800}.admin-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.admin-badge{border-radius:var(--radius-full);color:var(--clea-purple);text-transform:uppercase;letter-spacing:.1em;background:#7c5cfc1f;border:1px solid #7c5cfc4d;flex-shrink:0;margin-top:4px;padding:5px 14px;font-size:.75rem;font-weight:700}.admin-tabs{border-bottom:1px solid var(--border);gap:4px;padding-bottom:0;display:flex}.admin-tab{border-radius:var(--radius-sm) var(--radius-sm) 0 0;color:var(--text-secondary);cursor:pointer;transition:color var(--transition), border-color var(--transition), background var(--transition);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:6px;margin-bottom:-1px;padding:10px 18px;font-family:inherit;font-size:.875rem;font-weight:500;display:flex}.admin-tab:hover{color:var(--text-primary);background:var(--surface-hover)}.admin-tab.active{color:var(--clea-purple);border-bottom-color:var(--clea-purple);background:var(--bg-tertiary);font-weight:600}.admin-tab-badge{color:#fff;border-radius:var(--radius-full);background:#f59e0b;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:.6875rem;font-weight:700;display:flex}.admin-stats-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.admin-stat-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);border-top:3px solid var(--sc);transition:transform var(--transition), box-shadow var(--transition);flex-direction:column;gap:6px;padding:22px;display:flex}.admin-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.admin-stat-value{color:var(--sc);font-family:Space Grotesk,sans-serif;font-size:2rem;font-weight:700;line-height:1}.admin-stat-label{color:var(--text-secondary);font-size:.8125rem;line-height:1.4}.admin-list{flex-direction:column;gap:12px;display:flex}.admin-loading-text{color:var(--text-muted);padding:20px 0;font-size:.9rem}.admin-empty{text-align:center;color:var(--text-muted);background:var(--surface);border:1.5px dashed var(--border);border-radius:var(--radius-lg);padding:40px}.admin-post-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--transition);align-items:flex-start;gap:16px;padding:18px 20px;display:flex}.admin-post-item.pending{border-left:3px solid #f59e0b}.admin-post-info{flex:1;min-width:0}.admin-guide-thumb{border-radius:var(--radius-sm,8px);background:var(--border);flex-shrink:0;width:72px;height:72px;overflow:hidden}.admin-guide-thumb img,.admin-guide-thumb video{object-fit:cover;width:100%;height:100%}.admin-post-title-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:4px;display:flex}.admin-post-title{color:var(--text-primary);font-size:.9375rem;font-weight:700}.admin-post-status{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.06em;padding:2px 8px;font-size:.6875rem;font-weight:700}.admin-post-status.approved{color:#10b981;background:#10b9811a}.admin-post-status.pending{color:#f59e0b;background:#f59e0b1a}.admin-post-meta{color:var(--text-muted);margin-bottom:6px;font-size:.75rem}.admin-post-preview{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8125rem;line-height:1.55;display:-webkit-box;overflow:hidden}.admin-post-actions{flex-direction:column;flex-shrink:0;gap:6px;display:flex}.admin-action-btn{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;transition:all var(--transition);border:none;padding:7px 14px;font-family:inherit;font-size:.8125rem;font-weight:600}.btn-success{color:#10b981;background:#10b9811a;border:1px solid #10b98140}.btn-success:hover{background:#10b9812e}.btn-warn{color:#f59e0b;background:#f59e0b1a;border:1px solid #f59e0b40}.btn-warn:hover{background:#f59e0b2e}.btn-danger{color:#ef4444;background:#ef444414;border:1px solid #ef444433}.btn-danger:hover{background:#ef444426}.btn-ghost{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover{background:var(--border);color:var(--text-primary)}.admin-user-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:border-color var(--transition);align-items:center;gap:14px;padding:14px 18px;display:flex}.admin-user-item:hover{border-color:var(--clea-purple-light)}.admin-user-avatar{border-radius:var(--radius-full);background:var(--clea-purple);flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex;overflow:hidden}.admin-user-avatar img{object-fit:cover;width:100%;height:100%}.admin-user-avatar span{color:#fff;font-size:.9rem;font-weight:700}.admin-user-info{flex:1;min-width:0}.admin-user-name{color:var(--text-primary);font-size:.9rem;font-weight:600}.admin-user-email{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;overflow:hidden}.admin-user-meta{color:var(--text-muted);margin-top:2px;font-size:.75rem}.admin-user-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.admin-role-badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.06em;padding:3px 10px;font-size:.6875rem;font-weight:700}.role-admin{color:var(--clea-purple);background:#7c5cfc1f}.role-suspended{color:#ef4444;background:#ef44441f}.admin-report-link{color:var(--clea-purple);margin-top:6px;font-size:.85rem;text-decoration:none;display:inline-block}.admin-report-link:hover{text-decoration:underline}@media (width<=900px){.admin-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.admin-page{padding:24px 0 60px}.admin-inner{gap:20px;padding:0 16px}.admin-stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.admin-post-item{flex-direction:column}.admin-post-actions{flex-direction:row}.admin-user-actions{flex-direction:column;align-items:flex-end}}.chat-list-page{max-width:640px;margin:0 auto;padding:32px 24px 80px}.chat-list-title{margin-bottom:20px;font-family:Space Grotesk,sans-serif;font-size:1.5rem}.chat-list-empty{color:var(--text-muted);text-align:center;flex-direction:column;align-items:center;gap:10px;padding:60px 20px;display:flex}.chat-list-empty-icon{opacity:.4}.chat-list-empty p{margin:0;font-size:.9rem}.chat-list{flex-direction:column;gap:4px;display:flex}.chat-list-item{border-radius:var(--radius-lg);cursor:pointer;text-align:left;transition:background var(--transition), border-color var(--transition);background:0 0;background:var(--surface);border:1px solid #0000;border-color:var(--border);align-items:center;gap:14px;padding:12px;display:flex}.chat-list-item:hover{border-color:var(--border);background:#b9b9b969}.chat-list-avatar-wrap{flex-shrink:0;position:relative}.chat-list-avatar{background:var(--clea-purple);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-family:Space Grotesk,sans-serif;font-weight:700;display:flex;overflow:hidden}.chat-list-avatar img{object-fit:cover;width:100%;height:100%}.chat-list-avatar-wrap .presence-dot{position:absolute;bottom:0;right:0}.chat-list-info{flex-direction:column;gap:2px;display:flex;overflow:hidden}.chat-list-name{color:#fff;font-size:.9375rem;font-weight:600}.chat-list-preview{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;overflow:hidden}.chat-list-name-row{align-items:center;gap:6px;display:flex}.chat-unread-badge{color:#fff;background:#ef4444;border-radius:99px;padding:1px 6px;font-size:.7rem;font-weight:700;line-height:1.6}.chat-list-preview-unread{color:var(--text-primary);font-weight:600}@media (width<=600px){.chat-list-page{padding:20px 16px 60px}.chat-list-title{margin-bottom:14px;font-size:1.25rem}.chat-list-avatar{width:42px;height:42px;font-size:.85rem}.chat-list-name{font-size:.88rem}.chat-list-preview{font-size:.78rem}}.chatroom-page{flex-direction:column;max-width:640px;height:calc(100vh - 64px);margin:0 auto;display:flex}.chatroom-header{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:16px 24px;display:flex}.chatroom-back{color:var(--text-primary);cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition);background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex}.chatroom-back:hover{background:var(--bg-tertiary)}.chatroom-avatar-wrap{position:relative}.chatroom-avatar{background:var(--clea-purple);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:.875rem;font-weight:700;display:flex;overflow:hidden}.chatroom-avatar img{object-fit:cover;width:100%;height:100%}.chatroom-avatar-wrap .presence-dot{position:absolute;bottom:0;right:0}.chatroom-name{font-weight:600}.chatroom-messages{flex-direction:column;flex:1;gap:8px;padding:20px 24px;display:flex;overflow-y:auto}.chatroom-empty{color:var(--text-muted);text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding:40px 20px;display:flex}.chatroom-empty-icon{opacity:.4}.chatroom-empty p{margin:0;font-size:.875rem}.chatroom-bubble{word-break:break-word;border-radius:16px;max-width:70%;padding:10px 14px;font-size:.9375rem;line-height:1.4}.chatroom-bubble.theirs{background:var(--surface);border:1px solid var(--border);border-bottom-left-radius:4px;align-self:flex-start}.chatroom-bubble.own{background:var(--clea-purple);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}.chatroom-input-row{border-top:1px solid var(--border);gap:10px;padding:16px 24px;display:flex}.chatroom-input{border-radius:var(--radius-full);border:1px solid var(--border);background:var(--surface);color:var(--text-primary);flex:1;padding:10px 14px;font-size:.9375rem}.chatroom-input:focus{border-color:var(--clea-purple);outline:none}.chatroom-send-btn{background:var(--clea-purple);color:#fff;cursor:pointer;width:42px;height:42px;transition:background var(--transition), transform var(--transition);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.chatroom-send-btn:hover:not(:disabled){transform:scale(1.06)}.chatroom-send-btn:disabled{opacity:.5;cursor:default}@media (width<=700px){.chatroom-page{height:calc(100vh - var(--nav-height));max-width:100%}.chatroom-header{padding:12px 16px}.chatroom-avatar{width:34px;height:34px;font-size:.8rem}.chatroom-name{font-size:.9rem}.chatroom-messages{padding:14px 16px}.chatroom-bubble{max-width:82%;padding:9px 12px;font-size:.875rem}.chatroom-input-row{gap:8px;padding:10px 12px}.chatroom-input{padding:9px 12px;font-size:.875rem}.chatroom-send-btn{width:38px;height:38px}}@keyframes chatroom-lightbox-fade{0%{opacity:0}to{opacity:1}}@media (width<=600px){.chatroom-lightbox{padding:12px}.chatroom-lightbox-close{top:10px;right:10px}}.chatroom-lightbox{z-index:1000;background:#000000e0;justify-content:center;align-items:center;padding:24px;animation:.15s ease-out chatroom-lightbox-fade;display:flex;position:fixed;inset:0}.chatroom-lightbox-content{border-radius:var(--radius-lg,12px);object-fit:contain;max-width:100%;max-height:100%;box-shadow:0 10px 40px #00000080}.chatroom-lightbox-close{color:#fff;cursor:pointer;background:#ffffff1f;border:none;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background .15s;display:flex;position:absolute;top:18px;right:18px}.chatroom-lightbox-close:hover{background:#ffffff38}@media (width<=600px){.chatroom-lightbox{padding:12px}.chatroom-lightbox-close{top:10px;right:10px}}.chatroom-preview-box{flex-direction:column;align-items:center;gap:16px;max-width:100%;max-height:100%;display:flex}.chatroom-preview-box .chatroom-lightbox-content{max-height:70vh}.chatroom-preview-actions{gap:12px;display:flex}.chatroom-preview-cancel,.chatroom-preview-send{cursor:pointer;border:none;border-radius:999px;align-items:center;gap:6px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:opacity .15s;display:flex}.chatroom-preview-cancel{color:#fff;background:#ffffff1f}.chatroom-preview-cancel:hover{background:#fff3}.chatroom-preview-send{background:var(--clea-purple,#7c3aed);color:#fff}.chatroom-preview-send:hover{opacity:.9}.chatroom-preview-cancel:disabled,.chatroom-preview-send:disabled{opacity:.6;cursor:not-allowed}.comment-like:hover,.comment-like.liked{color:#e0245e}@media (width<=700px){.post-detail-avatar{width:38px;height:38px}.post-detail-title{font-size:1.25rem}.post-detail-badges{flex-wrap:wrap;justify-content:flex-end}.post-detail-badge,.post-detail-resolved-badge{padding:.25rem .6rem;font-size:.7rem}.post-detail-actions{flex-wrap:wrap;gap:.9rem}.comment-item{gap:.5rem}.comment-avatar{width:30px;height:30px}.comment-body{padding:.55rem .75rem}.comment-footer{flex-wrap:wrap;gap:.6rem}}@media (width<=480px){.post-detail-title{font-size:1.1rem}.post-detail-content{font-size:.9rem}.post-detail-actions{padding-top:.85rem}.post-detail-like{font-size:.85rem}.post-detail-comment-count{font-size:.8rem}.comment-form-submit{text-align:center;align-self:stretch;width:100%}.comment-author-name{font-size:.8rem}.comment-text{font-size:.87rem}}.donate-fab{z-index:150;border-radius:var(--radius-full);background:var(--clea-purple);color:#fff;cursor:pointer;box-shadow:var(--shadow-lg);transition:transform var(--transition), box-shadow var(--transition), background var(--transition);border:none;align-items:center;gap:8px;padding:14px 20px;font-family:inherit;font-size:.9rem;font-weight:700;display:flex;position:fixed;bottom:24px;right:24px}.donate-fab:hover{box-shadow:var(--shadow-md);background-color:#0000;border:1px solid #ffffff80;transform:translateY(-2px)scale(1.1)}.donate-fab svg{color:#000;fill:#fff;flex-shrink:0}.donate-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#00000080;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.donate-modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:440px;max-height:90vh;box-shadow:var(--shadow-lg);flex-direction:column;gap:18px;padding:24px;display:flex;overflow-y:auto}.donate-modal-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.donate-modal-title{color:var(--text-primary);margin:0;font-size:1.2rem;font-weight:800}.donate-modal-close{border-radius:var(--radius-sm);background:var(--bg-tertiary);cursor:pointer;width:32px;height:32px;color:var(--text-secondary);transition:background var(--transition), color var(--transition);border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.donate-modal-close:hover{background:var(--border);color:var(--text-primary)}.donate-modal-desc{color:var(--text-secondary);margin:0;font-size:.9rem;line-height:1.55}.donate-section{border-top:1px solid var(--border);flex-direction:column;gap:8px;padding-top:14px;display:flex}.donate-section:first-of-type{border-top:none;padding-top:0}.donate-section-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);font-size:.75rem;font-weight:700}.donate-section-note{color:var(--text-muted);margin:0;font-size:.78rem}.donate-paypal-form{display:flex}.donate-paypal-form input[type=image]{cursor:pointer;border:none}.donate-mp-btn{border-radius:var(--radius-md);background:var(--clea-purple);color:#fff;width:fit-content;transition:background var(--transition), transform var(--transition);justify-content:center;align-items:center;padding:11px 18px;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.donate-mp-btn:hover{background:var(--clea-purple-dark);transform:translateY(-1px)}.donate-copy-field{background:var(--bg-tertiary);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.donate-copy-info{flex-direction:column;gap:2px;min-width:0;display:flex}.donate-copy-label{color:var(--text-muted);font-size:.72rem;font-weight:600}.donate-copy-value{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;font-weight:600;overflow:hidden}.donate-copy-btn{border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);color:var(--text-primary);cursor:pointer;transition:background var(--transition), border-color var(--transition);flex-shrink:0;align-items:center;gap:5px;padding:6px 10px;font-family:inherit;font-size:.78rem;font-weight:600;display:flex}.donate-copy-btn:hover{border-color:var(--clea-purple)}.donate-fab-inline{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-size:.8125rem;display:inline-flex}.donate-fab-inline:hover{color:var(--text)}@media (width<=600px){.donate-fab{padding:10px 20px;font-size:.85rem;bottom:16px;right:50%;transform:translate(50%)}.donate-modal{gap:14px;padding:20px}.donate-modal-title{font-size:1.05rem}.donate-copy-field{flex-direction:column;align-items:stretch}.donate-copy-btn{justify-content:center}}.post-detail-page{padding:32px 0 80px}.post-detail-inner{flex-direction:column;gap:20px;max-width:760px;margin:0 auto;padding:0 24px;display:flex}.post-detail-back{color:var(--text-secondary);align-items:center;gap:6px;width:fit-content;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex}.post-detail-back:hover{color:var(--text-primary)}.post-detail-notfound{text-align:center;color:var(--text-secondary);flex-direction:column;align-items:center;gap:16px;padding:80px 24px;display:flex}.post-detail-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;gap:16px;padding:24px;display:flex}.post-detail-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}a.post-detail-author{color:inherit;align-items:center;gap:10px;text-decoration:none;display:flex}.post-detail-comments{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;padding:24px;display:flex}.post-detail-avatar{border-radius:var(--radius-full);background:var(--bg-tertiary);width:44px;height:44px;color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex;overflow:hidden}.post-detail-avatar img{object-fit:cover;width:100%;height:100%}.post-detail-name{color:var(--text-primary);margin:0;font-weight:600}.post-detail-time{color:var(--text-muted);margin:0;font-size:.8rem}.post-detail-badge{border-radius:var(--radius-full);background:color-mix(in srgb, var(--cat-color) 14%, transparent);color:var(--cat-color);white-space:nowrap;flex-shrink:0;padding:.3rem .75rem;font-size:.75rem;font-weight:600}.post-detail-title{color:var(--text-primary);margin:0 0 .75rem;font-size:1.5rem;font-weight:700}.post-detail-content{color:var(--text-secondary);white-space:pre-wrap;margin:0 0 1.25rem;line-height:1.6}.post-detail-actions{border-top:1px solid var(--border);align-items:center;gap:1.25rem;padding-top:1rem;display:flex}.post-detail-like{cursor:pointer;color:var(--text-secondary);border-radius:var(--radius-sm);transition:var(--transition);background:0 0;border:none;align-items:center;gap:.4rem;padding:.25rem .5rem;font-size:.95rem;display:flex}.post-detail-like:hover{background:var(--bg-tertiary)}.post-detail-like.liked{color:#e0245e}.post-detail-comment-count{color:var(--text-muted);font-size:.9rem}.post-detail-comments-title{color:var(--text-primary);margin:0 0 1rem;font-size:1.1rem;font-weight:700}.comment-form{flex-direction:column;gap:.6rem;margin-bottom:1.5rem;display:flex}.comment-form-input{resize:vertical;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:100%;color:var(--text-primary);padding:.75rem 1rem;font-family:inherit;font-size:.95rem}.comment-form-input:focus{box-shadow:var(--ring);outline:none}.comment-form-error{color:#ef4444;margin:-.25rem 0 0;font-size:.85rem}.comment-form-submit{background:var(--clea-purple);color:#fff;border-radius:var(--radius-full);cursor:pointer;transition:var(--transition);border:none;align-self:flex-end;padding:.55rem 1.25rem;font-weight:600}.comment-form-submit:disabled{opacity:.5;cursor:not-allowed}.comment-form-submit:not(:disabled):hover{filter:brightness(1.1)}.comment-form-login{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.9rem}.comment-form-login a{color:var(--clea-purple);font-weight:600}.post-detail-comments-loading,.post-detail-comments-empty{color:var(--text-muted);font-size:.9rem}.comment-list{flex-direction:column;gap:1.1rem;margin:0;padding:0;list-style:none;display:flex}.comment-item{gap:.7rem;display:flex}.comment-author{flex-shrink:0}.comment-avatar{border-radius:var(--radius-full);background:var(--bg-tertiary);width:34px;height:34px;color:var(--text-secondary);justify-content:center;align-items:center;font-size:.85rem;font-weight:600;display:flex;overflow:hidden}.comment-avatar img{object-fit:cover;width:100%;height:100%}.comment-body{background:var(--bg-tertiary);border-radius:var(--radius-md);flex:1;padding:.65rem .9rem}.comment-head{align-items:baseline;gap:.5rem;margin-bottom:.2rem;display:flex}.comment-author-name{color:var(--text-primary);font-size:.85rem;font-weight:600;text-decoration:none}.comment-author-name:hover{text-decoration:underline}.comment-time{color:var(--text-muted);font-size:.75rem}.comment-text{color:var(--text-secondary);white-space:pre-wrap;margin:0;font-size:.92rem}.comment-delete{color:var(--text-muted);cursor:pointer;background:0 0;border:none;margin-top:.35rem;padding:0;font-size:.78rem}.comment-delete:hover{color:#e0245e}.post-detail-badges{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.post-detail-resolved-badge{border-radius:var(--radius-full);color:#1a9c5b;white-space:nowrap;background:#1a9c5b29;padding:.3rem .75rem;font-size:.75rem;font-weight:700}.comment-item.is-solution .comment-body{background:color-mix(in srgb, #1a9c5b 9%, var(--bg-tertiary));border:1px solid #1a9c5b59}.comment-solution-badge{color:#1a9c5b;border-radius:var(--radius-full);background:#1a9c5b24;padding:.1rem .5rem;font-size:.7rem;font-weight:700}.comment-footer{align-items:center;gap:.9rem;margin-top:.35rem;display:flex}.comment-mark-solution{color:var(--clea-purple);cursor:pointer;background:0 0;border:none;padding:0;font-size:.78rem;font-weight:600}.comment-mark-solution:hover{text-decoration:underline}.post-detail-edit,.post-detail-delete{border-radius:var(--radius-sm);border:1px solid var(--border);color:var(--text-secondary);cursor:pointer;background:0 0;margin-left:auto;padding:6px 12px;font-size:.85rem}.post-detail-edit:hover{background:var(--bg-tertiary);color:var(--text-primary)}.post-detail-delete:hover{color:#ef4444;background:#ef44441f;border-color:#ef44444d}.comment-like:hover,.comment-like.liked{color:#e0245e}.comment-reply-toggle{color:var(--text-muted,#888);cursor:pointer;background:0 0;border:none;padding:0;font-size:.78rem;font-weight:600}.comment-reply-toggle:hover{color:var(--clea-purple);text-decoration:underline}.reply-form{flex-direction:column;gap:.45rem;margin-top:.5rem;display:flex}.reply-form-input{resize:vertical;border:1px solid var(--border-color);background:var(--bg-secondary,var(--bg-tertiary));width:100%;color:var(--text-primary);border-radius:8px;padding:.5rem .75rem;font-family:inherit;font-size:.85rem}.reply-form-actions{justify-content:flex-end;gap:.5rem;display:flex}.reply-form-cancel,.reply-form-submit{border-radius:var(--radius-full);cursor:pointer;border:none;padding:.35rem .9rem;font-family:inherit;font-size:.78rem;font-weight:600}.reply-form-cancel{color:var(--text-muted,#888);background:0 0}.reply-form-cancel:hover{color:var(--text-primary)}.reply-form-submit{background:var(--clea-purple);color:#fff}.reply-form-submit:disabled{opacity:.5;cursor:not-allowed}.comment-replies{border-left:2px solid var(--border-color);flex-direction:column;gap:.7rem;margin:.6rem 0 0;padding-left:2.4rem;list-style:none;display:flex}.comment-reply-item{padding-left:.6rem}@media (width<=700px){.post-detail-avatar{width:38px;height:38px}.post-detail-title{font-size:1.25rem}.post-detail-badges{flex-wrap:wrap;justify-content:flex-end}.post-detail-badge,.post-detail-resolved-badge{padding:.25rem .6rem;font-size:.7rem}.post-detail-actions{flex-wrap:wrap;gap:.9rem}.comment-item{gap:.5rem}.comment-avatar{width:30px;height:30px}.comment-body{padding:.55rem .75rem}.comment-footer{flex-wrap:wrap;gap:.6rem}}@media (width<=480px){.post-detail-title{font-size:1.1rem}.post-detail-content{font-size:.9rem}.post-detail-actions{padding-top:.85rem}.post-detail-like{font-size:.85rem}.post-detail-comment-count{font-size:.8rem}.comment-form-submit{text-align:center;align-self:stretch;width:100%}.comment-author-name{font-size:.8rem}.comment-text{font-size:.87rem}}.guide-detail-page{padding:40px 0 80px}.guide-detail-inner{flex-direction:column;gap:24px;max-width:720px;margin:0 auto;padding:0 24px;display:flex}.guide-detail-back{color:var(--text-secondary);width:fit-content;font-size:.875rem;font-weight:600;text-decoration:none}.guide-detail-back:hover{color:var(--text-primary)}.guide-detail-notfound{text-align:center;color:var(--text-secondary);padding:80px 20px}.guide-detail-card{border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border-color);overflow:hidden}.guide-detail-media{cursor:pointer;background:#000;border:none;width:100%;max-height:70vh;padding:0;display:block;position:relative;overflow:hidden}.guide-detail-media-el{object-fit:contain;width:100%;max-height:70vh;margin:0 auto;display:block}.guide-detail-play{color:#fff;pointer-events:none;background:#0000008c;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.1rem;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.guide-detail-body{flex-direction:column;gap:12px;padding:20px 24px 24px;display:flex}.guide-detail-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.guide-detail-author{align-items:center;gap:10px;text-decoration:none;display:flex}.guide-detail-avatar{background:var(--clea-purple);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-weight:700;display:flex;overflow:hidden}.guide-detail-avatar img{object-fit:cover;width:100%;height:100%}.guide-detail-name{color:var(--text-primary);font-size:.875rem;font-weight:600}.guide-detail-time{color:var(--text-secondary);font-size:.75rem}.guide-detail-badge{border-radius:var(--radius-full);background:var(--cat-color,var(--clea-purple));color:#fff;white-space:nowrap;padding:4px 12px;font-size:.75rem;font-weight:700}.guide-detail-title{color:var(--text-primary);font-size:1.25rem;font-weight:800}.guide-detail-content{color:var(--text-secondary);font-size:.9375rem;line-height:1.6}.guide-detail-actions{border-top:1px solid var(--border-color);align-items:center;gap:18px;margin-top:4px;padding-top:14px;display:flex}.guide-detail-like{cursor:pointer;color:var(--text-secondary);background:0 0;border:none;align-items:center;gap:6px;font-family:inherit;font-size:.875rem;font-weight:600;display:flex}.guide-detail-like.liked{color:#e0245e}.guide-detail-comment-count{color:var(--text-secondary);font-size:.875rem;font-weight:600}.guide-detail-comments{flex-direction:column;gap:16px;display:flex}.guide-detail-comments-title{color:var(--text-primary);font-size:1.0625rem;font-weight:700}.guide-detail-comments-loading,.guide-detail-comments-empty{color:var(--text-secondary);text-align:center;padding:20px 0;font-size:.875rem}.guide-detail-edit,.guide-detail-delete{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;margin-left:auto;padding:6px 12px;font-family:inherit;font-size:.85rem;font-weight:600}.guide-detail-edit:hover{background:var(--bg-tertiary);color:var(--text-primary)}.guide-detail-delete:hover{color:#ef4444;background:#ef44441f;border-color:#ef44444d}.comment-like{color:var(--text-muted,#888);cursor:pointer;background:0 0;border:none;align-items:center;gap:.25rem;padding:0;font-size:.82rem;transition:color .15s;display:flex}.comment-like:hover,.comment-like.liked{color:#e0245e}.legal-wrap{min-height:calc(100vh - var(--nav-height));justify-content:center;padding:40px 20px 80px;display:flex}.legal-inner{width:100%;max-width:680px}.legal-back{color:var(--text-muted);transition:color var(--transition);margin-bottom:32px;font-size:.875rem;text-decoration:none;display:inline-block}.legal-back:hover{color:var(--text-primary)}.legal-header{border-bottom:1px solid var(--border);margin-bottom:40px;padding-bottom:24px}.legal-header h1{color:var(--text-primary);margin:0 0 8px;font-size:2rem;font-weight:700}.legal-updated{color:var(--text-muted);margin:0;font-size:.8125rem}.legal-body{flex-direction:column;gap:32px;display:flex}.legal-section h2{color:var(--text-primary);margin:0 0 8px;font-size:1rem;font-weight:600}.legal-section p{color:var(--text-secondary);margin:0;font-size:.9375rem;line-height:1.7}.legal-contact-links{flex-direction:column;gap:12px;margin-top:8px;display:flex}.legal-contact-item{border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);color:var(--text-primary);transition:background var(--transition), box-shadow var(--transition);align-items:center;gap:10px;padding:14px 18px;font-size:.9375rem;text-decoration:none;display:flex}.legal-contact-item:hover{background:var(--surface-hover);box-shadow:var(--shadow-sm)}.legal-contact-item .material-symbols-rounded{color:var(--text-muted);font-size:1.25rem}:root{--clea-purple:#747474;--clea-purple-light:#3a3a3a;--clea-purple-dark:#000;--clea-teal:#fff;--clea-teal-light:#e8e8e8;--bg-primary:#f5f5f2;--bg-secondary:#ffffffc7;--bg-tertiary:#ededeb;--surface:#ffffffb8;--surface-hover:#fffffff5;--border:#1111111f;--text-primary:#080808;--text-secondary:#4b4b4b;--text-muted:#858585;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-xl:34px;--radius-full:9999px;--shadow-sm:0 8px 24px #0000000f;--shadow-md:0 18px 45px #0000001a;--shadow-lg:0 28px 80px #00000029;--ring:0 0 0 4px #00000014;--transition:.22s cubic-bezier(.2, .8, .2, 1);--nav-height:72px;--cat-cochlear:#111;--cat-audifonos:#2a2a2a;--cat-lengua:#444;--cat-consejos:#666;--cat-experiencias:#888;--cat-familia:#000}.auth-logo-img{filter:invert()}.donate-fab:hover{color:#111;background-color:#fff8;border:1px solid #00000080}.navbar-link:hover,.navbar-drawer-link:hover{color:#000;background:#949494}.chat-list-name,.chatroom-icon-btn{color:#000}.report-modal,.community-cat active,.guides-cat active{background:#ffffff5e}[data-theme=dark]{--bg-primary:#050505;--bg-secondary:#0e0e0ec7;--bg-tertiary:#151515;--surface:#141414c7;--surface-hover:#1e1e1ef5;--border:#ffffff1f;--text-primary:#fff;--text-secondary:#c7c7c7;--text-muted:#7d7d7d;--shadow-sm:0 8px 24px #00000052;--shadow-md:0 18px 48px #00000070;--shadow-lg:0 32px 90px #00000094;--ring:0 0 0 4px #ffffff1a}.navbar-logo img{filter:invert()}[data-theme=dark] .navbar-logo img{filter:none}.notif-bell-btn{color:#000}[data-theme=dark] .notif-bell-btn{color:#fff}[data-theme=dark] .notif-bell-btn:hover{color:#ffffff85}[data-theme=dark] .auth-logo-img{filter:invert(0)}[data-theme=dark] .donate-fab:hover{color:#c7c7c7;background-color:#00000080;border:1px solid #ffffff80}[data-theme=dark] .navbar-link:hover,.navbar-drawer-link:hover{color:#fff;background:#5c5c5c88}[data-theme=dark] .chat-list-name,[data-theme=dark] .chatroom-icon-btn{color:#fff}[data-theme=dark] .report-modal{background:#2b2b2b00}[data-theme=dark] .notif-dropdown{-webkit-backdrop-filter:blur(24px)saturate(180%);background:#0e0e0e;border:1px solid #ffffff14;box-shadow:0 8px 32px #00000059,inset 0 1px #ffffff0d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{min-width:320px;color:var(--text-primary);background:radial-gradient(circle at 20% 0%, #ffffffeb, transparent 30rem), radial-gradient(circle at 80% 10%, #00000014, transparent 26rem), linear-gradient(135deg, var(--bg-primary), var(--bg-tertiary));-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;transition:background-color var(--transition), color var(--transition);font-family:Play,system-ui,sans-serif;line-height:1.6}[data-theme=dark] body{background:radial-gradient(circle at 18% 0,#ffffff17,#0000 28rem),radial-gradient(circle at 80% 10%,#ffffff0f,#0000 24rem),linear-gradient(135deg,#050505,#111)}body{min-width:320px;color:var(--text-primary);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;transition:background-color var(--transition), color var(--transition);background:radial-gradient(circle at 15% -10%,#00000014,#0000 28rem),radial-gradient(circle at 85% 0,#0000000d,#0000 24rem),linear-gradient(135deg,#f7f7f4 0%,#eeeeea 48%,#fff 100%);font-family:Play,system-ui,sans-serif;line-height:1.6}h1,h2,h3,h4,h5{letter-spacing:-.04em;font-family:Play,system-ui,sans-serif;line-height:1.05}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer;background:0 0;border:0}img{max-width:100%;display:block}::selection{color:var(--bg-primary);background:var(--text-primary)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{border:2px solid var(--bg-primary);background:var(--text-primary);border-radius:999px}.app-main{min-height:calc(100vh - var(--nav-height));padding-top:var(--nav-height)}.chat-list-loading{justify-content:center;align-items:center;min-height:100vh;display:flex}.page-loading{min-height:100vh;color:var(--text-muted);place-items:center;display:grid}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes softPulse{0%,to{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes scanLine{0%{transform:translate(-100%)}to{transform:translate(100%)}}.navbar{height:var(--nav-height);background:color-mix(in srgb, var(--bg-secondary) 88%, transparent);border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(22px)saturate(160%)}.navbar-inner{max-width:1280px;padding:0 28px}.navbar-logo{gap:10px}.navbar-logo-mark{background:var(--text-primary);width:34px;height:34px;color:var(--bg-primary);box-shadow:var(--shadow-sm);border-radius:12px;place-items:center;font-size:0;display:grid}.navbar-logo-mark:before{content:"";background:currentColor;border-radius:999px;width:11px;height:11px;animation:2.2s ease-in-out infinite softPulse}.navbar-logo-text{letter-spacing:-.05em;font-family:Sora,system-ui,sans-serif;font-size:1.2rem;font-weight:800}.navbar-link,.navbar-user-item,.navbar-drawer-link{border-radius:12px;font-weight:700}.navbar-cta,.navbar-drawer-cta,.home-btn-primary,.auth-submit,.trans-mic-btn,.alerts-new-btn,.tracking-new-btn,.tracking-empty-btn,.tracking-form-submit,.alerts-form-submit,.community-submit-btn,.guides-filter.active,.dict-category-btn.active,.admin-action-btn.btn-success{box-shadow:var(--shadow-sm);position:relative;overflow:hidden;background:var(--text-primary)!important;color:var(--bg-primary)!important;border:1px solid var(--text-primary)!important}.navbar-cta:after,.navbar-drawer-cta:after,.home-btn-primary:after,.auth-submit:after,.trans-mic-btn:after,.alerts-new-btn:after,.tracking-new-btn:after{content:"";background:linear-gradient(90deg,#0000,#ffffff42,#0000);position:absolute;inset:0;transform:translate(-100%)}.navbar-cta:hover:after,.navbar-drawer-cta:hover:after,.home-btn-primary:hover:after,.auth-submit:hover:after,.trans-mic-btn:hover:after,.alerts-new-btn:hover:after,.tracking-new-btn:hover:after{animation:.9s scanLine}.navbar-theme-btn,.navbar-hamburger,.navbar-avatar-btn{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm)}.navbar-user-menu,.navbar-drawer{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px)}.home,.auth-page,.community-page,.guides-page,.dict-page,.prof-page,.trans-page,.alerts-page,.tracking-page,.profile-page,.admin-page{animation:.52s both fadeUp;position:relative}.community-inner,.guides-inner,.dict-inner,.prof-inner,.trans-inner,.alerts-inner,.tracking-inner,.profile-inner,.admin-inner{width:min(100%,1180px);padding-inline:24px}.community-eyebrow,.guides-eyebrow,.dict-eyebrow,.prof-eyebrow,.trans-eyebrow,.alerts-eyebrow,.tracking-eyebrow,.admin-eyebrow,.home-section-head span,.home-kicker{letter-spacing:.16em;text-transform:uppercase;font-size:.72rem;font-weight:900;color:var(--text-muted)!important}.community-title,.guides-title,.dict-title,.prof-title,.trans-title,.alerts-title,.tracking-title,.admin-title,.profile-name,.home h1,.home-section-title,.home-section-head h2{letter-spacing:-.055em;font-weight:900;color:var(--text-primary)!important}.community-subtitle,.guides-subtitle,.dict-subtitle,.prof-subtitle,.trans-subtitle,.alerts-subtitle,.tracking-subtitle,.home-hero-desc,.home-hero-content>p{color:var(--text-secondary)!important}.home-feature-card,.home-benefit-card,.home-featured-card,.home-module-row,.community-post-card,.community-composer,.guides-card,.dict-sign-card,.prof-card,.trans-recorder,.trans-history-item,.alerts-card,.alerts-empty,.tracking-card,.tracking-empty,.profile-card,.admin-stat-card,.admin-post-item,.admin-user-item,.auth-card{box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition), background var(--transition);position:relative;overflow:hidden;border:1px solid var(--border)!important;border-radius:var(--radius-lg)!important;background:var(--surface)!important}.home-feature-card:before,.home-benefit-card:before,.home-featured-card:before,.community-post-card:before,.guides-card:before,.dict-sign-card:before,.prof-card:before,.alerts-card:before,.tracking-card:before,.profile-card:before,.admin-stat-card:before,.auth-card:before{content:"";background:linear-gradient(90deg, transparent, var(--text-primary), transparent);opacity:.18;height:1px;position:absolute;inset:0 0 auto}.home-feature-card:hover,.home-benefit-card:hover,.home-featured-card:hover,.home-module-row:hover,.community-post-card:hover,.guides-card:hover,.dict-sign-card:hover,.prof-card:hover,.trans-history-item:hover,.alerts-card:hover,.tracking-card:hover,.profile-card:hover,.admin-stat-card:hover,.admin-post-item:hover,.admin-user-item:hover{box-shadow:var(--shadow-md);transform:translateY(-4px);border-color:color-mix(in srgb, var(--text-primary) 28%, var(--border))!important}.home-btn,.auth-submit,.auth-google-btn,.community-submit-btn,.community-login-btn,.guides-filter,.dict-category-btn,.prof-filter,.trans-action-btn,.alerts-demo-btn,.alerts-type-btn,.alerts-form-cancel,.tracking-device-btn,.tracking-form-cancel,.profile-edit-btn,.admin-tab,.admin-action-btn{transition:transform var(--transition), box-shadow var(--transition), border-color var(--transition), background var(--transition), color var(--transition);border-radius:12px!important}.home-btn:hover,.auth-submit:hover,.auth-google-btn:hover,.community-submit-btn:hover,.community-login-btn:hover,.guides-filter:hover,.dict-category-btn:hover,.prof-filter:hover,.trans-action-btn:hover,.alerts-demo-btn:hover,.alerts-type-btn:hover,.alerts-form-cancel:hover,.tracking-device-btn:hover,.tracking-form-cancel:hover,.profile-edit-btn:hover,.admin-tab:hover,.admin-action-btn:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.home-btn-ghost,.home-btn-secondary,.auth-google-btn,.guides-filter,.dict-category-btn,.prof-filter,.trans-action-btn,.alerts-demo-btn,.tracking-device-btn,.profile-edit-btn,.admin-tab,.btn-ghost{background:var(--surface)!important;color:var(--text-primary)!important;border:1px solid var(--border)!important}.home-btn-ghost:hover,.home-btn-secondary:hover,.auth-google-btn:hover,.guides-filter:hover,.dict-category-btn:hover,.prof-filter:hover,.trans-action-btn:hover,.alerts-demo-btn:hover,.tracking-device-btn:hover,.profile-edit-btn:hover,.admin-tab:hover,.btn-ghost:hover{border-color:var(--text-primary)!important}input,textarea,select,.auth-input,.community-input,.community-textarea,.dict-search-input,.prof-search-input,.alerts-form-input,.tracking-form-input,.profile-input,.profile-textarea{transition:border-color var(--transition), box-shadow var(--transition), background var(--transition);outline:none;border:1px solid var(--border)!important;background:color-mix(in srgb, var(--surface) 82%, transparent)!important;color:var(--text-primary)!important;border-radius:14px!important}input:focus,textarea:focus,select:focus,.auth-input:focus,.community-input:focus,.community-textarea:focus,.dict-search-input:focus,.prof-search-input:focus,.alerts-form-input:focus,.tracking-form-input:focus,.profile-input:focus,.profile-textarea:focus{border-color:var(--text-primary)!important;box-shadow:var(--ring)!important;background:var(--surface-hover)!important}.home-hero{min-height:calc(100vh - var(--nav-height))}.home-hero-title-accent{color:var(--text-primary);-webkit-text-fill-color:currentColor;background:0 0}.home-hero-badge,.home-kicker{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm)}.home-hero-badge-dot{background:var(--text-primary);box-shadow:0 0 0 6px color-mix(in srgb, var(--text-primary) 10%, transparent)}.home-hero-stat,.home-stat{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:18px}.home-benefit-icon,.home-featured-symbol,.home-feature-icon,.tracking-card-icon,.alerts-type-icon,.dict-sign-icon,.guides-card-icon,.prof-avatar,.admin-user-avatar,.profile-avatar,.navbar-avatar-placeholder{background:var(--text-primary)!important;color:var(--bg-primary)!important}.home-feature-icon,.tracking-card-icon,.dict-sign-icon,.guides-card-icon{box-shadow:var(--shadow-sm);border-radius:14px}.home-featured-tag,.admin-badge,.admin-post-status,.admin-role-badge,.profile-tag,.prof-tag,.guides-tag,.dict-category-label,.alerts-type-label,.tracking-days-badge,.trans-saved-badge,.profile-saved-badge{border:1px solid var(--border)!important;border-radius:var(--radius-full)!important;background:var(--surface-hover)!important;color:var(--text-primary)!important}.tracking-modal-overlay,.alerts-modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000009e!important}.tracking-modal,.alerts-modal{box-shadow:var(--shadow-lg);border:1px solid var(--border)!important;border-radius:var(--radius-xl)!important;background:var(--surface)!important}.profile-banner{border-radius:0 0 var(--radius-xl) var(--radius-xl);background:linear-gradient(135deg, #ffffff2e, #0000001f), var(--banner-color)!important}.btn-danger,.trans-clear-btn:hover,.alerts-delete-btn:hover,.tracking-card-delete:hover,.admin-action-btn.btn-danger{color:#ef4444!important;background:#ef444414!important;border-color:#ef444447!important}.btn-warn,.admin-post-status.pending{color:var(--text-primary)!important;border-color:var(--border)!important;background:#7878781f!important}.trans-dots span,.trans-status-dot{background:var(--text-primary)!important}.trans-display.active{background:color-mix(in srgb, var(--text-primary) 4%, var(--surface))!important}.admin-tabs{border-bottom:1px solid var(--border)}.admin-tab.active{background:var(--text-primary)!important;color:var(--bg-primary)!important;border-color:var(--text-primary)!important}@media (width<=700px){.navbar-inner{padding:0 16px}.community-inner,.guides-inner,.dict-inner,.prof-inner,.trans-inner,.alerts-inner,.tracking-inner,.profile-inner,.admin-inner{padding-inline:16px}.home-feature-card:hover,.home-benefit-card:hover,.home-featured-card:hover,.community-post-card:hover,.guides-card:hover,.dict-sign-card:hover,.prof-card:hover,.alerts-card:hover,.tracking-card:hover{transform:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important}}