app-feature-preview{display:block}app-feature-preview .feature-preview{border-top:1px dashed var(--border-color);margin-top:12px;padding-top:12px}app-feature-preview .feature-preview__title{font-size:var(--font-xs);text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted);margin-bottom:8px;font-weight:700}app-feature-preview .feature-preview__tags{margin:0}app-feature-preview .feature-preview__chat{flex-direction:column;gap:6px;display:flex}app-feature-preview .feature-preview__bubble{border-radius:var(--radius-lg);background:var(--bg-input);max-width:85%;color:var(--text-primary);font-size:var(--font-xs);border-bottom-left-radius:4px;align-self:flex-start;align-items:flex-end;gap:6px;padding:7px 11px;line-height:1.4;display:flex}app-feature-preview .feature-preview__bubble--out{border-bottom-left-radius:var(--radius-lg);background:var(--primary-gradient);color:#fff;border-bottom-right-radius:4px;align-self:flex-end}app-feature-preview .feature-preview__time{opacity:.7;white-space:nowrap;flex-shrink:0;font-size:10px}app-feature-preview .feature-preview__typing{font-size:var(--font-xs);color:var(--text-muted);align-items:center;gap:6px;margin-top:2px;font-style:italic;display:flex}app-feature-preview .feature-preview__typing-dots{gap:3px;display:inline-flex}app-feature-preview .feature-preview__typing-dots span{background:var(--text-muted);border-radius:50%;width:4px;height:4px;animation:1.2s ease-in-out infinite app-feature-preview__typing-bounce}app-feature-preview .feature-preview__typing-dots span:nth-child(2){animation-delay:.15s}app-feature-preview .feature-preview__typing-dots span:nth-child(3){animation-delay:.3s}@keyframes app-feature-preview__typing-bounce{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}app-feature-preview .feature-preview__status{flex-direction:column;gap:8px;display:flex}app-feature-preview .feature-preview__status-item{font-size:var(--font-xs);color:var(--text-secondary);align-items:center;gap:10px;display:flex}app-feature-preview .feature-preview__status-icon{border-radius:var(--radius-sm);flex-shrink:0;place-items:center;width:26px;height:26px;display:grid}app-feature-preview .feature-preview__status-icon app-icon{width:14px;height:14px}@media (prefers-reduced-motion:reduce){app-feature-preview .feature-preview__typing-dots span{animation:none}}
app-auth-showcase{display:block}app-auth-showcase .showcase{flex-direction:column;margin-top:6px;margin-bottom:clamp(10px,1.6vh,16px);display:flex}app-auth-showcase .showcase__mock{height:clamp(124px,15vh,142px);margin:0;position:relative}app-auth-showcase .showcase__blob{filter:blur(24px);opacity:.38;pointer-events:none;border-radius:50%;position:absolute}app-auth-showcase .showcase__blob--a{background:rgba(var(--primary-rgb), .35);width:80px;height:80px;animation:12s ease-in-out infinite alternate app-auth-showcase__blob-drift-a;top:-10px;left:8%}app-auth-showcase .showcase__blob--b{background:#2b3a6738;width:90px;height:90px;animation:14s ease-in-out infinite alternate app-auth-showcase__blob-drift-b;bottom:-10px;right:8%}app-auth-showcase .showcase__blob--c{background:#fecdd33d;width:60px;height:60px;animation:10s ease-in-out infinite alternate app-auth-showcase__blob-drift-c;top:25%;left:40%}@keyframes app-auth-showcase__blob-drift-a{0%{transform:translate(0)scale(1)}to{transform:translate(6px,6px)scale(1.06)}}@keyframes app-auth-showcase__blob-drift-b{0%{transform:translate(0)scale(1)}to{transform:translate(-6px,-6px)scale(1.05)}}@keyframes app-auth-showcase__blob-drift-c{0%{transform:translate(0)scale(1)}to{transform:translate(4px,-4px)scale(1.08)}}app-auth-showcase .showcase__conn{pointer-events:none;z-index:0;width:76px;height:38px;position:absolute;top:48px;left:84px}app-auth-showcase .showcase__conn-track{stroke:rgba(var(--primary-rgb), .18);stroke-width:1.5px;stroke-dasharray:3 3}app-auth-showcase .showcase__conn-beam{stroke:rgba(var(--primary-rgb), .65);stroke-width:2px;stroke-dasharray:10 50;animation:4s ease-in-out infinite app-auth-showcase__conn-beam-glide}@keyframes app-auth-showcase__conn-beam-glide{0%{stroke-dashoffset:60px;opacity:0}20%{opacity:.9}80%{opacity:.9}to{stroke-dashoffset:-60px;opacity:0}}app-auth-showcase .showcase__card{border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-color);opacity:0;will-change:transform;z-index:1;align-items:center;gap:8px;padding:6px 10px;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s;display:flex;position:absolute;box-shadow:0 4px 16px #0000000f}app-auth-showcase .showcase__card--back{opacity:0;width:152px;top:4px;left:0}app-auth-showcase .showcase__card--back.is-visible{opacity:.88;animation:.5s cubic-bezier(.16,1,.3,1) both app-auth-showcase__card-slide-in-back,5s ease-in-out .5s infinite alternate app-auth-showcase__card-float-back}app-auth-showcase .showcase__card--back:hover{opacity:1;z-index:4;transform:translateY(-2px)rotate(-3.5deg)scale(1.02);box-shadow:0 8px 20px #0000001a}app-auth-showcase .showcase__card--front{opacity:0;width:164px;top:44px;left:20px}app-auth-showcase .showcase__card--front.is-visible{opacity:1;animation:.5s cubic-bezier(.16,1,.3,1) both app-auth-showcase__card-slide-in-front,4.2s ease-in-out .5s infinite alternate app-auth-showcase__card-float-front}app-auth-showcase .showcase__card--front:hover{box-shadow:0 8px 22px rgba(var(--primary-rgb), .14);z-index:4;transform:translateY(-2px)rotate(2deg)scale(1.02)}@keyframes app-auth-showcase__card-slide-in-back{0%{opacity:0;transform:translateY(10px)rotate(-4deg)}to{opacity:.88;transform:translateY(0)rotate(-4deg)}}@keyframes app-auth-showcase__card-float-back{0%{transform:translateY(0)rotate(-4deg)}to{transform:translateY(-2px)rotate(-3.6deg)}}@keyframes app-auth-showcase__card-slide-in-front{0%{opacity:0;transform:translateY(12px)rotate(1.5deg)}to{opacity:1;transform:translateY(0)rotate(1.5deg)}}@keyframes app-auth-showcase__card-float-front{0%{transform:translateY(0)rotate(1.5deg)}to{transform:translateY(-3px)rotate(2deg)}}app-auth-showcase .showcase__avatar{color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid;position:relative}app-auth-showcase .showcase__avatar app-icon{width:16px;height:16px}app-auth-showcase .showcase__avatar--a{background:var(--primary-gradient)}app-auth-showcase .showcase__avatar--b{background:linear-gradient(135deg,#4a5b8c 0%,#2b3a67 100%)}app-auth-showcase .showcase__dot{background:var(--color-success);border:1.5px solid var(--bg-card);border-radius:50%;width:9px;height:9px;animation:2.8s ease-in-out infinite app-auth-showcase__dot-glow;position:absolute;bottom:-1px;right:-1px}@keyframes app-auth-showcase__dot-glow{0%,to{box-shadow:0 0 #22c55e99}50%{box-shadow:0 0 0 3px #22c55e00}}app-auth-showcase .showcase__card-body{flex-direction:column;gap:1px;min-width:0;display:flex}app-auth-showcase .showcase__card-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:700;overflow:hidden}app-auth-showcase .showcase__card-status{color:var(--color-success);font-size:10.5px;font-weight:600}app-auth-showcase .showcase__badge{border-radius:var(--radius-full);background:var(--bg-card);border:1px solid rgba(var(--primary-rgb), .22);box-shadow:0 4px 14px rgba(var(--primary-rgb), .16);color:var(--primary);opacity:0;pointer-events:none;z-index:3;align-items:center;gap:5px;padding:4px 11px;font-size:11px;font-weight:700;display:flex;position:absolute;top:0;right:12px}app-auth-showcase .showcase__badge.is-visible{animation:.5s cubic-bezier(.175,.885,.32,1.25) both app-auth-showcase__badge-pop,3.2s ease-in-out .5s infinite app-auth-showcase__badge-soft-glow}app-auth-showcase .showcase__badge app-icon{width:13px;height:13px;color:var(--primary);animation:1.6s ease-in-out infinite app-auth-showcase__badge-heart-beat}@keyframes app-auth-showcase__badge-pop{0%{opacity:0;transform:scale(.85)}60%{opacity:1;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes app-auth-showcase__badge-soft-glow{0%,to{box-shadow:0 4px 14px rgba(var(--primary-rgb), .16)}50%{box-shadow:0 6px 18px rgba(var(--primary-rgb), .28)}}@keyframes app-auth-showcase__badge-heart-beat{0%,to{transform:scale(1)}14%{transform:scale(1.2)}28%{transform:scale(1)}42%{transform:scale(1.12)}56%{transform:scale(1)}}app-auth-showcase .showcase__heart-particle{pointer-events:none;font-size:10px;animation:1.3s ease-out forwards app-auth-showcase__heart-float;position:absolute}app-auth-showcase .showcase__heart-particle--1{--dx:-10px;animation-delay:50ms;left:8px}app-auth-showcase .showcase__heart-particle--2{--dx:3px;animation-delay:.18s;left:32px}app-auth-showcase .showcase__heart-particle--3{--dx:10px;animation-delay:.32s;right:10px}@keyframes app-auth-showcase__heart-float{0%{opacity:0;transform:translate(0)scale(.5)}25%{opacity:.95;transform:translate(calc(var(--dx) * .4), -10px) scale(1)}to{opacity:0;transform:translate(var(--dx), -26px) scale(.8)}}app-auth-showcase .showcase__chat{z-index:2;flex-direction:column;gap:5px;width:clamp(170px,20vw,212px);transition:opacity .65s,transform .65s;display:flex;position:absolute;top:36px;right:0}app-auth-showcase .showcase__chat.is-fading{opacity:0;transform:translateY(-4px)}app-auth-showcase .showcase__msg-wrap{flex-direction:column;display:flex;position:relative}app-auth-showcase .showcase__msg-wrap--in{align-self:flex-start}app-auth-showcase .showcase__msg-wrap--out{align-self:flex-end}app-auth-showcase .showcase__msg-wrap.has-reaction .showcase__bubble--out{animation:.35s app-auth-showcase__bubble-reaction-bounce}app-auth-showcase .showcase__bubble{border-radius:12px;padding:6px 11px;font-size:11.5px;font-weight:500;line-height:1.35;box-shadow:0 2px 8px #0000000d}app-auth-showcase .showcase__bubble--in{color:#2b3a67;background:#e8ebf4;border-bottom-left-radius:3px;align-self:flex-start;animation:.35s cubic-bezier(.175,.885,.32,1.15) both app-auth-showcase__bubble-in-enter}app-auth-showcase .showcase__bubble--out{background:var(--primary-gradient);color:#fff;border-bottom-right-radius:3px;align-self:flex-end;animation:.35s cubic-bezier(.175,.885,.32,1.15) both app-auth-showcase__bubble-out-enter}@keyframes app-auth-showcase__bubble-in-enter{0%{opacity:0;transform:translate(-8px)scale(.96)}70%{opacity:1;transform:translate(2px)scale(1.02)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes app-auth-showcase__bubble-out-enter{0%{opacity:0;transform:translate(8px)scale(.96)}70%{opacity:1;transform:translate(-2px)scale(1.02)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes app-auth-showcase__bubble-reaction-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.04)translateY(-1px)}}app-auth-showcase .showcase__bubble.showcase__typing{box-sizing:border-box;align-items:center;gap:3px;min-height:28px;padding:8px 12px;display:inline-flex}app-auth-showcase .showcase__typing-dot{border-radius:50%;width:4px;height:4px;animation:1.2s ease-in-out infinite app-auth-showcase__typing-dot-bounce}.showcase__bubble--in app-auth-showcase .showcase__typing-dot{opacity:.6;background:#2b3a67}.showcase__bubble--out app-auth-showcase .showcase__typing-dot{opacity:.85;background:#fff}app-auth-showcase .showcase__typing-dot:first-child{animation-delay:0s}app-auth-showcase .showcase__typing-dot:nth-child(2){animation-delay:.2s}app-auth-showcase .showcase__typing-dot:nth-child(3){animation-delay:.4s}@keyframes app-auth-showcase__typing-dot-bounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}app-auth-showcase .showcase__typing-cursor{border-radius:1px;width:1.5px;height:9px;margin-left:2px;animation:.8s infinite app-auth-showcase__typing-cursor-blink}.showcase__bubble--in app-auth-showcase .showcase__typing-cursor{opacity:.5;background:#2b3a67}.showcase__bubble--out app-auth-showcase .showcase__typing-cursor{opacity:.7;background:#fff}@keyframes app-auth-showcase__typing-cursor-blink{0%,to{opacity:0}50%{opacity:.8}}app-auth-showcase .showcase__seen{color:var(--text-muted);align-items:center;gap:3px;margin-top:2px;margin-left:3px;font-size:9.5px;font-weight:500;animation:.25s both app-auth-showcase__seen-appear;display:inline-flex}app-auth-showcase .showcase__seen app-icon{width:9px;height:9px;color:var(--color-success)}@keyframes app-auth-showcase__seen-appear{0%{opacity:0;transform:translateY(2px)}to{opacity:.85;transform:translateY(0)}}app-auth-showcase .showcase__reaction{background:var(--bg-card);border:1px solid rgba(var(--primary-rgb), .2);-webkit-user-select:none;user-select:none;border-radius:50%;place-items:center;width:18px;height:18px;font-size:10px;line-height:1;animation:.35s cubic-bezier(.175,.885,.32,1.45) both app-auth-showcase__reaction-pop;display:grid;position:absolute;bottom:-6px;right:4px;box-shadow:0 2px 6px #0000001a}@keyframes app-auth-showcase__reaction-pop{0%{opacity:0;transform:scale(0)}65%{opacity:1;transform:scale(1.3)}to{opacity:1;transform:scale(1)}}@media (max-height:850px) and (min-width:901px){app-auth-showcase .showcase{margin-top:2px;margin-bottom:8px}app-auth-showcase .showcase__mock{height:118px}app-auth-showcase .showcase__card--back{width:138px;padding:5px 8px;top:2px}app-auth-showcase .showcase__card--front{width:150px;padding:5px 9px;top:36px;left:16px}app-auth-showcase .showcase__avatar{width:26px;height:26px}app-auth-showcase .showcase__avatar app-icon{width:14px;height:14px}app-auth-showcase .showcase__card-name{font-size:11.5px}app-auth-showcase .showcase__card-status{font-size:10px}app-auth-showcase .showcase__badge{padding:3px 9px;font-size:10px;top:0;right:8px}app-auth-showcase .showcase__chat{gap:4px;width:clamp(155px,18vw,190px);top:30px}app-auth-showcase .showcase__bubble{padding:5px 9px;font-size:11px}}@media (max-width:900px){app-auth-showcase .showcase{margin-top:4px;margin-bottom:10px}app-auth-showcase .showcase__mock{max-width:400px;height:116px}app-auth-showcase .showcase__chat{width:clamp(150px,42vw,190px)}}@media (max-width:420px){app-auth-showcase .showcase__mock{height:110px}app-auth-showcase .showcase__card--back{display:none}app-auth-showcase .showcase__card--front{width:136px;top:28px;left:0}app-auth-showcase .showcase__chat{width:160px;top:22px}}
app-avatar-stack{display:block}app-avatar-stack .avatar-stack{min-height:40px}app-avatar-stack .avatar-stack__row{align-items:center;padding-top:6px;display:flex;position:relative}app-avatar-stack .avatar-stack__line{background-image:linear-gradient(90deg, rgba(var(--primary-rgb), .35) 0 6px, transparent 6px 12px);pointer-events:none;background-size:12px 1px;height:1px;position:absolute;top:50%;left:16px;right:16px;transform:translateY(-50%)}app-avatar-stack .avatar-stack__item{opacity:0;animation:.45s both app-avatar-stack__avatar-pop,3.6s ease-in-out .45s infinite app-avatar-stack__avatar-float;animation-delay:calc(var(--i,0)*90ms),calc(var(--i,0)*90ms + .45s);border-radius:50%;outline:none;place-items:center;margin-left:-10px;transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s;display:grid;position:relative}app-avatar-stack .avatar-stack__item:first-child{margin-left:0}app-avatar-stack .avatar-stack__item:focus-visible{box-shadow:0 0 0 3px var(--bg-card),0 0 0 5px var(--primary);z-index:5}app-avatar-stack .avatar-stack__item:hover,app-avatar-stack .avatar-stack__item:focus-within{z-index:6;animation-play-state:paused;transform:translateY(-2px)scale(1.08)}app-avatar-stack .avatar-stack__more{border:2px solid var(--bg-card);background:var(--primary-light);width:34px;height:34px;color:var(--primary);font-size:var(--font-xs);cursor:default;border-radius:50%;place-items:center;font-weight:700;display:grid}@keyframes app-avatar-stack__avatar-pop{0%{opacity:0;transform:scale(.6)translateY(4px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes app-avatar-stack__avatar-float{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}app-avatar-stack .avatar-stack__tooltip{z-index:10;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-card);width:max-content;max-width:180px;box-shadow:var(--shadow-card);font-size:var(--font-xs);color:var(--text-secondary);pointer-events:none;flex-direction:column;gap:2px;padding:8px 10px;line-height:1.4;animation:.16s both app-avatar-stack__tooltip-rise;display:flex;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%)}app-avatar-stack .avatar-stack__tooltip:after{content:"";border:5px solid #0000;border-top-color:var(--bg-card);position:absolute;top:100%;left:50%;transform:translate(-50%)}app-avatar-stack .avatar-stack__tooltip-name{color:var(--text-primary);font-size:var(--font-sm)}app-avatar-stack .avatar-stack__tooltip-status{align-items:center;gap:5px;display:inline-flex}app-avatar-stack .avatar-stack__tooltip-dot{background:var(--text-muted);border-radius:50%;width:6px;height:6px}app-avatar-stack .avatar-stack__tooltip-status.is-online .avatar-stack__tooltip-dot,.is-online app-avatar-stack .avatar-stack__tooltip-dot{background:var(--color-success)}@keyframes app-avatar-stack__tooltip-rise{0%{opacity:0;transform:translate(-50%,4px)}to{opacity:1;transform:translate(-50%)}}app-avatar-stack .avatar-stack__item:first-child .avatar-stack__tooltip{animation-name:app-avatar-stack__tooltip-rise-edge;left:0;transform:none}app-avatar-stack .avatar-stack__item:first-child .avatar-stack__tooltip:after{left:16px;transform:none}@keyframes app-avatar-stack__tooltip-rise-edge{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}app-avatar-stack .avatar-stack__skeleton{border:2px solid var(--bg-card);background:linear-gradient(90deg, var(--skeleton-base) 25%, var(--skeleton-shine) 50%, var(--skeleton-base) 75%);width:34px;height:34px;animation:1.3s ease-in-out infinite app-avatar-stack__mod-shimmer;animation-delay:calc(var(--i,0)*80ms);background-size:200% 100%;border-radius:50%;margin-left:-10px}app-avatar-stack .avatar-stack__skeleton:first-child{margin-left:0}@keyframes app-avatar-stack__mod-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}app-avatar-stack .avatar-stack__empty{font-size:var(--font-sm);color:var(--text-muted)}@media (prefers-reduced-motion:reduce){app-avatar-stack .avatar-stack__item{animation:10ms linear both app-avatar-stack__avatar-pop}app-avatar-stack .avatar-stack__tooltip{animation:none}app-avatar-stack .avatar-stack__skeleton{animation-duration:2s}}