.share-overlay{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:20px;background:#06040ab8;animation:share-fade .16s ease}@keyframes share-fade{0%{opacity:0}to{opacity:1}}.share-card{position:relative;width:100%;max-width:396px;padding:28px 24px 24px;border-radius:26px;border:1px solid var(--sl-color-border, rgba(255, 255, 255, .12));background:radial-gradient(120% 90% at 50% -10%,color-mix(in srgb,var(--sl-color-accent-base, #f04d6c) 12%,transparent) 0%,transparent 60%),var(--sl-color-surface-elevated, #17101f);box-shadow:0 30px 80px #0009;text-align:center;animation:share-pop .2s cubic-bezier(.22,1,.36,1)}@keyframes share-pop{0%{transform:translateY(10px) scale(.985);opacity:0}to{transform:none;opacity:1}}.share-grab{display:none}.share-close{position:absolute;top:12px;right:12px;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;border:none;background:var(--sl-color-surface-2, rgba(255, 255, 255, .06));color:var(--sl-color-text-muted, rgba(255, 255, 255, .6));cursor:pointer;transition:background .15s ease,color .15s ease}.share-close:hover{background:#ffffff1f;color:#fff}.share-close:focus-visible,.share-copy:focus-visible,.share-act:focus-visible,.share-social:focus-visible{outline:2px solid var(--sl-color-accent-base, #f04d6c);outline-offset:2px}.share-head{display:flex;flex-direction:column;align-items:center;gap:3px;margin-bottom:18px}.share-avatar{width:62px;height:62px;border-radius:50%;overflow:hidden;display:grid;place-items:center;margin-bottom:10px;color:#fff;font-weight:700;font-size:25px;background:var(--sl-gradient-accent, linear-gradient(135deg, #F04D6C 0%, #C2367F 100%));box-shadow:0 0 0 2px var(--sl-color-surface-elevated, #17101f),0 0 0 4px color-mix(in srgb,var(--sl-color-accent-base, #f04d6c) 55%,transparent)}.share-avatar img{width:100%;height:100%;object-fit:cover}.share-title{font-size:20px;font-weight:700;letter-spacing:-.01em}.share-sub{font-size:14px;color:var(--sl-color-text-muted, rgba(255, 255, 255, .6))}.share-qr{width:232px;height:232px;margin:0 auto 18px;padding:14px;border-radius:22px;background:#fff;display:grid;place-items:center;box-shadow:0 10px 30px #00000047,inset 0 0 0 1px #0000000a}.share-qr canvas{width:204px;height:204px}.share-url{display:flex;align-items:center;gap:8px;padding:7px 7px 7px 15px;border-radius:14px;border:1px solid var(--sl-color-border, rgba(255, 255, 255, .12));background:var(--sl-color-surface-2, rgba(255, 255, 255, .04));margin-bottom:16px}.share-url-text{flex:1;min-width:0;text-align:left;font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.share-copy{flex:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:9px 14px;border-radius:10px;border:none;cursor:pointer;font-size:13.5px;font-weight:600;background:var(--sl-color-surface-3, rgba(255, 255, 255, .09));color:var(--sl-color-text, #f4eefb);transition:background .15s ease,color .15s ease}.share-copy:hover{background:#ffffff26}.share-copy.is-copied{background:color-mix(in srgb,var(--sl-color-state-success, #22c55e) 22%,transparent);color:var(--sl-color-state-success, #4ade80)}.share-actions{display:flex;gap:10px;margin-bottom:14px}.share-act{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:13px 6px;min-height:66px;border-radius:15px;cursor:pointer;border:1px solid var(--sl-color-border, rgba(255, 255, 255, .1));background:var(--sl-color-surface-2, rgba(255, 255, 255, .04));color:var(--sl-color-text, #f4eefb);font-size:12.5px;font-weight:600;line-height:1.15;text-align:center;white-space:normal;transition:transform .1s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease}.share-act svg{flex:none}.share-act:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--sl-color-accent-base, #f04d6c) 40%,transparent)}.share-act:active{transform:translateY(0) scale(.98)}.share-act:disabled{opacity:.6;cursor:default;transform:none}.share-act.primary{color:#fff;border-color:transparent;background:var(--sl-gradient-accent, linear-gradient(135deg, #F04D6C 0%, #C2367F 100%));box-shadow:0 8px 20px color-mix(in srgb,var(--sl-color-accent-base, #f04d6c) 35%,transparent)}.share-act.primary:hover{border-color:transparent;box-shadow:0 10px 26px color-mix(in srgb,var(--sl-color-accent-base, #f04d6c) 45%,transparent)}.share-err{margin:-2px 0 14px;font-size:13px;line-height:1.35;color:var(--sl-color-state-danger, #ef4444);text-align:center}.share-divider{display:flex;align-items:center;gap:12px;margin:4px 0 14px;color:var(--sl-color-text-muted, rgba(255, 255, 255, .62));font-size:12px}.share-divider:before,.share-divider:after{content:"";flex:1;height:1px;background:var(--sl-color-border, rgba(255, 255, 255, .1))}.share-socials{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.share-social{display:flex;flex-direction:column;align-items:center;gap:6px;padding:13px 4px;border-radius:15px;border:1px solid var(--sl-color-border, rgba(255, 255, 255, .1));background:var(--sl-color-surface-2, rgba(255, 255, 255, .04));color:var(--sl-color-text, #f4eefb);text-decoration:none;font-size:12px;transition:border-color .15s ease,transform .1s ease,background .15s ease}.share-social:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--sl-color-accent-base) 40%,transparent);background:#ffffff0f}.share-social:active{transform:translateY(0) scale(.97)}.share-social.wa{color:#25d366}.share-social.tg{color:#29a9eb}.share-social.x{color:#e8e8e8}.share-social.em{color:#f5a524}.share-social span{color:var(--sl-color-text-muted, rgba(255, 255, 255, .7))}@media(max-width:520px){.share-overlay{place-items:end center;padding:0}.share-card{max-width:100%;border-radius:26px 26px 0 0;padding:12px 20px calc(22px + env(safe-area-inset-bottom,0px));animation:share-sheet .24s cubic-bezier(.22,1,.36,1)}.share-grab{display:block;width:40px;height:5px;margin:0 auto 14px;border-radius:3px;background:#ffffff38}.share-close{top:12px}}@keyframes share-sheet{0%{transform:translateY(100%)}to{transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.share-card,.share-overlay{animation:none}}.bell{position:relative}.bell-btn{position:relative;width:40px;height:40px;display:grid;place-items:center;border-radius:12px;border:1px solid var(--sl-color-border, rgba(255, 255, 255, .12));background:var(--sl-color-surface-2, rgba(255, 255, 255, .04));color:var(--sl-color-text, #f4eefb);cursor:pointer}.bell-btn:hover{border-color:color-mix(in srgb,var(--sl-color-accent-base) 40%,transparent)}.bell-badge{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;padding:0 5px;display:grid;place-items:center;border-radius:999px;background:var(--sl-gradient-accent, var(--sl-gradient-accent, linear-gradient(135deg, #F04D6C 0%, #C2367F 100%)));color:#fff;font-size:11px;font-weight:800;box-shadow:0 0 0 2px var(--sl-color-bg, #0c0710)}.bell-panel{position:absolute;top:calc(100% + 8px);right:0;width:340px;max-width:88vw;z-index:120;border-radius:16px;border:1px solid var(--sl-color-border, rgba(255, 255, 255, .14));background:var(--sl-color-surface-elevated, #17101f);box-shadow:0 24px 60px #00000080;overflow:hidden;animation:bell-in .14s ease}@media(max-width:900px){.bell-panel{position:fixed;top:var(--bell-top, 60px);right:8px;left:auto;width:min(380px,calc(100vw - 16px));max-width:none;display:flex;flex-direction:column;max-height:calc(100dvh - var(--bell-top, 60px) - 16px)}.bell-list{flex:1;max-height:none}}@keyframes bell-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.bell-btn.ring svg{transform-origin:50% 4px;animation:bell-swing 2.6s ease-in-out infinite}@keyframes bell-swing{0%,46%,to{transform:rotate(0)}6%{transform:rotate(15deg)}14%{transform:rotate(-13deg)}22%{transform:rotate(10deg)}30%{transform:rotate(-7deg)}38%{transform:rotate(4deg)}}.bell-btn.ring .bell-badge{animation:bell-badge-pulse 2.6s ease-in-out infinite}@keyframes bell-badge-pulse{0%,46%,to{transform:scale(1)}10%{transform:scale(1.18)}24%{transform:scale(1.08)}}@media(prefers-reduced-motion:reduce){.bell-btn.ring svg,.bell-btn.ring .bell-badge{animation:none}}.bell-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--sl-color-border-subtle, rgba(255,255,255,.08))}.bell-title{font-weight:700;font-size:14px}.bell-markall{background:none;border:none;cursor:pointer;font-size:12px;color:var(--sl-color-accent-base);font-weight:600}.bell-list{max-height:360px;overflow-y:auto;padding:6px}.bell-empty{padding:26px 14px;text-align:center;color:var(--sl-color-text-muted, rgba(255,255,255,.5));font-size:13px}.bell-item{width:100%;text-align:left;cursor:pointer;text-decoration:none;display:flex;align-items:center;gap:11px;padding:10px 11px;border:none;background:none;color:var(--sl-color-text, #f4eefb);border-radius:12px;transition:background .12s}.bell-item+.bell-item{margin-top:2px}.bell-item:hover{background:var(--sl-color-surface-2, rgba(255,255,255,.05))}.bell-item.unread{background:color-mix(in srgb,var(--sl-color-accent-base) 8%,transparent)}.bell-item-ic{flex:none;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;color:var(--sl-color-accent-base);background:color-mix(in oklab,var(--sl-color-accent-base) 14%,transparent)}.bell-item-ic.tip{color:#10b981;background:color-mix(in oklab,#10b981 16%,transparent)}.bell-item-ic.pro{color:#f97316;background:color-mix(in oklab,#f97316 16%,transparent)}.bell-item-ic.milestone{color:#f59e0b;background:color-mix(in oklab,#f59e0b 18%,transparent)}.bell-dot{flex:none;width:8px;height:8px;border-radius:50%;background:var(--sl-color-accent-base)}.bell-item-body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.bell-item-title{font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bell-item-text{font-size:12.5px;color:var(--sl-color-text-muted, rgba(255,255,255,.6));overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bell-item-time{font-size:11px;color:var(--sl-color-text-muted, rgba(255,255,255,.45));margin-top:2px}.bell-all{display:block;text-align:center;padding:11px;font-size:13px;font-weight:600;color:var(--sl-color-accent-base);text-decoration:none;border-top:1px solid var(--sl-color-border-subtle, rgba(255,255,255,.08))}.bell-all:hover{background:var(--sl-color-surface-2, rgba(255,255,255,.03))}.mentor .bell-btn{color:var(--foreground);background:transparent;border:0;border-radius:9999px;width:36px;height:36px}.mentor .bell-btn:hover{background:color-mix(in oklab,var(--foreground) 8%,transparent);border-color:transparent}.mentor .bell-panel{background:var(--popover);color:var(--popover-foreground);border-color:var(--border)}.mentor .bell-head{border-bottom-color:var(--border)}.mentor .bell-markall{color:var(--primary)}.mentor .bell-item{color:var(--foreground)}.mentor .bell-item:hover{background:color-mix(in oklab,var(--foreground) 6%,transparent)}.mentor .bell-item{position:relative;overflow:hidden}.mentor .bell-item.unread{background:color-mix(in oklab,var(--secondary-foreground) 8%,transparent)}.mentor .bell-item.unread:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:0 3px 3px 0;background:var(--secondary-foreground)}.mentor .bell-item-ic{border-radius:11px;box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--secondary-foreground) 20%,transparent)}.mentor .bell-dot,.mentor .bell-item.unread .bell-dot{background:var(--primary)}.mentor .bell-item-ic{color:var(--secondary-foreground);background:color-mix(in oklab,var(--secondary-foreground) 14%,transparent)}.mentor .bell-item-ic.tip{color:#10b981;background:color-mix(in oklab,#10b981 16%,transparent)}.mentor .bell-item-ic.pro{color:#f97316;background:color-mix(in oklab,#f97316 16%,transparent)}.mentor .bell-item-ic.milestone{color:#f59e0b;background:color-mix(in oklab,#f59e0b 18%,transparent)}.mentor .bell-item-text,.mentor .bell-empty{color:var(--muted-foreground)}.mentor .bell-all{color:var(--primary);border-top-color:var(--border)}