.community-page{min-height:100vh;min-height:100dvh;background:radial-gradient(ellipse 80% 40% at 50% -10%,rgba(129,140,248,.05),transparent),var(--surface-0);padding:var(--space-4);color:var(--text-primary);font-family:var(--font-sans)}.community-container{max-width:1200px;margin:0 auto;animation:fadeInUp var(--duration-enter) var(--ease-out)}.community-profile-overlay{position:fixed;inset:0;z-index:var(--z-overlay, 100);background:var(--surface-0);overflow-y:auto;animation:cpp-slide-in .25s ease-out}@keyframes cpp-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media(prefers-reduced-motion:reduce){.community-profile-overlay,.community-container,.community-alert{animation:none!important}}.community-alert{border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);border:1px solid;font-weight:500;font-size:var(--text-base);animation:fadeInDown var(--duration-normal) var(--ease-out)}.community-alert.error{background:var(--danger-soft);border-color:var(--danger-border);color:var(--danger)}.community-alert.info{background:var(--info-soft);border-color:var(--info-border);color:var(--info)}.community-muted{color:var(--text-secondary)}.community-search{background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-4);margin-bottom:var(--space-5);display:flex;gap:var(--space-3);flex-wrap:wrap}.community-input,.community-textarea{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:max(16px,var(--text-base, 16px));outline:none;background:var(--surface-2);color:var(--text-primary);transition:all var(--duration-normal) var(--ease-out);-webkit-appearance:none}.community-input::placeholder,.community-textarea::placeholder{color:var(--text-tertiary)}.community-input:focus,.community-textarea:focus{border-color:var(--brand-primary);box-shadow:0 0 0 3px #818cf81f}.community-textarea{resize:vertical}.community-btn{padding:var(--space-3) var(--space-4);border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--text-base);font-weight:700;transition:all var(--duration-normal) var(--ease-out);white-space:nowrap;min-height:44px}.community-btn.primary{background:var(--brand-gradient);color:var(--text-on-brand, #ffffff);box-shadow:0 4px 12px #818cf833}.community-btn.primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #818cf84d}.community-btn.green{background:linear-gradient(135deg,var(--success),#059669);color:var(--text-on-brand, #ffffff);box-shadow:0 4px 12px #34d39933}.community-btn.green:hover{transform:translateY(-1px);box-shadow:0 6px 20px #34d3994d}.community-btn.ghost{background:var(--surface-2);color:var(--text-secondary);border:1px solid var(--border-default)}.community-btn.ghost:hover{background:var(--surface-3);color:var(--text-primary);border-color:var(--border-strong)}.community-btn.full{width:100%;padding:var(--space-4);font-size:var(--text-md)}.community-btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important;box-shadow:none!important}.community-empty{background:var(--surface-1);border:1px dashed var(--border-default);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;color:var(--text-secondary)}.community-modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:var(--z-modal, 50);animation:fadeIn var(--duration-fast) var(--ease-out)}.community-modal{width:100%;max-width:720px;background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;animation:fadeInScale var(--duration-enter) var(--ease-out)}.community-modal.chat{max-width:820px}.community-modal-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-default);display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3)}.community-modal-title{margin:0 0 var(--space-1) 0;font-size:var(--text-lg);font-weight:800;color:var(--text-primary)}.community-icon-btn{border:none;background:var(--surface-2);color:var(--text-primary);cursor:pointer;width:36px;height:36px;border-radius:var(--radius-md);font-weight:800;display:flex;align-items:center;justify-content:center;transition:background var(--duration-fast) var(--ease-out)}.community-icon-btn:hover{background:var(--surface-3)}.community-modal-body{padding:var(--space-4) var(--space-5)}.community-modal-body.chat-body{padding:0;background:var(--surface-0)}.community-modal-footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-default);display:flex;justify-content:flex-end;gap:var(--space-3);align-items:center;flex-wrap:wrap}.community-modal-footer.chat-footer{flex-direction:column;align-items:stretch;gap:var(--space-2)}.community-kv{display:grid;grid-template-columns:1fr;gap:var(--space-3);margin-bottom:var(--space-4)}.community-kv-item{background:var(--surface-2);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-3)}.community-kv-label{font-size:var(--text-xs);color:var(--text-secondary);font-weight:700}.community-kv-value{margin-top:var(--space-1);font-size:var(--text-base);color:var(--text-primary);font-weight:800}.community-section h4{margin:0 0 var(--space-2) 0;font-size:var(--text-base);font-weight:800;color:var(--text-primary)}.community-paragraph{margin:0;color:var(--text-secondary);line-height:var(--leading-relaxed)}.community-chat{padding:var(--space-4) var(--space-5);height:420px;overflow:auto;display:flex;flex-direction:column;gap:var(--space-3)}.community-bubble{max-width:80%;padding:var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--border-default);background:var(--surface-1);align-self:flex-start}.community-bubble.me{align-self:flex-end;border-color:#818cf840;background:#818cf80f}.community-bubble-text{font-size:var(--text-base);color:var(--text-primary);line-height:1.4;word-break:break-word}.community-bubble-time{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--text-secondary);text-align:right}.community-chat-input{display:flex;gap:var(--space-3);align-items:center}.community-chat-input .community-input{min-width:0}@media(min-width:480px){.community-kv{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.community-kv{grid-template-columns:repeat(3,1fr)}}@media(max-width:375px){.community-page{padding:var(--space-2)}}@media(min-width:768px){.community-page{padding:var(--space-6)}.community-container{max-width:1200px}}[data-theme=light] .community-page{background:radial-gradient(ellipse 80% 40% at 50% -10%,rgba(99,102,241,.08),transparent),var(--surface-0)}[data-theme=light] .community-profile-overlay{background:var(--surface-0)}.community-skeleton{display:flex;flex-direction:column;gap:16px}.community-skeleton-header{height:120px;border-radius:12px;background:var(--bg-tertiary);margin-bottom:16px}.community-skeleton-stats{display:flex;gap:8px;margin-bottom:16px}.community-skeleton-stat{flex:1;height:60px;border-radius:8px;background:var(--bg-tertiary)}.community-clickable{cursor:pointer}.chat-title{margin:0}.chat-timestamp{font-size:12px}.community button,.community a,.community [role=button]{min-height:44px;min-width:44px}.community *:focus-visible{outline:2px solid var(--color-primary, #f97316);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.cf-feed{position:relative;padding-bottom:80px;overflow-x:hidden;-webkit-overflow-scrolling:touch}.cf-create-cta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);width:100%;padding:var(--space-4) var(--space-5);background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);margin-bottom:var(--space-5)}.cf-create-cta:hover{background:var(--surface-2);border-color:var(--border-strong);box-shadow:var(--shadow-md)}.cf-post-card{background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--duration-normal) var(--ease-out)}.cf-post-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md)}.cf-post-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5)}.cf-post-avatar{flex-shrink:0}.cf-avatar-img{width:40px;height:40px;border-radius:var(--radius-full);object-fit:cover}.cf-avatar-placeholder{width:40px;height:40px;border-radius:var(--radius-full);background:var(--brand-gradient-soft);border:1px solid var(--border-default);color:var(--brand-primary);font-weight:800;font-size:var(--text-md);display:flex;align-items:center;justify-content:center}.cf-post-author-info{flex:1;min-width:0}.cf-post-author-name{display:block;font-weight:700;font-size:var(--text-base);color:var(--text-primary);line-height:1.3}.cf-post-author-name:hover{color:var(--brand-primary)}.cf-post-meta{display:flex;align-items:center;gap:var(--space-2);margin-top:2px}.cf-post-time{font-size:var(--text-xs);color:var(--text-tertiary)}.cf-post-category-badge{font-size:var(--text-xs);color:var(--text-secondary);background:var(--surface-3);padding:2px 8px;border-radius:var(--radius-full);font-weight:600}.cf-follow-btn{margin-left:auto;flex-shrink:0;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;cursor:pointer;transition:all var(--duration-fast);background:var(--brand-gradient);color:var(--text-on-brand, #fff);border:none}.cf-follow-btn:hover{opacity:.9;transform:scale(1.02)}.cf-follow-btn.cf-following{background:transparent;color:var(--text-secondary);border:1px solid var(--border-default)}.cf-follow-btn.cf-following:hover{border-color:var(--danger, #ef4444);color:var(--danger, #ef4444)}.cf-report-btn{margin-left:auto!important;opacity:.5;font-size:12px!important}.cf-report-btn:hover{opacity:1;color:var(--danger, #ef4444)!important}.cf-post-title{margin:0;padding:0 var(--space-5);font-size:var(--text-lg);font-weight:800;color:var(--text-primary);line-height:var(--leading-tight);margin-bottom:var(--space-3)}.cf-post-images{position:relative;overflow:hidden;background:var(--surface-0);aspect-ratio:4/3;cursor:pointer}.cf-post-images-track{display:flex;height:100%;transition:transform var(--duration-slow) var(--ease-out);touch-action:pan-y pinch-zoom}.cf-post-images-track.cf-track-swiping{transition:none}.cf-post-image-slide{min-width:100%;height:100%}.cf-post-img{width:100%;height:100%;object-fit:cover}.cf-img-nav{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border:none;border-radius:var(--radius-full);background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--text-on-dark, #fff);font-size:22px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--duration-fast);z-index:2;min-width:44px;min-height:44px;-webkit-tap-highlight-color:transparent}.cf-post-images:hover .cf-img-nav{opacity:1}@media(hover:none)and (pointer:coarse){.cf-img-nav{opacity:.7}}.cf-img-nav-prev{left:8px}.cf-img-nav-next{right:8px}.cf-img-nav:hover{background:#000000b3}.cf-img-dots{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:6px;z-index:2}.cf-img-dot{width:7px;height:7px;border-radius:var(--radius-full);background:#fff6;cursor:pointer;transition:all var(--duration-fast);padding:6px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.cf-img-dot.active{background:var(--text-on-dark, #fff);width:20px}.cf-post-images:focus-visible{outline:2px solid var(--brand-primary);outline-offset:-2px}.cf-post-images:focus-visible .cf-img-nav{opacity:1}.cf-img-counter{position:absolute;top:12px;right:12px;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--text-on-dark, #fff);font-size:var(--text-xs);font-weight:700;padding:4px 10px;border-radius:var(--radius-full);z-index:2}.cf-post-description{padding:var(--space-3) var(--space-5)}.cf-post-description p{margin:0;color:var(--text-secondary);font-size:var(--text-base);line-height:var(--leading-relaxed);word-break:break-word}.cf-read-more{background:none;border:none;color:var(--brand-primary);font-size:var(--text-sm);font-weight:600;cursor:pointer;padding:0;margin-top:var(--space-1)}.cf-read-more:hover{text-decoration:underline}.cf-post-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);padding:0 var(--space-5) var(--space-3)}.cf-post-tag{font-size:var(--text-xs);color:var(--brand-primary);font-weight:600;cursor:pointer}.cf-post-tag:hover{text-decoration:underline}.cf-post-stats{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-2) var(--space-5);border-top:1px solid var(--border-subtle)}.cf-stat-item{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:500}.cf-stat-views{margin-left:auto}.cf-post-actions{display:flex;border-top:1px solid var(--border-subtle)}.cf-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3);background:none;border:none;color:var(--text-secondary);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--duration-fast);min-height:44px}.cf-action-btn:hover{background:var(--surface-2);color:var(--text-primary)}.cf-action-btn:active{transform:scale(.93);background:var(--surface-3)}.cf-action-btn:active .cf-action-icon{animation:actionPop .3s ease-out}.cf-action-icon{font-size:18px}.cf-action-btn.cf-like-pop .cf-action-icon{animation:likePop .6s var(--ease-spring)}@keyframes likePop{0%{transform:scale(1)}20%{transform:scale(1.5)}40%{transform:scale(.85)}60%{transform:scale(1.2)}80%{transform:scale(.95)}to{transform:scale(1)}}@keyframes actionPop{0%{transform:scale(1)}50%{transform:scale(1.25)}to{transform:scale(1)}}.cf-like-burst{position:absolute;top:50%;left:50%;width:0;height:0;pointer-events:none}.cf-burst-particle{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--danger, #ef4444);animation:burstOut .7s ease-out forwards}.cf-burst-particle:nth-child(1){--angle: 0deg;--dist: 22px;background:var(--danger, #ef4444)}.cf-burst-particle:nth-child(2){--angle: 60deg;--dist: 26px;background:var(--warning, #f59e0b)}.cf-burst-particle:nth-child(3){--angle: 120deg;--dist: 20px;background:var(--particle-accent)}.cf-burst-particle:nth-child(4){--angle: 180deg;--dist: 24px;background:var(--danger, #ef4444)}.cf-burst-particle:nth-child(5){--angle: 240deg;--dist: 18px;background:var(--warning, #f59e0b)}.cf-burst-particle:nth-child(6){--angle: 300deg;--dist: 22px;background:var(--particle-accent)}@keyframes burstOut{0%{opacity:1;transform:translate(0) scale(1)}60%{opacity:1;transform:translate(calc(cos(var(--angle)) * var(--dist)),calc(sin(var(--angle)) * var(--dist))) scale(.8)}to{opacity:0;transform:translate(calc(cos(var(--angle)) * var(--dist) * 1.3),calc(sin(var(--angle)) * var(--dist) * 1.3)) scale(0)}}@media(prefers-reduced-motion:reduce){.cf-action-btn:active{transform:none}.cf-action-btn:active .cf-action-icon{animation:none!important}.cf-burst-particle{animation:none!important;display:none}.cf-empty-icon,.cf-action-btn.cf-like-pop .cf-action-icon{animation:none!important}}.cf-posts-list,.cf-skeleton-feed{display:flex;flex-direction:column;gap:var(--space-5)}.cf-empty-state{display:flex;flex-direction:column;align-items:center;padding:var(--space-10) var(--space-5);text-align:center}.cf-empty-icon{font-size:48px;margin-bottom:var(--space-4);animation:float 3s ease-in-out infinite}.cf-empty-state h3{margin:0 0 var(--space-2);font-size:var(--text-xl);font-weight:800;color:var(--text-primary)}.cf-empty-state p{margin:0 0 var(--space-5);color:var(--text-secondary);font-size:var(--text-base)}.cf-loading-more{display:flex;align-items:center;justify-content:center;gap:var(--space-3);color:var(--text-secondary);font-size:var(--text-sm)}.cf-end-of-feed{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-6) var(--space-4);text-align:center}.cf-end-icon{font-size:32px;opacity:.7}.cf-end-text{color:var(--text-tertiary);font-size:var(--text-sm);font-weight:500}.cf-end-cta{margin-top:var(--space-2);padding:8px 20px;background:var(--primary, #6366f1);color:var(--text-on-brand, #fff);border:none;border-radius:var(--radius-lg, 12px);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.cf-end-cta:hover{transform:translateY(-1px);box-shadow:0 4px 12px #6366f14d}.cf-end-cta:active{transform:translateY(0)}.cf-create-modal{max-width:640px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}@media(max-width:500px){.cf-create-modal{max-width:100vw;max-height:100vh;width:100vw;height:100vh;border-radius:0;margin:0}.cf-create-body{max-height:calc(100vh - 120px);padding:var(--space-4, 16px)!important}}.cf-create-body{overflow-y:auto;max-height:60vh;padding:var(--space-5)!important}.cf-create-field{margin-bottom:var(--space-5)}.cf-create-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2);font-weight:700;font-size:var(--text-sm);color:var(--text-primary)}.cf-char-count{font-weight:500;font-size:var(--text-xs);color:var(--text-tertiary)}.cf-category-grid{display:flex;flex-wrap:wrap;gap:var(--space-2)}.cf-category-chip{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--surface-2);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--duration-fast)}.cf-category-chip:hover{background:var(--surface-3);color:var(--text-primary)}.cf-category-chip.active{background:#6366f11f;border-color:var(--brand-primary);color:var(--brand-primary)}.cf-image-upload-zone{display:flex;flex-wrap:wrap;gap:var(--space-3)}.cf-image-preview{position:relative;width:100px;height:100px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-default)}.cf-image-preview img{width:100%;height:100%;object-fit:cover}.cf-image-remove{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:var(--radius-full);background:#0009;color:var(--text-on-dark, #fff);border:none;font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center}.cf-image-main-badge{position:absolute;bottom:0;left:0;right:0;background:#6366f1d9;color:var(--text-on-brand, #fff);font-size:10px;font-weight:700;text-align:center;padding:2px 0}.cf-image-add-btn{width:100px;height:100px;border-radius:var(--radius-md);border:2px dashed var(--border-strong);background:transparent;color:var(--text-tertiary);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);transition:all var(--duration-fast)}.cf-image-add-btn:hover{border-color:var(--brand-primary);color:var(--brand-primary);background:#6366f10d}.cf-image-add-icon{font-size:24px;font-weight:300}.cf-image-add-text{font-size:var(--text-xs);font-weight:600}.cf-tags-input-row{display:flex;gap:var(--space-2)}.cf-tags-input-row .community-input{flex:1}.cf-tags-list{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.cf-tag-chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:#6366f11a;border-radius:var(--radius-full);color:var(--brand-primary);font-size:var(--text-sm);font-weight:600}.cf-tag-chip button{background:none;border:none;color:var(--brand-primary);cursor:pointer;font-size:12px;padding:0;margin-left:var(--space-1);opacity:.6}.cf-tag-chip button:hover{opacity:1}.cf-comment-modal{max-width:580px;max-height:80vh;display:flex;flex-direction:column}@media(max-width:500px){.cf-comment-modal{max-width:100vw;max-height:100vh;width:100vw;height:100vh;border-radius:0;margin:0}.cf-comments-body{max-height:calc(100vh - 180px);min-height:0}}.cf-comments-body{flex:1;overflow-y:auto;min-height:200px;max-height:400px;padding:var(--space-4) var(--space-5);background:var(--surface-0)}.cf-comments-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8) var(--space-4);text-align:center}.cf-comments-empty-icon{font-size:32px;margin-bottom:var(--space-3);opacity:.5}.cf-comments-empty p{color:var(--text-tertiary);font-size:var(--text-sm)}.cf-comments-list{display:flex;flex-direction:column;gap:var(--space-4)}.cf-comment-item{display:flex;gap:var(--space-3);animation:fadeInUp var(--duration-normal) var(--ease-out)}.cf-comment-avatar{width:32px;height:32px;border-radius:var(--radius-full);background:var(--surface-3);color:var(--text-secondary);font-weight:700;font-size:var(--text-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.cf-comment-content{flex:1;min-width:0}.cf-comment-header-row{display:flex;align-items:center;gap:var(--space-2);margin-bottom:2px}.cf-comment-author{font-size:var(--text-sm);font-weight:700;color:var(--text-primary)}.cf-comment-time{font-size:var(--text-xs);color:var(--text-tertiary)}.cf-comment-text{margin:0;font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed);word-break:break-word}@media(min-width:768px){.cf-post-images{aspect-ratio:16/10}.cf-image-preview,.cf-image-add-btn{width:120px;height:120px}}@media(max-width:480px){.cf-action-btn span:not(.cf-action-icon){display:none}.cf-action-icon{font-size:22px}.cf-post-header{padding:var(--space-3) var(--space-4)}.cf-post-title{padding:0 var(--space-4);font-size:var(--text-md)}.cf-post-description{padding:var(--space-2) var(--space-4)}.cf-post-tags{padding:0 var(--space-4) var(--space-2)}.cf-post-stats{padding:var(--space-2) var(--space-4)}}@media(max-width:375px){.cf-feed{padding-bottom:70px}.cf-create-cta{padding:var(--space-3) var(--space-4);gap:var(--space-2);flex-wrap:wrap}}@media(min-width:768px){.cf-feed{padding-bottom:100px}.cf-create-cta{padding:var(--space-5) var(--space-6);margin-bottom:var(--space-6)}}.cf-comment-skeleton-body{padding:24px;display:flex;flex-direction:column;gap:16px}.cf-comment-skeleton-avatar{width:40px;height:40px;border-radius:50%;flex-shrink:0}.cf-comment-skeleton-content{flex:1}.cf-new-posts-pill{display:flex;align-items:center;gap:6px;background:var(--brand-primary);color:#fff;border:none;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:600;cursor:pointer;margin:8px auto;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.cmt-mention-hint{font-size:12px;color:var(--text-muted);margin:4px 0 8px;opacity:.7;padding:0 var(--space-5)}.post-card__skeleton{border-radius:12px;overflow:hidden;background:var(--color-surface, #16162a)}.post-card__skeleton-image{height:200px;background:linear-gradient(90deg,var(--color-surface-alt, #1a1a2e) 25%,var(--color-surface, #16162a) 50%,var(--color-surface-alt, #1a1a2e) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.5s infinite}.post-card__skeleton-title{height:20px;width:70%;margin:16px;border-radius:4px;background:var(--color-surface-alt, #1a1a2e)}.post-card__skeleton-text{height:14px;width:90%;margin:0 16px 16px;border-radius:4px;background:var(--color-surface-alt, #1a1a2e)}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.community-feed__error{text-align:center;padding:20px;color:var(--color-error, #ef4444)}.community-feed__error button{margin-top:8px;padding:8px 16px;border-radius:8px;background:var(--color-primary, #f97316);color:#fff;border:none;cursor:pointer;min-height:44px}.cf-img-blur-wrapper{position:relative;overflow:hidden}.cf-img-placeholder{position:absolute;inset:0;background:linear-gradient(135deg,var(--surface-1, #252547) 0%,var(--surface-2, #2d2d5e) 100%);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:opacity .3s ease;z-index:1}.cf-post-img{opacity:0;transition:opacity .3s ease}.cf-post-img.cf-img-loaded{opacity:1}.cf-post-img.cf-img-loaded+.cf-img-placeholder{opacity:0;pointer-events:none}.cf-reaction-container{flex:1;position:relative;display:flex}.cf-reaction-btn{flex:1}.cf-reaction-btn.cf-has-reaction{color:var(--danger, #ef4444)}.cf-reaction-btn.cf-has-reaction:hover{background:var(--danger-soft, rgba(239, 68, 68, .1))}.cf-reaction-icon-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center}.cf-reaction-emoji{font-size:18px;line-height:1}.cf-reaction-picker{position:absolute;bottom:100%;left:0;z-index:50;margin-bottom:var(--space-2);animation:reactionPickerSlideUp .2s var(--ease-out) forwards}@keyframes reactionPickerSlideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.cf-reaction-picker-content{display:flex;gap:var(--space-1);padding:var(--space-2);background:var(--surface-2);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.cf-reaction-option{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:2px solid transparent;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast);padding:0}.cf-reaction-option:hover{background:var(--surface-3);transform:scale(1.15)}.cf-reaction-option.cf-selected{border-color:var(--danger, #ef4444);background:var(--danger-soft, rgba(239, 68, 68, .1))}.cf-reaction-emoji-large{font-size:24px;line-height:1}.cf-reaction-option.cf-remove-reaction{border:2px solid var(--border-subtle);color:var(--text-secondary)}.cf-reaction-option.cf-remove-reaction:hover{border-color:var(--danger, #ef4444);color:var(--danger, #ef4444)}.cf-reaction-badges{display:flex;gap:var(--space-2);align-items:center;flex-wrap:wrap}.cf-reaction-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap}.cf-reaction-badge:hover{background:var(--surface-3);border-color:var(--border-default)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.cf-post-img{opacity:1;transition:none}.cf-img-placeholder{display:none}.cf-reaction-picker{animation:none}}.cp-setup-modal{max-width:580px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.cp-setup-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-default);display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-3)}.cp-progress-bar{height:3px;background:var(--surface-3);overflow:hidden}.cp-progress-fill{height:100%;background:var(--brand-gradient);transition:width var(--duration-slow) var(--ease-out);border-radius:0 2px 2px 0}.cp-setup-body{flex:1;overflow-y:auto;padding:var(--space-5)}.cp-step{animation:fadeInUp var(--duration-enter) var(--ease-out)}.cp-step-header{margin-bottom:var(--space-5)}.cp-step-number{display:inline-block;font-size:var(--text-xs);font-weight:700;color:var(--brand-primary);background:#818cf81a;padding:2px 10px;border-radius:var(--radius-full);margin-bottom:var(--space-2)}.cp-step-title{margin:0 0 var(--space-1);font-size:var(--text-xl);font-weight:800;color:var(--text-primary)}.cp-step-desc{margin:0;font-size:var(--text-sm);color:var(--text-secondary)}.cp-objective-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.cp-objective-card{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);background:var(--surface-2);border:1px solid var(--border-default);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);text-align:left}.cp-objective-card:hover{background:var(--surface-3);border-color:var(--border-strong)}.cp-objective-card.active{background:#818cf814;border-color:var(--brand-primary);box-shadow:0 0 0 1px var(--brand-primary)}.cp-objective-icon{font-size:24px;flex-shrink:0;margin-top:2px}.cp-objective-label{display:block;font-weight:700;font-size:var(--text-sm);color:var(--text-primary);line-height:1.3}.cp-objective-desc{display:block;font-size:var(--text-xs);color:var(--text-tertiary);margin-top:2px}.cp-experience-grid{display:flex;flex-direction:column;gap:var(--space-3)}.cp-experience-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--surface-2);border:1px solid var(--border-default);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-normal) var(--ease-out);text-align:left;width:100%}.cp-experience-card:hover{background:var(--surface-3);border-color:var(--border-strong)}.cp-experience-card.active{background:#818cf814;border-color:var(--brand-primary);box-shadow:0 0 0 1px var(--brand-primary)}.cp-experience-icon{font-size:28px;flex-shrink:0}.cp-experience-info{flex:1}.cp-experience-label{display:block;font-weight:700;font-size:var(--text-base);color:var(--text-primary)}.cp-experience-desc{display:block;font-size:var(--text-xs);color:var(--text-tertiary);margin-top:2px}.cp-specialties-grid{display:flex;flex-wrap:wrap;gap:var(--space-2)}.cp-specialty-chip{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--surface-2);border:1px solid var(--border-default);border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:all var(--duration-fast)}.cp-specialty-chip:hover:not(:disabled){background:var(--surface-3);color:var(--text-primary)}.cp-specialty-chip.active{background:#34d3991a;border-color:var(--success);color:var(--success)}.cp-specialty-chip:disabled{opacity:.4;cursor:not-allowed}.cp-specialties-count{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--text-tertiary);font-weight:600}.cp-summary{margin-top:var(--space-5);background:var(--surface-2);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-4)}.cp-summary-title{margin:0 0 var(--space-3);font-size:var(--text-sm);font-weight:700;color:var(--text-primary)}.cp-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.cp-summary-item{display:flex;flex-direction:column;gap:2px}.cp-summary-label{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:600}.cp-summary-value{font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.cp-card{background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-5);transition:all var(--duration-normal) var(--ease-out)}.cp-card:hover{border-color:var(--border-strong)}.cp-card-header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}.cp-card-avatar-wrap{position:relative;flex-shrink:0}.cp-card-avatar-img{width:56px;height:56px;border-radius:var(--radius-full);object-fit:cover;border:2px solid var(--border-default)}.cp-card-avatar-placeholder{width:56px;height:56px;border-radius:var(--radius-full);background:var(--brand-gradient);color:#fff;font-weight:800;font-size:var(--text-xl);display:flex;align-items:center;justify-content:center}.cp-card-level-badge{position:absolute;bottom:-4px;right:-4px;width:22px;height:22px;border-radius:var(--radius-full);background:var(--surface-1);border:2px solid var(--border-default);display:flex;align-items:center;justify-content:center;font-size:12px}.cp-card-identity{flex:1;min-width:0}.cp-card-pseudo{margin:0;font-size:var(--text-lg);font-weight:800;color:var(--text-primary)}.cp-card-metier{margin:2px 0 0;font-size:var(--text-sm);color:var(--brand-primary);font-weight:600}.cp-card-location{margin:2px 0 0;font-size:var(--text-xs);color:var(--text-tertiary)}.cp-card-edit-btn{background:var(--surface-2);border:1px solid var(--border-default);border-radius:var(--radius-md);width:36px;height:36px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all var(--duration-fast)}.cp-card-edit-btn:hover{background:var(--surface-3);border-color:var(--border-strong)}.cp-card-bio{margin:0 0 var(--space-4);font-size:var(--text-base);color:var(--text-secondary);line-height:var(--leading-relaxed)}.cp-card-bio-clamp{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.cp-card-objective{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--surface-2);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.cp-card-objective-icon{font-size:18px}.cp-card-objective-text{font-size:var(--text-sm);font-weight:700;color:var(--text-primary)}.cp-card-objective-detail{font-size:var(--text-sm);color:var(--text-tertiary);font-weight:500}.cp-card-stats{display:flex;gap:var(--space-4);padding:var(--space-3) 0;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-4)}.cp-card-stat{display:flex;flex-direction:column;align-items:center;flex:1}.cp-card-stat-num{font-size:var(--text-lg);font-weight:800;color:var(--text-primary)}.cp-card-stat-label{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:500}.cp-card-specialties{margin-bottom:var(--space-3)}.cp-card-section-title{display:block;font-size:var(--text-xs);font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--space-2)}.cp-card-specialty-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.cp-card-specialty{font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);background:var(--surface-2);padding:3px 10px;border-radius:var(--radius-full);text-transform:capitalize}.cp-card-experience{display:flex;align-items:center;justify-content:space-between}.cp-card-experience-badge{font-size:var(--text-sm);font-weight:700;color:var(--brand-primary);background:#818cf81a;padding:3px 12px;border-radius:var(--radius-full)}.cp-prompt-banner{background:var(--brand-gradient-soft);border:1px solid rgba(129,140,248,.2);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-5);text-align:center;animation:fadeInUp var(--duration-enter) var(--ease-out)}.cp-prompt-icon{font-size:40px;margin-bottom:var(--space-3);display:block}.cp-prompt-banner h3{margin:0 0 var(--space-2);font-size:var(--text-lg);font-weight:800;color:var(--text-primary)}.cp-prompt-banner p{margin:0 0 var(--space-4);font-size:var(--text-sm);color:var(--text-secondary)}@media(max-width:480px){.cp-objective-grid,.cp-summary-grid{grid-template-columns:1fr}.cp-card-avatar-img,.cp-card-avatar-placeholder{width:48px;height:48px;font-size:var(--text-lg)}}.community-tab-content{animation:tabFadeIn .3s ease-out}@keyframes tabFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.community-btn:focus-visible,.community-icon-btn:focus-visible,.mod-filter-pill:focus-visible,.mod-action-btn:focus-visible,.cn-bell:focus-visible,.cn-mark-read:focus-visible,.cn-item:focus-visible{outline:2px solid var(--brand-primary, #818cf8);outline-offset:2px}.community-btn:active:not(:disabled),.community-icon-btn:active,.mod-filter-pill:active,.mod-action-btn:active:not(:disabled){transform:scale(.96);transition-duration:.08s}.community-btn.primary:active:not(:disabled),.community-btn.green:active:not(:disabled){transform:translateY(0) scale(.96)}.scroll-to-top{position:fixed;bottom:96px;right:24px;width:44px;height:44px;border-radius:var(--radius-full);background:var(--surface-2);border:1px solid var(--border-default);color:var(--text-secondary);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:39;opacity:0;pointer-events:none;transform:translateY(12px);transition:all .25s ease-out;box-shadow:0 4px 16px #0000004d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.scroll-to-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.scroll-to-top:hover{background:var(--surface-3);color:var(--text-primary);border-color:var(--border-strong);transform:translateY(-2px)}.scroll-to-top:active{transform:scale(.92)}.scroll-to-top:focus-visible{outline:2px solid var(--brand-primary);outline-offset:2px}@media(max-width:767.98px){.scroll-to-top{bottom:calc(84px + max(8px,env(safe-area-inset-bottom,8px)));right:16px}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes overlayFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}.community-modal-overlay{animation:overlayFadeIn .2s ease-out forwards}.community-modal{animation:modalSlideUp .3s cubic-bezier(.34,1.56,.64,1)}.cf-img-dot{transition:all .3s cubic-bezier(.4,0,.2,1)}.cf-post-card:hover,.mod-card:hover{box-shadow:0 8px 24px #00000040}@media(prefers-reduced-motion:reduce){.community-tab-content,.scroll-to-top,.community-modal,.community-modal-overlay{animation:none!important;transition:none!important}.scroll-to-top.visible{opacity:1;transform:none}}.notif-perm-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:linear-gradient(135deg,#6366f11f,#818cf814);border:1px solid rgba(129,140,248,.25);border-radius:var(--radius-xl);margin-bottom:var(--space-4);animation:tabFadeIn .4s ease-out}.notif-perm-content{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0}.notif-perm-icon{font-size:24px;flex-shrink:0}.notif-perm-text{display:flex;flex-direction:column;gap:2px}.notif-perm-text strong{font-size:var(--text-sm);font-weight:700;color:var(--text-primary)}.notif-perm-text span{font-size:var(--text-xs);color:var(--text-secondary);line-height:1.4}.notif-perm-actions{display:flex;gap:var(--space-2);flex-shrink:0}.notif-perm-enable{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);background:var(--brand-gradient);color:#fff;border:none;font-size:var(--text-xs);font-weight:700;cursor:pointer;transition:all var(--duration-fast);white-space:nowrap}.notif-perm-enable:hover{opacity:.9;transform:scale(1.02)}.notif-perm-enable:active{transform:scale(.96)}.notif-perm-enable:disabled{opacity:.6;cursor:default}.notif-perm-dismiss{padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);background:transparent;color:var(--text-tertiary);border:1px solid var(--border-default);font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:all var(--duration-fast);white-space:nowrap}.notif-perm-dismiss:hover{color:var(--text-secondary);border-color:var(--border-strong)}@media(max-width:480px){.notif-perm-banner{flex-direction:column;align-items:flex-start}.notif-perm-actions{width:100%}.notif-perm-enable{flex:1}}:root{--tier-bronze: #CD7F32;--tier-bronze-glow: rgba(205, 127, 50, .3);--tier-bronze-bg: rgba(205, 127, 50, .08);--tier-bronze-border: rgba(205, 127, 50, .25);--tier-argent: #C0C0C0;--tier-argent-glow: rgba(192, 192, 192, .3);--tier-argent-bg: rgba(192, 192, 192, .08);--tier-argent-border: rgba(192, 192, 192, .25);--tier-or: #FFD700;--tier-or-glow: rgba(255, 215, 0, .35);--tier-or-bg: rgba(255, 215, 0, .08);--tier-or-border: rgba(255, 215, 0, .3)}.cb-section{background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-5);margin-bottom:var(--space-5)}.cb-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-3);gap:var(--space-3);flex-wrap:wrap}.cb-title{margin:0;font-size:var(--text-lg);font-weight:800;color:var(--text-primary)}.cb-subtitle{display:block;font-size:var(--text-sm);font-weight:600;color:var(--text-tertiary);margin-top:2px}.cb-tier-legend{display:flex;gap:var(--space-2);align-items:center}.cb-tier-tag{display:inline-flex;align-items:center;padding:2px 10px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;letter-spacing:.02em}.cb-global-progress{position:relative;height:8px;background:var(--surface-3);border-radius:var(--radius-full);overflow:hidden;margin-bottom:var(--space-4)}.cb-global-fill{height:100%;background:var(--brand-gradient);border-radius:var(--radius-full);transition:width var(--duration-slow) var(--ease-out);min-width:2px}.cb-global-pct{position:absolute;right:0;top:-20px;font-size:var(--text-xs);font-weight:700;color:var(--text-tertiary)}.cb-next-section{margin-bottom:var(--space-4);padding:var(--space-4);background:var(--surface-2);border:1px solid var(--border-default);border-radius:var(--radius-lg)}.cb-next-label{display:block;font-size:var(--text-sm);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-3)}.cb-next-list{display:flex;flex-direction:column;gap:var(--space-3)}.cb-next-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-1);border:1px solid var(--border-default);transition:all var(--duration-fast)}.cb-next-icon{font-size:28px;flex-shrink:0}.cb-next-info{flex:1;min-width:0}.cb-next-name{display:block;font-size:var(--text-sm);font-weight:700;color:var(--text-primary);margin-bottom:4px}.cb-next-bar{height:5px;background:var(--surface-3);border-radius:var(--radius-full);overflow:hidden;margin-bottom:3px}.cb-next-fill{height:100%;border-radius:var(--radius-full);transition:width var(--duration-slow) var(--ease-out)}.cb-next-progress{font-size:11px;font-weight:600;color:var(--text-tertiary)}.cb-next-hint{background:none;border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;padding:var(--space-1) var(--space-2);font-size:var(--text-sm);transition:all var(--duration-fast);flex-shrink:0}.cb-next-hint:hover{background:var(--surface-3);color:var(--text-primary);border-color:var(--border-strong)}.cb-categories{display:flex;gap:var(--space-2);margin-bottom:var(--space-4);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:2px}.cb-categories::-webkit-scrollbar{display:none}.cb-cat-pill{padding:var(--space-1) var(--space-3);background:var(--surface-2);border:1px solid var(--border-default);border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--text-xs);font-weight:600;cursor:pointer;white-space:nowrap;transition:all var(--duration-fast)}.cb-cat-pill:hover{background:var(--surface-3);color:var(--text-primary)}.cb-cat-pill.active{background:var(--brand-gradient);color:#fff;border-color:transparent}.cb-series-list{display:flex;flex-direction:column;gap:var(--space-3)}.cb-series{background:var(--surface-2);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--duration-fast)}.cb-series:hover,.cb-series-open{border-color:var(--border-strong)}.cb-series-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-3) var(--space-4);background:transparent;border:none;color:inherit;cursor:pointer;text-align:left;gap:var(--space-3);transition:background var(--duration-fast)}.cb-series-header:hover{background:var(--surface-3)}.cb-series-left{display:flex;align-items:center;gap:var(--space-3);min-width:0;flex:1}.cb-series-icon{font-size:28px;flex-shrink:0;line-height:1}.cb-series-meta{min-width:0}.cb-series-name{display:block;font-size:var(--text-sm);font-weight:700;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cb-series-desc{display:block;font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:260px}.cb-series-tiers{display:flex;gap:6px;align-items:center;flex-shrink:0}.cb-tier-dot{width:12px;height:12px;border-radius:var(--radius-full);border:2px solid transparent;transition:all var(--duration-fast)}.cb-series-detail{display:flex;flex-direction:column;gap:var(--space-3);padding:0 var(--space-4) var(--space-4);animation:cbSlideDown var(--duration-normal) var(--ease-out)}@keyframes cbSlideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.cb-tier-card{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--surface-1);border:1px solid var(--border-default);transition:all var(--duration-fast)}.cb-tier-card-earned{background:var(--surface-2)}.cb-tier-card-top{display:flex;align-items:flex-start;gap:var(--space-3)}.cb-tier-icon{font-size:30px;flex-shrink:0;line-height:1;transition:transform var(--duration-fast)}.cb-locked{filter:grayscale(1);opacity:.4}.cb-tier-card:hover .cb-tier-icon:not(.cb-locked){transform:scale(1.1)}.cb-tier-card-info{flex:1;min-width:0}.cb-tier-card-name-row{display:flex;align-items:center;gap:var(--space-2);margin-bottom:2px}.cb-tier-card-name{font-size:var(--text-sm);font-weight:700;color:var(--text-primary)}.cb-tier-card-desc{margin:0;font-size:var(--text-xs);color:var(--text-tertiary);line-height:var(--leading-snug)}.cb-tier-xp{flex-shrink:0;font-size:var(--text-xs);font-weight:700;color:var(--brand-primary);background:#818cf81a;padding:2px 8px;border-radius:var(--radius-full);white-space:nowrap}.cb-tier-progress-row{display:flex;align-items:center;gap:var(--space-2);margin-top:var(--space-2)}.cb-tier-progress-bar{flex:1;height:5px;background:var(--surface-3);border-radius:var(--radius-full);overflow:hidden}.cb-tier-progress-fill{height:100%;border-radius:var(--radius-full);transition:width var(--duration-slow) var(--ease-out);min-width:1px}.cb-tier-progress-text{font-size:11px;font-weight:600;color:var(--text-tertiary);white-space:nowrap;min-width:36px;text-align:right}.cb-tier-earned-row{margin-top:var(--space-2)}.cb-tier-earned-check{font-size:var(--text-xs);font-weight:700;color:var(--success)}.cb-tier-hint{display:block;width:100%;margin-top:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--surface-2);border:1px dashed var(--border-default);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer;text-align:left;transition:all var(--duration-fast)}.cb-tier-hint:hover{background:var(--surface-3);border-color:var(--border-strong);color:var(--text-primary)}.cb-compact{margin-top:var(--space-3)}.cb-compact-label{display:block;font-size:var(--text-xs);font-weight:700;color:var(--text-tertiary);margin-bottom:var(--space-2)}.cb-compact-list{display:flex;gap:var(--space-2);flex-wrap:wrap;align-items:center}.cb-compact-badge{font-size:22px;cursor:default;transition:transform var(--duration-fast);position:relative}.cb-compact-badge:hover{transform:scale(1.15)}.cb-compact-more{font-size:var(--text-xs);font-weight:700;color:var(--text-tertiary);display:flex;align-items:center}.cb-compact-empty{font-size:var(--text-xs);color:var(--text-tertiary);font-style:italic}@media(max-width:640px){.cb-section{padding:var(--space-4)}.cb-header{flex-direction:column;gap:var(--space-2)}.cb-series-desc{max-width:160px}.cb-next-card,.cb-tier-card-top{flex-wrap:wrap}}@media(max-width:380px){.cb-series-header{padding:var(--space-2) var(--space-3)}.cb-series-detail{padding:0 var(--space-3) var(--space-3)}}.cb-near-section{background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-4);margin-bottom:var(--space-5)}.cb-near-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.cb-near-title{font-size:var(--text-base);font-weight:700;color:var(--text-primary)}.cb-near-count{font-size:var(--text-xs);color:var(--text-tertiary);background:var(--surface-2);padding:2px 10px;border-radius:999px}.cb-near-cards{display:flex;flex-direction:column;gap:var(--space-3)}.cb-near-card{background:var(--surface-2);border-radius:var(--radius-lg);padding:var(--space-3);border-left:3px solid transparent;transition:transform .15s ease,box-shadow .15s ease}.cb-near-card:hover{transform:translateY(-1px);box-shadow:0 2px 8px #0000000f}.cb-near-card-top{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.cb-near-icon{font-size:22px;flex-shrink:0}.cb-near-info{flex:1;min-width:0}.cb-near-name{display:block;font-weight:600;font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cb-near-tier{font-size:var(--text-xs);color:var(--text-tertiary)}.cb-near-pct{font-weight:700;font-size:var(--text-sm);color:var(--primary);flex-shrink:0}.cb-near-bar{height:6px;background:var(--surface-3, #e2e8f0);border-radius:999px;overflow:hidden;margin-bottom:var(--space-1)}.cb-near-fill{height:100%;border-radius:999px;transition:width .4s ease}.cb-near-detail{display:block;font-size:11px;color:var(--text-tertiary);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cl-card{background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-xl);padding:var(--space-4);margin-bottom:var(--space-4)}.cl-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.cl-level-badge{display:flex;align-items:center;gap:var(--space-3)}.cl-level-icon{font-size:32px;line-height:1}.cl-level-meta{display:flex;flex-direction:column}.cl-level-name{font-size:var(--text-base);font-weight:800;color:var(--text-primary)}.cl-level-num{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:600}.cl-xp-total{font-size:var(--text-sm);font-weight:700;color:var(--brand-primary);background:#818cf81a;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}.cl-progress-section{display:flex;flex-direction:column;gap:var(--space-2)}.cl-progress-bar{height:8px;background:var(--surface-3);border-radius:var(--radius-full);overflow:hidden}.cl-progress-fill{height:100%;background:var(--brand-gradient);border-radius:var(--radius-full);transition:width var(--duration-slow) var(--ease-out);min-width:2px}.cl-progress-labels{display:flex;justify-content:space-between;align-items:center}.cl-progress-current{font-size:var(--text-xs);font-weight:600;color:var(--text-tertiary)}.cl-progress-next{font-size:var(--text-xs);font-weight:700;color:var(--text-secondary)}.cl-max-level{text-align:center;font-size:var(--text-sm);font-weight:700;color:var(--tier-or, #FFD700);padding:var(--space-2)}.cl-reward-teaser{display:flex;align-items:center;gap:8px;width:100%;margin-top:10px;padding:10px 12px;background:linear-gradient(135deg,#fef3c720,#fde68a30);border:1px solid #fbbf2430;border-radius:var(--radius-md, 8px);font-size:12px;color:var(--text-primary, #1e293b);cursor:pointer;transition:all .15s;text-align:left}.cl-reward-teaser:hover{background:linear-gradient(135deg,#fef3c740,#fde68a50);transform:translateY(-1px)}.cl-reward-icon{font-size:20px;flex-shrink:0}.cl-reward-text{flex:1;line-height:1.3}.cl-reward-text strong{color:#d97706;font-weight:700}.cl-reward-arrow{font-size:18px;font-weight:700;color:#d97706;opacity:.7;flex-shrink:0}.cl-compact{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px var(--space-2);background:var(--surface-2);border:1px solid var(--border-default);border-radius:var(--radius-full)}.cl-compact-icon{font-size:14px;line-height:1}.cl-compact-name{font-size:11px;font-weight:700;color:var(--text-primary)}.cl-compact-lvl{font-size:10px;font-weight:600;color:var(--text-tertiary)}.cn-wrapper{position:relative}.cn-bell{position:relative;width:42px;height:42px;border-radius:var(--radius-full);background:var(--surface-2);border:1px solid var(--border-default);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-normal) var(--ease-out)}.cn-bell:hover{background:var(--surface-3);border-color:var(--border-strong)}.cn-bell-icon{font-size:18px}.cn-has-unread .cn-bell-icon{animation:bellShake .6s ease-in-out}@keyframes bellShake{0%,to{transform:rotate(0)}15%{transform:rotate(12deg)}30%{transform:rotate(-10deg)}45%{transform:rotate(8deg)}60%{transform:rotate(-6deg)}75%{transform:rotate(3deg)}}.cn-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;border-radius:var(--radius-full);background:#f87171;color:#fff;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;padding:0 4px;box-shadow:0 2px 6px #f8717166}.cn-panel{position:absolute;top:calc(100% + 8px);right:0;width:340px;max-height:440px;background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);z-index:60;overflow:hidden;animation:fadeInScale var(--duration-enter) var(--ease-out)}.cn-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-default)}.cn-panel-title{margin:0;font-size:var(--text-md);font-weight:800;color:var(--text-primary)}.cn-mark-read{background:none;border:none;color:var(--brand-primary);font-size:var(--text-xs);font-weight:600;cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);transition:background var(--duration-fast)}.cn-mark-read:hover{background:#818cf81a}.cn-panel-body{overflow-y:auto;max-height:380px}.cn-loading,.cn-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6) var(--space-4);color:var(--text-tertiary);font-size:var(--text-sm)}.cn-empty-icon{font-size:28px;margin-bottom:var(--space-2);opacity:.5}.cn-empty p{margin:0}.cn-list{display:flex;flex-direction:column}.cn-item{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:transparent;border:none;border-bottom:1px solid var(--border-subtle);cursor:pointer;text-align:left;width:100%;transition:background var(--duration-fast)}.cn-item:hover{background:var(--surface-2)}.cn-item:last-child{border-bottom:none}.cn-unread{background:#818cf80a}.cn-item-icon{font-size:18px;flex-shrink:0;margin-top:2px}.cn-item-content{flex:1;min-width:0}.cn-item-message{margin:0;font-size:var(--text-sm);font-weight:500;color:var(--text-primary);line-height:var(--leading-snug)}.cn-unread .cn-item-message{font-weight:700}.cn-item-time{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:2px;display:block}.cn-dot{width:8px;height:8px;border-radius:var(--radius-full);background:var(--brand-primary);flex-shrink:0;margin-top:6px}@media(max-width:480px){.cn-panel{width:calc(100vw - 32px);right:-8px}}.cbt-toast{position:fixed;top:24px;left:50%;transform:translate(-50%) translateY(-120px);z-index:10000;background:var(--surface-1);border:1px solid var(--tier-color, var(--border-strong));border-radius:var(--radius-xl);padding:var(--space-4);min-width:300px;max-width:400px;cursor:pointer;transition:transform .5s cubic-bezier(.34,1.56,.64,1),opacity .4s ease;opacity:0;overflow:hidden;box-shadow:0 0 20px var(--tier-glow, rgba(129, 140, 248, .2)),0 8px 32px #0006}.cbt-toast.cbt-visible{transform:translate(-50%) translateY(0);opacity:1}.cbt-sparkle{position:absolute;inset:0;background:radial-gradient(circle at 30% 50%,var(--tier-glow, rgba(129, 140, 248, .15)) 0%,transparent 70%);pointer-events:none;animation:cbtShimmer 2s ease-in-out infinite}@keyframes cbtShimmer{0%,to{opacity:.5}50%{opacity:1}}.cbt-content{display:flex;align-items:center;gap:var(--space-3);position:relative;z-index:1}.cbt-icon{font-size:40px;line-height:1;animation:cbtBounce .6s cubic-bezier(.34,1.56,.64,1) .2s both;filter:drop-shadow(0 0 8px var(--tier-glow, rgba(255, 255, 255, .3)))}@keyframes cbtBounce{0%{transform:scale(0)}60%{transform:scale(1.3)}to{transform:scale(1)}}.cbt-info{display:flex;flex-direction:column;gap:2px}.cbt-label{font-size:var(--text-xs);font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--tier-color, var(--brand-primary))}.cbt-name{font-size:var(--text-base);font-weight:800;color:var(--text-primary)}.cbt-tier{font-size:var(--text-xs);font-weight:600}.cbt-progress-sweep{position:absolute;bottom:0;left:0;height:3px;background:var(--tier-color, var(--brand-primary));border-radius:0 0 var(--radius-xl) var(--radius-xl);animation:cbtSweep 5s linear forwards}@keyframes cbtSweep{0%{width:100%}to{width:0%}}@media(max-width:480px){.cbt-toast{min-width:0;left:var(--space-3);right:var(--space-3);transform:translate(0) translateY(-120px)}.cbt-toast.cbt-visible{transform:translate(0) translateY(0)}}.report-modal{max-width:440px}.report-modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.report-modal-title{margin:0;font-size:var(--text-lg);font-weight:800;color:var(--text-primary);display:flex;align-items:center;gap:var(--space-2)}.report-modal-title svg{display:inline-block}.report-description{color:var(--text-secondary);font-size:var(--text-sm);margin:0 0 var(--space-3)}.report-reasons{display:flex;flex-direction:column;gap:var(--space-2)}.report-reason-btn{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:var(--surface-1);color:var(--text-primary);cursor:pointer;text-align:left;transition:all .15s;font-size:var(--text-sm)}.report-reason-btn:hover{background:var(--surface-2);border-color:var(--border-default)}.report-reason-btn.active{border-color:var(--brand-primary, #6366f1);background:#6366f11a}.report-reason-icon{flex-shrink:0}.report-reason-label{flex:1}.report-textarea-container{margin-top:var(--space-3)}.report-modal-textarea{width:100%}.report-modal-footer{margin-top:var(--space-4);display:flex;gap:var(--space-3)}.report-submit-btn{background:var(--error, #ef4444);color:var(--text-on-brand, white);border:none}.report-submit-btn:disabled{opacity:.6;cursor:not-allowed}.report-error-alert{margin-bottom:var(--space-3)}[data-theme=light] .report-reason-btn{background:var(--surface-1);border-color:var(--border-default);color:var(--text-primary)}[data-theme=light] .report-reason-btn:hover{background:var(--surface-2);border-color:var(--border-default)}[data-theme=light] .report-reason-btn.active{background:#6366f114;border-color:var(--brand-primary)}@media(max-width:480px){.report-modal{max-width:100%}.report-modal-header{flex-wrap:wrap;gap:var(--space-2)}.report-modal-title{font-size:var(--text-base)}.report-reason-btn{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}}@media(max-width:375px){.report-modal{max-width:100%}.report-modal-header{flex-direction:column;gap:var(--space-1)}.report-modal-title{font-size:var(--text-base)}.report-description{font-size:var(--text-xs)}.report-reason-btn{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.report-modal-footer{flex-direction:column;gap:var(--space-2)}.report-submit-btn{width:100%}}@media(min-width:768px){.report-modal{max-width:500px}.report-modal-header{flex-wrap:nowrap;gap:var(--space-3)}.report-modal-title{font-size:var(--text-lg)}.report-description{font-size:var(--text-base)}.report-reason-btn{padding:var(--space-3) var(--space-4);font-size:var(--text-sm)}.report-modal-footer{flex-direction:row;gap:var(--space-4)}.report-submit-btn{width:auto}}.cba-container{position:relative}.cba-title{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-xs);font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.cba-title:before{content:"🔄"}.cba-slider{position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;cursor:col-resize;user-select:none;-webkit-user-select:none;touch-action:none;background:var(--surface-0)}.cba-dragging{cursor:grabbing}.cba-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.cba-before-clip{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;transition:clip-path .05s linear}.cba-dragging .cba-before-clip{transition:none}.cba-label{position:absolute;top:12px;z-index:3;background:#000000a6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;font-size:var(--text-xs);font-weight:800;padding:4px 12px;border-radius:var(--radius-full);letter-spacing:.08em;transition:opacity var(--duration-fast)}.cba-label-before{left:12px}.cba-label-after{right:12px}.cba-handle{position:absolute;top:0;bottom:0;z-index:2;width:0;display:flex;align-items:center;justify-content:center;transform:translate(-50%)}.cba-handle-line{position:absolute;top:0;bottom:0;width:3px;background:#fff;box-shadow:0 0 8px #0006}.cba-handle-grip{position:relative;z-index:3;width:40px;height:40px;border-radius:var(--radius-full);background:#fff;box-shadow:0 2px 12px #0000004d;display:flex;align-items:center;justify-content:center;gap:2px;font-size:10px;color:var(--surface-0);font-weight:800;transition:transform var(--duration-fast)}.cba-dragging .cba-handle-grip{transform:scale(1.15);box-shadow:0 4px 20px #0006}@media(min-width:768px){.cba-slider{aspect-ratio:16 / 10}}.share-btn{display:inline-flex;align-items:center;gap:6px;border:none;cursor:pointer;transition:all .15s;font-family:inherit}.share-btn:active{transform:scale(.95)}.share-btn--icon{width:36px;height:36px;justify-content:center;border-radius:50%;background:var(--surface-muted, #f1f5f9);color:var(--text-secondary, #64748b);padding:0}.share-btn--icon:hover{background:#6366f115;color:#6366f1}.share-btn--mini{padding:4px 10px;border-radius:8px;background:var(--surface-muted, #f1f5f9);color:var(--text-secondary, #64748b);font-size:12px;font-weight:600}.share-btn--mini:hover{background:#6366f115;color:#6366f1}.share-btn--full{padding:10px 20px;border-radius:var(--radius-md, 10px);background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;font-size:14px;font-weight:700}.share-btn--full:hover{box-shadow:0 4px 16px #6366f14d;transform:translateY(-1px)}.share-btn-svg{flex-shrink:0}[data-theme=dark] .share-btn--icon,[data-theme=dark] .share-btn--mini{background:#1e293b;color:var(--text-secondary, #94a3b8)}.ct-container{margin-bottom:var(--space-5)}.ct-header{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.ct-fire{font-size:20px;animation:float 2s ease-in-out infinite}.ct-title{font-size:var(--text-lg);font-weight:800;color:var(--text-primary)}.ct-subtitle{font-size:var(--text-xs);color:var(--text-tertiary);margin-left:auto;font-weight:500}.ct-scroll{display:flex;gap:var(--space-3);overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:var(--space-2);scrollbar-width:none;scroll-snap-type:x mandatory}.ct-scroll::-webkit-scrollbar{display:none}.ct-card{position:relative;flex-shrink:0;width:180px;height:240px;border-radius:var(--radius-xl);overflow:hidden;border:1px solid var(--border-default);cursor:pointer;background:var(--surface-2);transition:all var(--duration-normal) var(--ease-out);scroll-snap-align:start;padding:0}.ct-card:hover{transform:translateY(-4px);border-color:var(--border-strong);box-shadow:0 8px 24px #0000004d}.ct-card:active{transform:scale(.97)}.ct-rank{position:absolute;top:8px;left:8px;z-index:3;background:var(--brand-gradient);color:#fff;font-size:var(--text-xs);font-weight:800;padding:2px 8px;border-radius:var(--radius-full);box-shadow:0 2px 8px #818cf866}.ct-thumb{width:100%;height:100%;object-fit:cover;display:block}.ct-thumb-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:48px;background:var(--surface-3);opacity:.5}.ct-overlay{position:absolute;bottom:0;left:0;right:0;padding:var(--space-4) var(--space-3) var(--space-3);background:linear-gradient(to top,rgba(0,0,0,.85) 0%,transparent 100%);display:flex;flex-direction:column;gap:2px}.ct-card-title{font-size:var(--text-sm);font-weight:700;color:#fff;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.ct-card-author{font-size:var(--text-xs);color:#ffffffb3;font-weight:500}.ct-card-stats{display:flex;gap:var(--space-3);margin-top:4px;font-size:var(--text-xs);color:#fffc;font-weight:600}.ct-skeleton{animation:pulse-soft 1.5s ease-in-out infinite;background:var(--surface-3)!important}@media(min-width:768px){.ct-card{width:200px;height:260px}}@media(max-width:480px){.ct-card{width:150px;height:200px}}.wcb-banner{margin:8px 16px;background:linear-gradient(135deg,#6366f12e,#a855f71f);border:1px solid rgba(99,102,241,.3);border-radius:14px;padding:14px}.wcb-top{display:flex;align-items:center;gap:10px;margin-bottom:8px}.wcb-emoji{font-size:28px;flex-shrink:0}.wcb-info{flex:1}.wcb-label{display:block;font-size:11px;font-weight:600;color:var(--brand-primary);text-transform:uppercase;letter-spacing:.5px}.wcb-theme{display:block;font-size:15px;font-weight:700;color:var(--text-primary)}.wcb-timer{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:var(--text-muted);background:#ffffff12;padding:4px 8px;border-radius:8px}.wcb-desc{font-size:13px;color:var(--text-secondary);margin:0 0 10px;line-height:1.4}.wcb-footer{display:flex;align-items:center;justify-content:space-between}.wcb-entries{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--text-muted)}.wcb-cta{background:var(--brand-primary);color:#fff;border:none;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:600;cursor:pointer}.wcb-cta:hover{opacity:.9}.wcb-banner--participated{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#34d39914;border-color:#34d39940}.wcb-participated-icon{color:#34d399;flex-shrink:0}.wcb-participated-text{font-size:12px;color:var(--text-secondary)}.wcb-participated-text strong{color:#34d399}.bag-section{margin-bottom:var(--space-5)}.bag-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.bag-title{margin:0;font-size:var(--text-lg);font-weight:800;color:var(--text-primary)}.bag-count{font-size:var(--text-xs);font-weight:600;color:var(--text-tertiary);background:var(--surface-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}.bag-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.bag-card{background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all var(--duration-fast)}.bag-card:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.bag-card-image{position:relative;aspect-ratio:4/3;overflow:hidden}.bag-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-normal)}.bag-card:hover .bag-card-image img{transform:scale(1.05)}.bag-card-overlay{position:absolute;inset:0;background:linear-gradient(transparent 50%,#000000b3);display:flex;align-items:flex-end;justify-content:center;padding:var(--space-3);opacity:0;transition:opacity var(--duration-fast)}.bag-card:hover .bag-card-overlay{opacity:1}.bag-card-label{font-size:var(--text-xs);font-weight:700;color:#fff;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}.bag-card-stats{position:absolute;top:var(--space-2);right:var(--space-2);display:flex;gap:var(--space-1)}.bag-card-stats span{font-size:11px;font-weight:700;color:#fff;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:2px 6px;border-radius:var(--radius-full)}.bag-card-footer{padding:var(--space-3)}.bag-card-author{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.bag-card-avatar{width:20px;height:20px;border-radius:var(--radius-full);object-fit:cover}.bag-card-avatar-ph{width:20px;height:20px;border-radius:var(--radius-full);background:var(--surface-3);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;color:var(--text-secondary)}.bag-card-name{font-size:var(--text-xs);font-weight:600;color:var(--text-secondary)}.bag-card-title{margin:0;font-size:var(--text-sm);font-weight:700;color:var(--text-primary);line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bag-modal-overlay{position:fixed;inset:0;z-index:9000;background:#000c;display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:fadeIn var(--duration-fast) ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.bag-modal{background:var(--surface-1);border-radius:var(--radius-xl);max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.bag-modal-close{position:absolute;top:var(--space-3);right:var(--space-3);z-index:10;width:32px;height:32px;border-radius:var(--radius-full);background:#00000080;color:#fff;border:none;font-size:var(--text-base);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background var(--duration-fast)}.bag-modal-close:hover{background:#000000b3}.bag-modal-info{padding:var(--space-4)}.bag-modal-author{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.bag-modal-name{font-size:var(--text-sm);font-weight:700;color:var(--text-primary)}.bag-modal-title{margin:0 0 var(--space-2);font-size:var(--text-lg);font-weight:800;color:var(--text-primary)}.bag-modal-desc{margin:0 0 var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.bag-modal-stats{display:flex;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-tertiary)}.bag-empty{text-align:center;padding:var(--space-8) var(--space-4);background:var(--surface-1);border:1px dashed var(--border-default);border-radius:var(--radius-xl)}.bag-empty-icon{font-size:48px;display:block;margin-bottom:var(--space-3)}.bag-empty p{margin:0;color:var(--text-secondary);font-size:var(--text-sm)}.bag-empty-hint{margin-top:var(--space-2)!important;font-size:var(--text-xs)!important;color:var(--text-tertiary)!important}.bag-skeleton{aspect-ratio:4/3;border-radius:var(--radius-lg);background:var(--surface-2);animation:bagPulse 1.5s infinite}@keyframes bagPulse{0%,to{opacity:.5}50%{opacity:.8}}@media(max-width:480px){.bag-grid{grid-template-columns:1fr}}.mkp-section{margin-bottom:var(--space-5)}.mkp-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4);flex-wrap:wrap;gap:var(--space-2)}.mkp-title{margin:0;font-size:var(--text-lg);font-weight:800;color:var(--text-primary)}.mkp-create-btn{padding:var(--space-2) var(--space-4);background:var(--brand-gradient);color:var(--text-on-brand, #fff);border:none;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:700;cursor:pointer;transition:all var(--duration-fast)}.mkp-create-btn:hover{opacity:.9;transform:scale(1.02)}.mkp-search{margin-bottom:var(--space-3)}.mkp-search-input{width:100%;padding:var(--space-3) var(--space-4);background:var(--surface-2);border:1px solid var(--border-default);border-radius:var(--radius-lg);color:var(--text-primary);font-size:var(--text-sm);outline:none;box-sizing:border-box}.mkp-search-input:focus{border-color:var(--brand-primary)}.mkp-search-input::placeholder{color:var(--text-tertiary)}.mkp-type-filters{display:flex;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap}.mkp-type-pill{padding:var(--space-1) var(--space-3);background:var(--surface-2);border:1px solid var(--border-default);border-radius:var(--radius-full);color:var(--text-secondary);font-size:var(--text-xs);font-weight:600;cursor:pointer;transition:all var(--duration-fast);white-space:nowrap}.mkp-type-pill:hover{background:var(--surface-3);color:var(--text-primary)}.mkp-type-pill:focus-visible{outline:2px solid var(--brand-primary, #818cf8);outline-offset:2px}.mkp-type-pill.active{background:var(--brand-gradient);color:var(--text-on-brand, #fff);border-color:transparent}.mkp-categories{display:flex;gap:10px;margin-bottom:var(--space-4);overflow-x:auto;scrollbar-width:none;padding-bottom:2px;justify-content:flex-start}.mkp-categories::-webkit-scrollbar{display:none}.mkp-cat-pill{width:40px;height:40px;padding:0;display:flex;align-items:center;justify-content:center;background:var(--surface-2);border:2px solid var(--border-default);border-radius:50%;color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast);flex-shrink:0}.mkp-cat-pill:hover{background:var(--surface-3);color:var(--brand-primary);border-color:var(--brand-primary);transform:scale(1.1)}.mkp-cat-pill:focus-visible{outline:2px solid var(--brand-primary, #818cf8);outline-offset:2px}.mkp-cat-pill.active{background:var(--brand-gradient);color:var(--text-on-brand, #fff);border-color:transparent;box-shadow:0 4px 12px #ff6b354d}.mkp-cat-pill svg{flex-shrink:0}.mkp-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.mkp-card{background:var(--surface-1);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all var(--duration-fast)}.mkp-card:hover{border-color:var(--border-strong);transform:translateY(-2px);box-shadow:0 8px 24px #0000004d}.mkp-card-image{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--surface-2)}.mkp-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--duration-normal)}.mkp-card:hover .mkp-card-image img{transform:scale(1.05)}.mkp-card-no-img{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:40px;opacity:.3}.mkp-card-type{position:absolute;top:var(--space-2);left:var(--space-2);padding:2px 8px;border-radius:var(--radius-full);font-size:11px;font-weight:700;color:var(--text-on-brand, #fff)}.mkp-card-body{padding:var(--space-3)}.mkp-card-title{margin:0 0 var(--space-1);font-size:var(--text-sm);font-weight:700;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mkp-card-meta{display:flex;gap:var(--space-2);align-items:center;margin-bottom:var(--space-2);flex-wrap:wrap}.mkp-card-condition{font-size:11px;font-weight:600;color:var(--text-tertiary)}.mkp-card-location{font-size:11px;color:var(--text-tertiary)}.mkp-card-footer{display:flex;justify-content:space-between;align-items:center}.mkp-card-price{font-size:var(--text-sm);font-weight:800;color:var(--text-primary)}.mkp-card-author{font-size:11px;color:var(--text-tertiary)}.mkp-modal-overlay{position:fixed;inset:0;z-index:var(--z-modal-overlay, 1000);background:#000c;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.mkp-modal{background:var(--surface-1);border-radius:var(--radius-xl);max-width:550px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.mkp-modal-close{position:absolute;top:var(--space-3);right:var(--space-3);z-index:var(--z-sticky, 10);width:32px;height:32px;border-radius:var(--radius-full);background:#00000080;color:var(--text-on-dark, #fff);border:none;font-size:var(--text-base);cursor:pointer;display:flex;align-items:center;justify-content:center}.mkp-modal-close:hover{background:#000000b3}.mkp-modal-images{display:flex;overflow-x:auto;scrollbar-width:none}.mkp-modal-images img{width:100%;flex-shrink:0;object-fit:cover;max-height:350px}.mkp-modal-body{padding:var(--space-4)}.mkp-modal-title{margin:var(--space-2) 0;font-size:var(--text-lg);font-weight:800;color:var(--text-primary)}.mkp-modal-price{margin:0 0 var(--space-3);font-size:var(--text-xl);font-weight:800;color:var(--brand-primary)}.mkp-modal-details{display:flex;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-3);flex-wrap:wrap}.mkp-modal-desc{margin:0 0 var(--space-4);font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.mkp-modal-author{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.mkp-modal-avatar{width:40px;height:40px;border-radius:var(--radius-full);object-fit:cover}.mkp-modal-avatar-ph{width:40px;height:40px;border-radius:var(--radius-full);background:var(--surface-3);display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--text-secondary)}.mkp-modal-author-name{display:block;font-weight:700;color:var(--text-primary);font-size:var(--text-sm)}.mkp-modal-author-loc{display:block;font-size:var(--text-xs);color:var(--text-tertiary)}.mkp-contact-btn{width:100%;padding:var(--space-3);background:var(--brand-gradient);color:var(--text-on-brand, #fff);border:none;border-radius:var(--radius-lg);font-weight:700;font-size:var(--text-base);cursor:pointer;transition:opacity var(--duration-fast)}.mkp-contact-btn:hover{opacity:.9}.mkp-create-modal{max-width:500px}.mkp-create-title{margin:0 0 var(--space-4);padding:var(--space-4) var(--space-4) 0;font-size:var(--text-lg);font-weight:800;color:var(--text-primary)}.mkp-form{padding:0 var(--space-4) var(--space-4);display:flex;flex-direction:column;gap:var(--space-3)}.mkp-label{font-size:var(--text-xs);font-weight:700;color:var(--text-secondary)}.mkp-input,.mkp-textarea,.mkp-select{width:100%;padding:var(--space-2) var(--space-3);background:var(--surface-2);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);box-sizing:border-box}.mkp-input:focus,.mkp-textarea:focus,.mkp-select:focus{outline:none;border-color:var(--brand-primary)}.mkp-textarea{resize:vertical;min-height:80px}.mkp-select{appearance:none;cursor:pointer}.mkp-file-input{font-size:var(--text-sm);color:var(--text-secondary)}.mkp-file-count{font-size:var(--text-xs);color:var(--text-tertiary)}.mkp-submit-btn{padding:var(--space-3);background:var(--brand-gradient);color:var(--text-on-brand, #fff);border:none;border-radius:var(--radius-lg);font-weight:700;font-size:var(--text-base);cursor:pointer}.mkp-submit-btn:disabled{opacity:.5;cursor:not-allowed}.mkp-empty{text-align:center;padding:var(--space-8) var(--space-4);background:var(--surface-1);border:1px dashed var(--border-default);border-radius:var(--radius-xl)}.mkp-empty-icon{font-size:48px;display:block;margin-bottom:var(--space-3)}.mkp-empty p{margin:0 0 var(--space-3);color:var(--text-secondary)}.mkp-skeleton{aspect-ratio:3/4;border-radius:var(--radius-lg);background:var(--surface-2);animation:mkpPulse 1.5s infinite}@keyframes mkpPulse{0%,to{opacity:.5}50%{opacity:.8}}@media(prefers-reduced-motion:reduce){.mkp-skeleton{animation:none!important}}@media(max-width:480px){.mkp-grid{grid-template-columns:1fr}}@media(max-width:375px){.mkp-section{margin-bottom:var(--space-4)}.mkp-header{flex-direction:column;gap:var(--space-3)}.mkp-title{font-size:var(--text-base)}.mkp-create-btn{width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.mkp-search-input{font-size:16px}.mkp-type-filters{gap:var(--space-1);overflow-x:auto;-webkit-overflow-scrolling:touch}.mkp-type-pill{padding:var(--space-1) var(--space-2);font-size:10px;flex-shrink:0}.mkp-grid{grid-template-columns:1fr;gap:var(--space-2)}.mkp-modal{max-width:100%;max-height:95vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.mkp-modal-body{padding:var(--space-3)}}@media(min-width:768px){.mkp-section{margin-bottom:var(--space-6)}.mkp-header{flex-direction:row;gap:var(--space-4)}.mkp-title{font-size:var(--text-xl)}.mkp-create-btn{padding:var(--space-2) var(--space-5)}.mkp-type-filters{gap:var(--space-3);overflow-x:visible}.mkp-type-pill{padding:var(--space-1) var(--space-4);font-size:var(--text-sm)}.mkp-grid{grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.mkp-modal{max-width:600px;max-height:85vh}.mkp-modal-body{padding:var(--space-5) var(--space-6)}}[data-theme=light] .mkp-modal-overlay{background:#0006}[data-theme=light] .mkp-modal{background:var(--surface-1);box-shadow:0 12px 48px #0000001f}[data-theme=light] .mkp-modal-close{background:#00000026;color:var(--text-primary)}[data-theme=light] .mkp-modal-close:hover{background:#0003}[data-theme=light] .mkp-card{background:var(--surface-1);border-color:var(--border-default)}[data-theme=light] .mkp-card:hover{border-color:var(--border-strong);box-shadow:0 8px 24px #00000014}[data-theme=light] .mkp-card-image{background:var(--surface-2)}[data-theme=light] .mkp-search-input{background:var(--surface-2);border-color:var(--border-default);color:var(--text-primary)}[data-theme=light] .mkp-search-input:focus{border-color:var(--brand-primary)}[data-theme=light] .mkp-search-input::placeholder{color:var(--text-tertiary)}[data-theme=light] .mkp-type-pill,[data-theme=light] .mkp-cat-pill{background:var(--surface-2);border-color:var(--border-default);color:var(--text-secondary)}[data-theme=light] .mkp-type-pill:hover,[data-theme=light] .mkp-cat-pill:hover{background:var(--surface-3);color:var(--text-primary)}[data-theme=light] .mkp-empty{background:var(--surface-1);border-color:var(--border-default)}[data-theme=light] .mkp-textarea,[data-theme=light] .mkp-select{background:var(--surface-2);border-color:var(--border-default);color:var(--text-primary)}[data-theme=light] .mkp-textarea:focus,[data-theme=light] .mkp-select:focus{border-color:var(--brand-primary)}.msg-overlay{position:fixed;inset:0;z-index:var(--z-modal-backdrop, 1000);background:#0009;display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.msg-panel{background:var(--surface-0);border:1px solid var(--border-default);border-radius:var(--radius-xl);width:100%;max-width:480px;height:80vh;max-height:640px;display:flex;flex-direction:column;overflow:hidden}.msg-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-default)}.msg-title{margin:0;font-size:var(--text-base);font-weight:800;color:var(--text-primary)}.msg-back-btn{background:none;border:none;color:var(--brand-primary);font-weight:700;font-size:var(--text-sm);cursor:pointer}.msg-close-btn{min-width:44px;min-height:44px;border-radius:var(--radius-full);background:var(--surface-2);border:none;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:var(--text-sm)}.msg-close-btn:hover{background:var(--surface-3)}.msg-conv-list{flex:1;overflow-y:auto}.msg-conv-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;border-bottom:1px solid var(--border-subtle, var(--border-default));transition:background var(--duration-fast)}.msg-conv-item:hover{background:var(--surface-1)}.msg-conv-item.msg-unread{background:#818cf80a}.msg-conv-avatar{width:44px;height:44px;border-radius:var(--radius-full);overflow:hidden;flex-shrink:0;background:var(--surface-2);display:flex;align-items:center;justify-content:center}.msg-conv-avatar img{width:100%;height:100%;object-fit:cover}.msg-conv-avatar span{font-weight:800;font-size:var(--text-base);color:var(--text-secondary)}.msg-conv-info{flex:1;min-width:0}.msg-conv-top{display:flex;justify-content:space-between;align-items:center}.msg-conv-name{font-weight:700;font-size:var(--text-sm);color:var(--text-primary)}.msg-conv-time{font-size:11px;color:var(--text-tertiary);flex-shrink:0}.msg-conv-preview{margin:2px 0 0;font-size:var(--text-xs);color:var(--text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-unread .msg-conv-name{color:var(--text-primary)}.msg-unread .msg-conv-preview{color:var(--text-secondary);font-weight:600}.msg-conv-badge{min-width:20px;height:20px;border-radius:var(--radius-full);background:var(--brand-primary);color:var(--text-on-brand, #fff);font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;padding:0 5px;flex-shrink:0}.msg-chat-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border-default)}.msg-chat-avatar{width:32px;height:32px;border-radius:var(--radius-full);overflow:hidden;background:var(--surface-2);display:flex;align-items:center;justify-content:center}.msg-chat-avatar img{width:100%;height:100%;object-fit:cover}.msg-chat-avatar span{font-weight:800;font-size:var(--text-sm);color:var(--text-secondary)}.msg-chat-name{font-weight:700;font-size:var(--text-sm);color:var(--text-primary)}.msg-messages{flex:1;overflow-y:auto;padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.msg-bubble{max-width:80%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);position:relative}.msg-mine{align-self:flex-end;background:var(--brand-primary);color:var(--text-on-brand, #fff);border-bottom-right-radius:4px}.msg-theirs{align-self:flex-start;background:var(--surface-2);color:var(--text-primary);border-bottom-left-radius:4px}.msg-text{margin:0;font-size:var(--text-sm);line-height:var(--leading-snug);word-break:break-word}.msg-time{display:block;font-size:10px;margin-top:2px;opacity:.6}.msg-mine .msg-time{text-align:right}.msg-input-bar{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--border-default)}.msg-input{flex:1;padding:var(--space-2) var(--space-3);background:var(--surface-2);border:1px solid var(--border-default);border-radius:var(--radius-full);color:var(--text-primary);font-size:var(--text-sm);outline:none}.msg-input:focus{border-color:var(--brand-primary)}.msg-input::placeholder{color:var(--text-tertiary)}.msg-send-btn{width:36px;height:36px;border-radius:var(--radius-full);background:var(--brand-gradient);color:var(--text-on-brand, #fff);border:none;font-size:var(--text-base);font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;min-width:44px;min-height:44px}.msg-send-btn:disabled{opacity:.4;cursor:not-allowed}.msg-empty,.msg-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);color:var(--text-tertiary)}.msg-empty-icon{font-size:40px;margin-bottom:var(--space-2)}.msg-empty p,.msg-loading{margin:0;font-size:var(--text-sm)}.msg-image{max-width:100%;max-height:200px;border-radius:var(--radius-sm);margin-bottom:4px;cursor:pointer;object-fit:cover;display:block}.msg-mine .msg-image{border-radius:var(--radius-sm) var(--radius-sm) 4px var(--radius-sm)}.msg-theirs .msg-image{border-radius:var(--radius-sm) var(--radius-sm) var(--radius-sm) 4px}.msg-image-preview-bar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--surface-1);border-top:1px solid var(--border-subtle)}.msg-image-preview-thumb{width:48px;height:48px;border-radius:var(--radius-sm);object-fit:cover}.msg-image-uploading{font-size:12px;color:var(--brand-primary);flex:1}.msg-image-preview-remove{width:24px;height:24px;border-radius:50%;background:var(--surface-3);border:none;color:var(--text-secondary);font-size:12px;cursor:pointer;display:flex;align-items:center;justify-content:center}.msg-attach-btn{width:36px;height:36px;border-radius:var(--radius-full);background:var(--surface-2);border:1px solid var(--border-default);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--duration-fast)}.msg-attach-btn:hover{background:var(--surface-3);border-color:var(--brand-primary)}.msg-attach-btn:disabled{opacity:.4;cursor:not-allowed}@media(max-width:480px){.msg-panel{height:100vh;max-height:100vh;border-radius:0}.msg-overlay{padding:0}}[data-theme=light] .msg-overlay{background:#0000004d}[data-theme=light] .msg-panel{background:var(--surface-1);box-shadow:0 8px 32px #0000001a}[data-theme=light] .msg-header{border-bottom-color:var(--border-default)}[data-theme=light] .msg-conv-item:hover{background:var(--surface-2)}[data-theme=light] .msg-conv-item.msg-unread{background:#6366f10d}[data-theme=light] .msg-mine{background:var(--brand-primary);color:var(--text-on-brand, #ffffff)}[data-theme=light] .msg-theirs{background:var(--surface-2);color:var(--text-primary)}[data-theme=light] .msg-input{background:var(--surface-1);border-color:var(--border-default);color:var(--text-primary)}[data-theme=light] .msg-input::placeholder{color:var(--text-tertiary)}[data-theme=light] .msg-image-preview-bar{background:var(--surface-2);border-top-color:var(--border-default)}[data-theme=light] .msg-attach-btn{background:var(--surface-2);border-color:var(--border-default)}[data-theme=light] .msg-attach-btn:hover{background:var(--surface-3)}@media(max-width:375px){.msg-overlay{padding:var(--space-2)}.msg-panel{height:100vh;max-height:100vh;border-radius:0}.msg-header{padding:var(--space-2) var(--space-3)}.msg-title{font-size:var(--text-sm)}.msg-messages,.msg-input-bar{padding:var(--space-2) var(--space-3);gap:var(--space-1)}.msg-input{font-size:16px}.msg-bubble{max-width:90%}}@media(min-width:768px){.msg-panel{width:100%;max-width:680px;height:auto;max-height:800px}.msg-header{padding:var(--space-4) var(--space-5)}.msg-title{font-size:var(--text-lg)}.msg-messages{padding:var(--space-5);gap:var(--space-3)}.msg-input-bar{padding:var(--space-4) var(--space-5);gap:var(--space-3)}.msg-bubble{max-width:70%}}.cpp-page{max-width:680px;margin:0 auto;padding:var(--space-4) 0}.cpp-back{background:none;border:none;color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;padding:var(--space-2) 0;margin-bottom:var(--space-3);transition:color .15s}.cpp-back:hover{color:var(--text-primary)}.cpp-cover{position:relative;height:140px;border-radius:var(--radius-xl) var(--radius-xl) 0 0;overflow:hidden;background:var(--brand-gradient)}.cpp-cover-img{width:100%;height:100%;object-fit:cover}.cpp-cover-gradient{position:absolute;inset:0;background:linear-gradient(to top,var(--surface-1) 0%,transparent 60%)}.cpp-hero{display:flex;align-items:flex-start;gap:var(--space-4);padding:0 var(--space-4);margin-top:-40px;position:relative;z-index:2;flex-wrap:wrap}.cpp-avatar-wrap{position:relative;flex-shrink:0}.cpp-avatar-img,.cpp-avatar-placeholder{width:88px;height:88px;border-radius:50%;border:3px solid var(--surface-1);object-fit:cover}.cpp-avatar-placeholder{display:flex;align-items:center;justify-content:center;background:var(--brand-gradient);color:var(--text-on-brand, #ffffff);font-size:32px;font-weight:700}.cpp-avatar-level{position:absolute;bottom:0;right:-2px;font-size:20px;background:var(--surface-2);border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border:2px solid var(--surface-1)}.cpp-identity{flex:1;min-width:0;padding-top:44px}.cpp-pseudo{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);margin:0}.cpp-metier{font-size:var(--text-sm);color:var(--text-secondary);margin:2px 0 0}.cpp-meta-row{display:flex;align-items:center;gap:var(--space-3);margin-top:var(--space-1);flex-wrap:wrap}.cpp-location,.cpp-join-date{font-size:var(--text-xs);color:var(--text-tertiary)}.cpp-actions{display:flex;gap:var(--space-2);padding-top:44px;flex-shrink:0}.cpp-follow-btn{padding:8px 20px;border-radius:var(--radius-lg);border:none;font-weight:600;font-size:var(--text-sm);cursor:pointer;transition:all .2s;background:var(--brand-gradient);color:var(--text-on-brand, #ffffff)}.cpp-follow-btn:hover{opacity:.9;transform:translateY(-1px)}.cpp-follow-btn.following{background:var(--surface-3);color:var(--text-secondary)}.cpp-follow-btn.following:hover{background:var(--surface-4)}.cpp-message-btn{padding:8px 16px;border-radius:var(--radius-lg);border:1px solid var(--border-default);background:var(--surface-2);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;transition:all .2s}.cpp-message-btn:hover{background:var(--surface-3)}.cpp-stats-bar{display:flex;justify-content:space-around;padding:var(--space-4) var(--space-4);margin:var(--space-4) 0;background:var(--surface-1);border-radius:var(--radius-xl);border:1px solid var(--border-subtle)}.cpp-stat{display:flex;flex-direction:column;align-items:center;gap:2px}.cpp-stat-num{font-size:var(--text-lg);font-weight:700;color:var(--text-primary)}.cpp-stat-label{font-size:var(--text-xs);color:var(--text-tertiary)}.cpp-bio{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;padding:0 var(--space-4);margin:0 0 var(--space-3)}.cpp-objective{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);margin:0 0 var(--space-3);background:var(--surface-1);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--text-secondary)}.cpp-obj-detail{color:var(--text-tertiary);font-style:italic}.cpp-specialties{padding:0 var(--space-4);margin-bottom:var(--space-3)}.cpp-section-title{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 var(--space-2)}.cpp-specialty-chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.cpp-specialty{padding:6px 12px;background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);font-size:var(--text-xs);color:var(--text-secondary);text-transform:capitalize}.cpp-experience{display:flex;align-items:center;gap:var(--space-3);padding:0 var(--space-4);margin-bottom:var(--space-4)}.cpp-experience-badge{padding:4px 12px;background:var(--surface-2);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.cpp-streak{padding:4px 12px;background:#ff64001a;border:1px solid rgba(255,100,0,.25);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--streak-color);font-weight:600}.cpp-section-tabs{display:flex;border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-4)}.cpp-section-tab{flex:1;padding:var(--space-3);background:none;border:none;border-bottom:2px solid transparent;color:var(--text-tertiary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all .2s;text-align:center}.cpp-section-tab:hover{color:var(--text-secondary)}.cpp-section-tab.active{color:var(--text-primary);border-bottom-color:var(--brand-primary, #6366f1)}.cpp-posts{display:flex;flex-direction:column;gap:var(--space-3)}.cpp-badges{padding:0 var(--space-2)}.cpp-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-3);padding:0 var(--space-2)}.cpp-stat-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);transition:transform .15s,border-color .15s}.cpp-stat-card:hover{transform:translateY(-2px);border-color:var(--border-default)}.cpp-stat-card-num{font-size:var(--text-lg);font-weight:700;color:var(--text-primary)}.cpp-stat-card-label{font-size:var(--text-xs);color:var(--text-tertiary)}.cpp-loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-8);color:var(--text-tertiary)}.cpp-empty,.cpp-empty-section{text-align:center;padding:var(--space-8);color:var(--text-tertiary)}.cpp-empty-icon{font-size:48px;display:block;margin-bottom:var(--space-3)}@media(max-width:375px){.cpp-page{padding:var(--space-3) 0}.cpp-hero{gap:var(--space-2)}.cpp-avatar-img,.cpp-avatar-placeholder{width:64px;height:64px}.cpp-identity{padding-top:32px}.cpp-actions{padding-top:32px;gap:var(--space-1)}.cpp-pseudo{font-size:var(--text-lg)}.cpp-metier{font-size:var(--text-xs)}.cpp-stats-bar{gap:0;padding:var(--space-2)}.cpp-stat-num{font-size:var(--text-base)}.cpp-stat-label{font-size:10px}.cpp-stats-grid{grid-template-columns:1fr;gap:var(--space-2);padding:0 var(--space-1)}}@media(max-width:480px){.cpp-hero{gap:var(--space-3)}.cpp-avatar-img,.cpp-avatar-placeholder{width:72px;height:72px}.cpp-identity,.cpp-actions{padding-top:36px}.cpp-stats-bar{gap:var(--space-2);padding:var(--space-3)}.cpp-stats-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:768px){.cpp-page{max-width:800px;padding:var(--space-5) 0}.cpp-avatar-img,.cpp-avatar-placeholder{width:100px;height:100px}.cpp-identity,.cpp-actions{padding-top:48px}.cpp-stats-bar{padding:var(--space-5);gap:var(--space-4)}.cpp-stat-num{font-size:var(--text-xl)}.cpp-stats-grid{grid-template-columns:repeat(4,1fr);gap:var(--space-4);padding:0 var(--space-3)}.cpp-section-tabs{margin-bottom:var(--space-5)}.cpp-posts{gap:var(--space-4)}}[data-theme=light] .cpp-back{color:var(--text-secondary)}[data-theme=light] .cpp-back:hover{color:var(--text-primary)}[data-theme=light] .cpp-cover-gradient{background:linear-gradient(to top,var(--surface-0) 0%,transparent 60%)}[data-theme=light] .cpp-avatar-img,[data-theme=light] .cpp-avatar-placeholder{border-color:var(--surface-0)}[data-theme=light] .cpp-avatar-level{background:var(--surface-1);border-color:var(--surface-0)}[data-theme=light] .cpp-pseudo{color:var(--text-primary)}[data-theme=light] .cpp-metier{color:var(--text-secondary)}[data-theme=light] .cpp-location,[data-theme=light] .cpp-join-date{color:var(--text-tertiary)}[data-theme=light] .cpp-follow-btn{color:var(--text-on-brand, #ffffff)}[data-theme=light] .cpp-follow-btn.following{background:var(--surface-2);color:var(--text-secondary)}[data-theme=light] .cpp-follow-btn.following:hover{background:var(--surface-3)}[data-theme=light] .cpp-message-btn{background:var(--surface-1);color:var(--text-primary);border-color:var(--border-default)}[data-theme=light] .cpp-message-btn:hover{background:var(--surface-2)}[data-theme=light] .cpp-stats-bar{background:var(--surface-1);border-color:var(--border-subtle)}[data-theme=light] .cpp-stat-num{color:var(--text-primary)}[data-theme=light] .cpp-stat-label{color:var(--text-tertiary)}[data-theme=light] .cpp-bio{color:var(--text-secondary)}[data-theme=light] .cpp-objective{background:var(--surface-1);border-radius:var(--radius-lg);color:var(--text-secondary)}[data-theme=light] .cpp-obj-detail,[data-theme=light] .cpp-section-title{color:var(--text-tertiary)}[data-theme=light] .cpp-specialty{background:var(--surface-1);border-color:var(--border-subtle);color:var(--text-secondary)}[data-theme=light] .cpp-experience-badge{background:var(--surface-1);color:var(--text-primary)}[data-theme=light] .cpp-streak{background:#ff640014;border-color:#ff640026}[data-theme=light] .cpp-section-tab{color:var(--text-tertiary)}[data-theme=light] .cpp-section-tab:hover{color:var(--text-secondary)}[data-theme=light] .cpp-section-tab.active{color:var(--text-primary)}[data-theme=light] .cpp-stat-card{background:var(--surface-1);border-color:var(--border-subtle)}[data-theme=light] .cpp-stat-card:hover{border-color:var(--border-default)}[data-theme=light] .cpp-stat-card-num{color:var(--text-primary)}[data-theme=light] .cpp-stat-card-label,[data-theme=light] .cpp-loading,[data-theme=light] .cpp-empty,[data-theme=light] .cpp-empty-section{color:var(--text-tertiary)}