.subscription-page{display:flex;flex-direction:column;gap:var(--spacing-md);max-width:min(1100px,100%);margin:0 auto;padding:var(--spacing-lg);box-sizing:border-box}.subscription-loading{display:flex;justify-content:center;padding:var(--spacing-xl) 0}.subscription-unavailable{text-align:center;color:var(--color-text-muted);padding:var(--spacing-lg)}.subscription-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg)}@media(max-width:640px){.subscription-grid{grid-template-columns:1fr}}.subscription-tier-card{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-secondary);position:relative;transition:border-color .15s ease}.subscription-tier-featured{border-color:var(--color-accent-primary)}.subscription-tier-current{box-shadow:0 0 0 2px var(--color-accent-primary)}.subscription-tier-header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--spacing-sm)}.subscription-tier-name{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin:0}.subscription-tier-price{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-muted);margin:0}.subscription-tier-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.subscription-feature-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1}.subscription-feature-item{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.subscription-feature-item--muted{color:var(--color-text-tertiary)}.subscription-feature-value{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);white-space:nowrap}.subscription-feature-check{color:var(--color-accent-primary);font-weight:700;flex-shrink:0}.subscription-tier-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:color-mix(in srgb,var(--color-accent-primary) 12%,transparent);color:var(--color-accent-primary);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:600;align-self:flex-start}.subscription-status-label{opacity:.8;font-weight:400}.subscription-tier-status{display:flex;flex-direction:column;gap:var(--spacing-sm)}.subscription-period-info{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}.subscription-subscribe-btn,.subscription-manage-btn{margin-top:auto;width:100%}.subscription-manage{display:flex;flex-direction:column;gap:var(--spacing-md);min-width:0}.subscription-manage-summary-glow{width:100%}.subscription-manage-summary-glow .border-glow-inner{overflow:visible}.subscription-manage-summary-glow .subscription-manage-summary.card.card-elevated{border:none;box-shadow:none}.subscription-manage-summary.card{position:relative;overflow:hidden;padding:var(--spacing-xl);border-width:1px;transition:border-color .2s ease,box-shadow .2s ease}.subscription-manage-summary.card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:color-mix(in srgb,var(--color-text-muted) 28%,var(--color-border))}.subscription-manage-summary.card.subscription-manage-summary--has-plan{border-color:color-mix(in srgb,var(--color-accent-primary) 38%,var(--color-border));box-shadow:var(--shadow-lg),0 0 0 1px color-mix(in srgb,var(--color-accent-primary) 22%,transparent)}.subscription-manage-summary.card.subscription-manage-summary--has-plan:before{background:var(--color-accent-primary)}.subscription-manage-summary.card.subscription-manage-summary--tier-vanguard.subscription-manage-summary--has-plan{border-color:color-mix(in srgb,var(--color-accent-secondary) 45%,var(--color-border));box-shadow:var(--shadow-lg),0 0 24px color-mix(in srgb,var(--color-accent-secondary) 18%,transparent),0 0 0 1px color-mix(in srgb,var(--color-accent-secondary) 28%,transparent)}.subscription-manage-summary.card.subscription-manage-summary--tier-vanguard.subscription-manage-summary--has-plan:before{background:linear-gradient(90deg,color-mix(in srgb,var(--color-accent-secondary) 65%,var(--color-accent-primary)),var(--color-accent-primary))}.subscription-manage-summary.card.subscription-manage-summary--tier-founder.subscription-manage-summary--has-plan{border-color:color-mix(in srgb,var(--color-accent-primary) 52%,#ca8a04);box-shadow:var(--shadow-lg),0 0 28px color-mix(in srgb,#eab308 16%,transparent),0 0 0 1px color-mix(in srgb,var(--color-accent-primary) 35%,#eab308)}.subscription-manage-summary.card.subscription-manage-summary--tier-founder.subscription-manage-summary--has-plan:before{height:5px;background:linear-gradient(90deg,#ca8a04,var(--color-accent-primary),var(--color-accent-secondary))}.subscription-manage-summary.card.subscription-manage-summary--is-gifted.subscription-manage-summary--has-plan{background:linear-gradient(160deg,color-mix(in srgb,var(--color-success) 9%,var(--color-bg-elevated)),var(--color-bg-elevated))}.subscription-manage-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md);flex-wrap:wrap}.subscription-manage-title-block{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0}.subscription-manage-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);align-items:flex-start;justify-content:flex-end;flex-shrink:0}.subscription-manage-eyebrow{margin:0;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted)}.subscription-manage-plan-badge{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);box-shadow:0 1px color-mix(in srgb,var(--color-accent-primary) 25%,transparent)}.subscription-manage-tier-name{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;line-height:1.25}.subscription-manage-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0;line-height:1.55}.subscription-gifted-callout{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);border:1px solid color-mix(in srgb,var(--color-success) 35%,var(--color-border));background:color-mix(in srgb,var(--color-success) 10%,var(--color-bg-secondary))}.subscription-gifted-callout-icon-wrap{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2.125rem;height:2.125rem;border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-success) 18%,transparent);color:var(--color-success)}.subscription-gifted-callout-text{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);line-height:1.5}.subscription-supporter-callout{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);border-radius:var(--radius-lg);border:1px solid color-mix(in srgb,var(--color-accent-primary) 28%,var(--color-border));background:linear-gradient(145deg,color-mix(in srgb,var(--color-accent-primary) 12%,var(--color-bg-secondary)),color-mix(in srgb,var(--color-accent-primary) 5%,var(--color-bg-secondary)))}.subscription-supporter-callout--founder{border-color:color-mix(in srgb,#eab308 40%,var(--color-accent-primary));background:linear-gradient(145deg,color-mix(in srgb,#eab308 14%,var(--color-bg-secondary)),color-mix(in srgb,var(--color-accent-primary) 10%,var(--color-bg-secondary)))}.subscription-supporter-callout--vanguard{border-color:color-mix(in srgb,var(--color-accent-secondary) 38%,var(--color-border));background:linear-gradient(145deg,color-mix(in srgb,var(--color-accent-secondary) 14%,var(--color-bg-secondary)),color-mix(in srgb,var(--color-accent-primary) 8%,var(--color-bg-secondary)))}.subscription-supporter-callout-icon-wrap{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2.375rem;height:2.375rem;border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-accent-primary) 16%,transparent);color:var(--color-accent-primary)}.subscription-supporter-callout--founder .subscription-supporter-callout-icon-wrap{background:color-mix(in srgb,#eab308 22%,transparent);color:color-mix(in srgb,#a16207 35%,var(--color-accent-primary))}.subscription-supporter-callout--vanguard .subscription-supporter-callout-icon-wrap{background:color-mix(in srgb,var(--color-accent-secondary) 20%,transparent);color:var(--color-accent-secondary)}.subscription-supporter-callout-text{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0}.subscription-supporter-callout-title{margin:0;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:1.35}.subscription-supporter-callout-sub{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.subscription-manage-actions{display:flex;flex-direction:column;gap:var(--spacing-sm)}.subscription-manage .subscription-manage-summary.card{display:flex;flex-direction:column;gap:var(--spacing-md)}.subscription-manage-portal-hint{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}.subscription-manage-stripe-intro{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.subscription-manage-noPlan{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.subscription-identity-banner{margin-bottom:var(--spacing-sm)}.subscription-billing{display:flex;flex-direction:column;gap:var(--spacing-md)}.subscription-billing-card{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-lg);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-secondary)}.subscription-billing-heading{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.subscription-billing-body{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.55}.subscription-billing-portal-btn{align-self:flex-start}.subscription-billing-no-customer{margin:0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.subscription-plans,.subscription-lifetime{display:flex;flex-direction:column;gap:var(--spacing-md);min-width:0}.subscription-section-heading{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.subscription-read-only-plans-intro{margin:0 0 var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.45}.subscription-manage-plans-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.subscription-layout-segment-group{display:flex;align-items:center;gap:0;padding:3px;border-radius:var(--radius-md);background:var(--color-bg-tertiary);position:relative;flex-shrink:0}.subscription-layout-segment-indicator{position:absolute;top:3px;left:var(--left);width:var(--width);height:var(--height);border-radius:calc(var(--radius-md) - 2px);background:var(--color-bg-active);z-index:0;transition:left .2s ease,width .2s ease}.subscription-layout-segment-item{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);cursor:pointer;border-radius:calc(var(--radius-md) - 2px);transition:color .15s ease,background .15s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.subscription-layout-segment-item:hover:not([data-state=checked]){color:var(--color-text-secondary);background:var(--color-bg-hover)}.subscription-layout-segment-item[data-state=checked]{color:var(--color-accent-primary);font-weight:var(--font-weight-semibold)}.subscription-manual-change-notice .subscription-manual-change-contact{margin:var(--spacing-sm) 0 0}.subscription-manual-change-notice .subscription-manual-change-contact a{font-weight:var(--font-weight-semibold);color:var(--color-accent-primary);text-decoration:underline;text-underline-offset:2px}.subscription-manual-change-notice .subscription-manual-change-contact a:hover{text-decoration:none}.checkout-modal-content{display:flex;flex-direction:column;width:min(28rem,100vw - 2rem);max-height:calc(100dvh - 4rem);overflow-y:auto;padding:var(--spacing-lg);border-radius:var(--radius-lg);background:var(--color-bg-primary);border:1px solid var(--color-border);box-shadow:var(--shadow-xl)}.checkout-modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-md)}.checkout-modal-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.checkout-modal-close-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text-muted);cursor:pointer}.checkout-modal-close-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.checkout-modal-close-btn:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px}.checkout-modal-body{display:flex;flex-direction:column;gap:var(--spacing-md)}.checkout-modal-pricing{text-align:center;padding:var(--spacing-md);border-radius:var(--radius-md);background:var(--color-bg-secondary);border:1px solid var(--color-border-subtle, var(--color-border))}.checkout-modal-price-primary{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:1.3}.checkout-modal-price-monthly{margin-top:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.checkout-modal-due-today{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-accent-primary) 8%,var(--color-bg-secondary));border:1px solid color-mix(in srgb,var(--color-accent-primary) 25%,var(--color-border))}.checkout-modal-due-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.checkout-modal-due-amount{font-size:var(--font-size-md);font-weight:var(--font-weight-bold);color:var(--color-accent-primary)}.checkout-modal-stripe-btn{width:100%;justify-content:center}.checkout-modal-accordion{border:1px solid var(--color-border-subtle, var(--color-border));border-radius:var(--radius-md);overflow:hidden}.checkout-modal-accordion-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-sm) var(--spacing-md);border:none;background:var(--color-bg-secondary);color:var(--color-text-secondary);font-size:var(--font-size-xs);cursor:pointer;transition:background .15s ease}.checkout-modal-accordion-trigger:hover{background:var(--color-bg-tertiary)}.checkout-modal-accordion-trigger:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:-2px}.checkout-modal-accordion-indicator{transition:transform .2s ease}[data-state=open] .checkout-modal-accordion-indicator{transform:rotate(180deg)}.checkout-modal-accordion-content{padding:var(--spacing-sm) var(--spacing-md) var(--spacing-md);font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.5;overflow:hidden}.checkout-modal-accordion-content[data-state=open]{animation:accordion-slide-down .2s ease-out}.checkout-modal-accordion-content[data-state=closed]{animation:accordion-slide-up .2s ease-out}.checkout-modal-accordion-content p{margin:0 0 var(--spacing-sm)}@keyframes accordion-slide-down{0%{max-height:0;opacity:0}to{max-height:12rem;opacity:1}}@keyframes accordion-slide-up{0%{max-height:12rem;opacity:1}to{max-height:0;opacity:0}}.checkout-modal-cash-address{display:block;margin-top:var(--spacing-xs);padding:var(--spacing-sm);border-radius:var(--radius-sm);background:var(--color-bg-primary);border:1px dashed var(--color-border);font-style:normal;font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.sponsorship-page{max-width:720px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-md)}.sponsorship-heading{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--spacing-xs)}.sponsorship-description{color:var(--color-text-secondary);margin-bottom:var(--spacing-lg);line-height:1.55}.sponsorship-consent-card{margin-bottom:var(--spacing-lg);padding:var(--spacing-lg)}.sponsorship-consent-card h3{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-sm)}.sponsorship-consent-list{padding-left:var(--spacing-lg);margin:var(--spacing-sm) 0;line-height:1.7;color:var(--color-text-secondary)}.sponsorship-consent-acknowledge{margin-top:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.sponsorship-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.sponsorship-form-row{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.sponsorship-form-label{display:flex;flex-direction:column;gap:var(--spacing-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);flex:1}.sponsorship-form-label--short{flex:0 0 80px;max-width:80px}.sponsorship-form-input,.sponsorship-form-textarea,.sponsorship-form-select{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:var(--font-size-sm);transition:border-color .15s}.sponsorship-form-input:focus,.sponsorship-form-textarea:focus,.sponsorship-form-select:focus{outline:none;border-color:var(--color-primary)}.sponsorship-form-textarea{resize:vertical;min-height:80px}.sponsorship-form-char-count{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-align:right}.sponsorship-form-submit{align-self:flex-start;margin-top:var(--spacing-sm)}.sponsorship-success-card{text-align:center;padding:var(--spacing-xl)}.sponsorship-success-card h2{margin-bottom:var(--spacing-sm)}.sponsorship-directory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.sponsorship-directory-card{display:flex;flex-direction:column;padding:var(--spacing-md);gap:var(--spacing-sm)}.sponsorship-directory-card-header{display:flex;justify-content:space-between;align-items:baseline}.sponsorship-directory-card-name{font-weight:var(--font-weight-semibold);font-size:var(--font-size-md)}.sponsorship-directory-card-jurisdiction{font-size:var(--font-size-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.03em}.sponsorship-directory-card-message{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.sponsorship-directory-card-footer{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:auto}.sponsorship-directory-card-btn{margin-top:var(--spacing-sm)}.sponsorship-load-more{display:block;margin:0 auto}.sponsorship-empty-card{text-align:center;padding:var(--spacing-xl)}.sponsorship-checkout-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.sponsorship-checkout-note{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin:var(--spacing-sm) 0 var(--spacing-md);font-style:italic}.sponsorship-checkout-reveal{margin-bottom:var(--spacing-md)}.sponsorship-checkout-reveal-toggle{display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-size-sm);cursor:pointer}.sponsorship-checkout-reveal-toggle input[type=checkbox]{accent-color:var(--color-primary)}.sponsorship-checkout-reveal-hint{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.sponsorship-expiry-banner{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:color-mix(in srgb,var(--color-warning) 12%,var(--color-bg-secondary));border-radius:var(--radius-md);margin:var(--spacing-sm) var(--spacing-sm) 0;font-size:var(--font-size-xs);color:var(--color-text-primary)}.sponsorship-expiry-banner-content{display:flex;align-items:center;gap:var(--spacing-xs);flex:1;line-height:1.4}.sponsorship-expiry-banner-link{color:var(--color-primary);text-decoration:underline}.sponsorship-expiry-banner-dismiss{flex-shrink:0;padding:2px;background:none;border:none;color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-sm)}.sponsorship-expiry-banner-dismiss:hover{color:var(--color-text-primary)}.sponsorship-tab{display:flex;flex-direction:column;gap:var(--spacing-lg)}.sponsorship-tab-loading{display:flex;justify-content:center;padding:var(--spacing-xl)}.sponsorship-tab-request-section{padding:var(--spacing-lg)}.sponsorship-tab-request-intro{display:flex;flex-direction:column;gap:var(--spacing-sm)}.sponsorship-tab-request-intro h3{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.sponsorship-tab-request-intro p{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.sponsorship-tab-request-form-wrapper{display:flex;flex-direction:column;gap:var(--spacing-md)}.sponsorship-tab-request-form-wrapper h3{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.sponsorship-tab-consent-alert .sponsorship-consent-list{margin:var(--spacing-xs) 0;padding-left:var(--spacing-lg)}.sponsorship-form-actions{display:flex;gap:var(--spacing-sm);align-items:center}.sponsorship-tab-status-card{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-sm)}.sponsorship-tab-status-card h3{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.sponsorship-tab-status-badge{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:2px var(--spacing-sm);border-radius:var(--radius-sm);display:inline-block;width:fit-content}.sponsorship-tab-status-badge--active{background:color-mix(in srgb,var(--color-success) 15%,transparent);color:var(--color-success)}.sponsorship-tab-status-badge--fulfilled{background:color-mix(in srgb,var(--color-primary) 15%,transparent);color:var(--color-primary)}.sponsorship-tab-status-date,.sponsorship-tab-status-sponsor{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.sponsorship-tab-directory{display:flex;flex-direction:column;gap:var(--spacing-md)}.sponsorship-tab-directory-heading{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.sponsorship-tab-directory-description{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.sponsorship-sponsor-callout-glow{width:100%;margin-bottom:var(--spacing-lg)}.sponsorship-sponsor-callout-glow .border-glow-inner{overflow:visible}.sponsorship-sponsor-callout-glow .sponsorship-sponsor-callout.card.card-elevated{border:none;box-shadow:none}.sponsorship-sponsor-callout.card{position:relative;overflow:hidden;padding:var(--spacing-xl);display:flex;flex-direction:column;gap:var(--spacing-md);border-color:color-mix(in srgb,var(--color-success) 38%,var(--color-border));box-shadow:var(--shadow-lg),0 0 0 1px color-mix(in srgb,var(--color-success) 22%,transparent)}.sponsorship-sponsor-callout.card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;border-radius:var(--radius-lg) var(--radius-lg) 0 0;background:linear-gradient(90deg,var(--color-success),color-mix(in srgb,var(--color-success) 60%,var(--color-accent-primary)))}.sponsorship-sponsor-callout-eyebrow{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-success);margin:0}.sponsorship-sponsor-callout-heading{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.sponsorship-sponsor-callout-stats{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:1.5}.sponsorship-sponsor-callout-achievement{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-success) 8%,var(--color-bg-secondary))}.sponsorship-sponsor-callout-achievement .sponsorship-sponsor-callout-achievement-text{display:flex;flex-direction:column;gap:var(--spacing-2xs);flex:1;min-width:0}.sponsorship-sponsor-callout-achievement .sponsorship-sponsor-callout-achievement-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin:0}.sponsorship-sponsor-callout-achievement .sponsorship-sponsor-callout-achievement-desc{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}.subscription-sponsorship-cta{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);margin-top:var(--spacing-md);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-primary) 8%,var(--color-bg-secondary));font-size:var(--font-size-sm);color:var(--color-text-secondary)}.subscription-sponsorship-cta p{margin:0}@media(max-width:480px){.sponsorship-form-row{flex-direction:column}.sponsorship-form-label--short{flex:1;max-width:none}.sponsorship-directory-grid{grid-template-columns:1fr}.sponsorship-sponsor-callout.card{padding:var(--spacing-lg) var(--spacing-md)}.sponsorship-sponsor-callout-achievement{flex-direction:column;align-items:stretch}}.service-status-page{max-width:900px;margin:0 auto;padding:2rem}.service-status-page h1{margin-bottom:1rem;font-size:1.75rem;font-weight:600}.status-header-bar{margin-bottom:1.5rem}.status-header-bar .btn-back{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:1px solid var(--border);border-radius:.5rem;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease}.status-header-bar .btn-back:hover{background:var(--surface-hover, rgba(128, 128, 128, .1));border-color:var(--border-hover, var(--border))}.status-header-bar .btn-back svg{flex-shrink:0}.refresh-timer{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:.75rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:.5rem}.refresh-timer-bar{flex:1;height:6px;background:var(--border);border-radius:3px;overflow:hidden}.refresh-timer-progress{height:100%;background:var(--primary, #3b82f6);border-radius:3px;transition:width .1s linear}.refresh-timer-text{flex-shrink:0;font-size:.8125rem;color:var(--text-secondary);font-variant-numeric:tabular-nums;min-width:130px;text-align:right}.status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:1.5rem;margin-bottom:2rem}.status-card{background:var(--surface);border:1px solid var(--border);border-radius:.75rem;padding:1.5rem}.status-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--border)}.status-header h2{font-size:1.125rem;font-weight:600;margin:0}.status-indicator{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:1rem;font-size:.875rem;font-weight:500;text-transform:capitalize}.status-indicator.status-online{background:#22c55e26;color:#22c55e}.status-indicator.status-offline{background:#ef444426;color:#ef4444}.status-indicator.status-error{background:#f59e0b26;color:#f59e0b}.status-indicator.status-checking{background:#3b82f626;color:#3b82f6}.status-indicator.status-unknown{background:#9ca3af26;color:#9ca3af}.status-details{margin-bottom:1.25rem}.detail-row{display:flex;justify-content:space-between;padding:.5rem 0;font-size:.875rem}.detail-row:not(:last-child){border-bottom:1px solid var(--border-light, rgba(128, 128, 128, .1))}.detail-row.error .detail-value{color:#ef4444;word-break:break-word;text-align:right;max-width:60%}.detail-label{color:var(--text-secondary);flex-shrink:0}.detail-value{font-family:var(--font-mono, monospace);color:var(--text-primary)}.detail-value.auth-ok{color:#22c55e}.detail-value.auth-none{color:var(--text-secondary)}.auth-status{background:var(--surface-raised, rgba(128, 128, 128, .05));border-radius:.5rem;padding:1rem}.auth-status h3{font-size:.875rem;font-weight:600;margin:0 0 .75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}.auth-status .detail-row{padding:.375rem 0}.status-actions{display:flex;justify-content:center;gap:1rem}.status-actions .btn{padding:.625rem 1.5rem;border-radius:.5rem;font-weight:500;cursor:pointer;transition:all .15s ease}.status-actions .btn.btn-secondary{background:var(--surface);border:1px solid var(--border);color:var(--text-primary)}.status-actions .btn.btn-secondary:hover{background:var(--surface-hover, rgba(128, 128, 128, .1))}[data-lk-theme=default]{color-scheme:dark;--lk-bg: #111;--lk-bg2: rgb(29.75, 29.75, 29.75);--lk-bg3: rgb(42.5, 42.5, 42.5);--lk-bg4: rgb(55.25, 55.25, 55.25);--lk-bg5: #444444;--lk-fg: #fff;--lk-fg2: rgb(244.8, 244.8, 244.8);--lk-fg3: rgb(234.6, 234.6, 234.6);--lk-fg4: rgb(224.4, 224.4, 224.4);--lk-fg5: rgb(214.2, 214.2, 214.2);--lk-border-color: rgba(255, 255, 255, .1);--lk-accent-fg: #fff;--lk-accent-bg: #1f8cf9;--lk-accent2: rgb(50.867826087, 150.2, 249.532173913);--lk-accent3: rgb(70.7356521739, 160.4, 250.0643478261);--lk-accent4: rgb(90.6034782609, 170.6, 250.5965217391);--lk-danger-fg: #fff;--lk-danger: #f91f31;--lk-danger2: rgb(249.532173913, 50.867826087, 67.2713043478);--lk-danger3: rgb(250.0643478261, 70.7356521739, 85.5426086957);--lk-danger4: rgb(250.5965217391, 90.6034782609, 103.8139130435);--lk-success-fg: #fff;--lk-success: #1ff968;--lk-success2: rgb(50.867826087, 249.532173913, 117.3930434783);--lk-success3: rgb(70.7356521739, 250.0643478261, 130.7860869565);--lk-success4: rgb(90.6034782609, 250.5965217391, 144.1791304348);--lk-control-fg: var(--lk-fg);--lk-control-bg: var(--lk-bg2);--lk-control-hover-bg: var(--lk-bg3);--lk-control-active-bg: var(--lk-bg4);--lk-control-active-hover-bg: var(--lk-bg5);--lk-connection-excellent: #06db4d;--lk-connection-good: #f9b11f;--lk-connection-poor: #f91f31;--lk-font-family: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--lk-font-size: 16px;--lk-line-height: 1.5;--lk-border-radius: .5rem;--lk-box-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .15);--lk-drop-shadow: rgba(255, 255, 255, .2) 0px 0px 24px;--lk-grid-gap: .5rem;--lk-control-bar-height: 69px;--lk-chat-header-height: 69px}.lk-button,.lk-start-audio-button,.lk-chat-toggle,.lk-disconnect-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1rem;color:var(--lk-control-fg);background-image:none;background-color:var(--lk-control-bg);border:0;border-radius:var(--lk-border-radius);cursor:pointer;white-space:nowrap;font-size:inherit;line-height:inherit;-webkit-user-select:none;user-select:none}.lk-button:not(:disabled):hover,.lk-start-audio-button:not(:disabled):hover,.lk-chat-toggle:not(:disabled):hover,.lk-disconnect-button:not(:disabled):hover{background-color:var(--lk-control-hover-bg)}.lk-button>svg,.lk-start-audio-button>svg,.lk-chat-toggle>svg,.lk-disconnect-button>svg{overflow:visible}.lk-button[aria-pressed=true],[aria-pressed=true].lk-start-audio-button,[aria-pressed=true].lk-chat-toggle,[aria-pressed=true].lk-disconnect-button{background-color:var(--lk-control-active-bg)}.lk-button[aria-pressed=true]:hover,[aria-pressed=true].lk-start-audio-button:hover,[aria-pressed=true].lk-chat-toggle:hover,[aria-pressed=true].lk-disconnect-button:hover{background-color:var(--lk-control-active-hover-bg)}.lk-button[data-lk-source=screen_share][data-lk-enabled=true],[data-lk-source=screen_share][data-lk-enabled=true].lk-start-audio-button,[data-lk-source=screen_share][data-lk-enabled=true].lk-chat-toggle,[data-lk-source=screen_share][data-lk-enabled=true].lk-disconnect-button{background-color:var(--lk-accent-bg)}.lk-button[data-lk-source=screen_share][data-lk-enabled=true]:hover,[data-lk-source=screen_share][data-lk-enabled=true].lk-start-audio-button:hover,[data-lk-source=screen_share][data-lk-enabled=true].lk-chat-toggle:hover,[data-lk-source=screen_share][data-lk-enabled=true].lk-disconnect-button:hover{background-color:var(--lk-accent2)}.lk-button:disabled,.lk-start-audio-button:disabled,.lk-chat-toggle:disabled,.lk-disconnect-button:disabled{opacity:.5}.lk-button-group{display:inline-flex;align-items:stretch;height:100%}.lk-button-group>.lk-button:first-child,.lk-button-group>.lk-start-audio-button:first-child,.lk-button-group>.lk-chat-toggle:first-child,.lk-button-group>.lk-disconnect-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.lk-button-group-menu{position:relative;flex-shrink:0}.lk-button-group-menu>.lk-button,.lk-button-group-menu>.lk-start-audio-button,.lk-button-group-menu>.lk-chat-toggle,.lk-button-group-menu>.lk-disconnect-button{height:100%;border-top-left-radius:0;border-bottom-left-radius:0}.lk-button-group-menu>.lk-button:after,.lk-button-group-menu>.lk-start-audio-button:after,.lk-button-group-menu>.lk-chat-toggle:after,.lk-button-group-menu>.lk-disconnect-button:after{margin-left:0}.lk-button-menu:after{display:inline-block;content:"";width:.5em;height:.5em;margin-top:-.25rem;margin-left:.5rem;border-left:.125em solid;border-bottom:.125em solid;transform:rotate(-45deg);transform-origin:center center}.lk-disconnect-button{font-weight:600;color:var(--lk-danger);border:1px solid var(--lk-danger)}.lk-disconnect-button:not(:disabled):hover{--lk-control-hover-bg: var(--lk-danger2);color:var(--lk-danger-fg)}.lk-disconnect-button:not(:disabled):active{--lk-control-hover-bg: var(--lk-danger3);color:var(--lk-danger-fg)}.lk-chat-toggle{position:relative}.lk-chat-toggle[data-lk-unread-msgs]:not([data-lk-unread-msgs="0"]):after{content:attr(data-lk-unread-msgs);position:absolute;top:0;left:0;padding:.25rem;margin-left:.25rem;margin-top:.25rem;border-radius:50%;font-size:.5rem;line-height:.75;background:var(--lk-accent-bg)}.lk-media-device-select:not(:last-child){padding-bottom:.5rem;margin-bottom:.75rem;border-bottom:1px solid var(--lk-border-color)}.lk-media-device-select li:not(:last-child){margin-bottom:.25rem}.lk-media-device-select li>.lk-button{width:100%;justify-content:start;padding-block:.5rem}.lk-media-device-select li:not([data-lk-active=true])>.lk-button:not(:disabled):hover{background-color:var(--lk-bg3)}.lk-media-device-select [data-lk-active=false]>.lk-button:hover{cursor:pointer;background-color:#0000000d}.lk-media-device-select [data-lk-active=true]>.lk-button{color:var(--lk-accent-fg);background-color:var(--lk-accent-bg)}.lk-device-menu{width:max-content;position:absolute;top:0;left:0;z-index:5;min-width:10rem;padding:.5rem;margin-bottom:.25rem;white-space:nowrap;background-color:var(--lk-bg2);border:1px solid var(--lk-border-color);border-radius:.75rem;box-shadow:var(--lk-box-shadow)}.lk-device-menu-heading{padding:.25rem .5rem;font-weight:700;opacity:.65}.lk-start-audio-button{color:var(--lk-accent-fg);background-color:var(--lk-accent-bg)}@media screen and (max-width:600px){.lk-start-audio-button{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}}.lk-pagination-control{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);display:flex;align-items:stretch;background-color:var(--lk-control-bg);border-radius:var(--lk-border-radius);transition:opacity ease-in-out .15s;opacity:0}.lk-pagination-control:hover{opacity:1}.lk-pagination-control>.lk-button:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.lk-pagination-control>.lk-button:first-child>svg{transform:rotate(180deg)}.lk-pagination-control>.lk-button:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.lk-pagination-count{padding:.5rem .875rem;border-inline:1px solid var(--lk-bg)}[data-lk-user-interaction=true].lk-pagination-control{opacity:1}.lk-pagination-indicator{position:absolute;height:var(--lk-grid-gap);background-color:var(--lk-bg2);width:fit-content;padding:.2rem .5rem;bottom:calc(var(--lk-grid-gap)/2);left:50%;transform:translate(-50%);border-radius:2rem;opacity:1;display:flex;gap:.2rem;align-items:center}.lk-pagination-indicator span{display:inline-block;width:.4rem;height:.4rem;border-radius:9999999px;background-color:var(--lk-fg);opacity:.35;transition:opacity linear .2s}.lk-pagination-indicator span[data-lk-active]{opacity:.9}.lk-grid-layout{--lk-col-count: 1;--lk-row-count: 1;display:grid;grid-template-columns:repeat(var(--lk-col-count),minmax(0,1fr));grid-auto-rows:minmax(0,1fr);grid-gap:var(--lk-grid-gap);width:100%;height:100%;max-width:100%;max-height:100%;padding:var(--lk-grid-gap)}.lk-grid-layout[data-lk-pagination=true]{padding-bottom:calc(var(--lk-grid-gap)*2)}.lk-focus-layout{display:grid;grid-template-columns:1fr 5fr;gap:var(--lk-grid-gap);width:100%;max-height:100%;padding:var(--lk-grid-gap)}.lk-focused-participant{position:relative}.lk-focused-participant .lk-pip-track{position:absolute;top:10px;right:10px;width:20%;height:auto}@media(max-width:600px){.lk-focus-layout{grid-template-columns:1fr;grid-template-rows:5fr 1fr}.lk-carousel{order:1}}.lk-carousel{max-height:100%;display:flex;gap:var(--lk-grid-gap)}.lk-carousel>*{flex-shrink:0;aspect-ratio:16/10;scroll-snap-align:start}.lk-carousel[data-lk-orientation=vertical]{flex-direction:column;scroll-snap-type:y mandatory;overflow-y:auto;overflow-x:hidden}.lk-carousel[data-lk-orientation=vertical]>*{--lk-height-minus-gaps: calc(100% - calc(var(--lk-grid-gap) * calc(var(--lk-max-visible-tiles) - 1)));height:calc(var(--lk-height-minus-gaps)/var(--lk-max-visible-tiles))}.lk-carousel[data-lk-orientation=horizontal]{scroll-snap-type:x mandatory;overflow-y:hidden;overflow-x:auto}.lk-carousel[data-lk-orientation=horizontal]>*{--lk-width-minus-gaps: calc(100% - var(--lk-grid-gap) * (var(--lk-max-visible-tiles) - 1));width:calc(var(--lk-width-minus-gaps)/var(--lk-max-visible-tiles))}.lk-connection-quality{width:1.5rem;height:1.5rem}.lk-track-muted-indicator-camera,.lk-track-muted-indicator-microphone{position:relative;width:var(--lk-indicator-size, 1rem);height:var(--lk-indicator-size, 1rem);margin-inline-end:.25rem;transition:opacity .25s ease-in-out}.lk-track-muted-indicator-camera[data-lk-muted=true]{opacity:.5}.lk-track-muted-indicator-microphone{--lk-bg: var(--lk-icon-mic)}.lk-track-muted-indicator-microphone[data-lk-muted=true]{opacity:.5}.lk-participant-name{font-size:.875rem}.lk-participant-media-video{width:100%;height:100%;object-fit:cover;object-position:center;background-color:#000}.lk-participant-media-video[data-lk-orientation=landscape]{object-fit:cover}.lk-participant-media-video[data-lk-orientation=portrait],.lk-participant-media-video[data-lk-source=screen_share]{object-fit:contain;background-color:var(--lk-bg2)}.lk-participant-media-audio{width:auto}[data-lk-facing-mode=user] .lk-participant-media-video[data-lk-local-participant=true][data-lk-source=camera]{transform:rotateY(180deg)}.lk-audio-visualizer{width:100%;height:100%;min-height:160px;background:var(--lk-bg-control);aspect-ratio:16/9;border-radius:.5rem;display:flex;justify-content:space-around;align-items:center}.lk-audio-visualizer>rect{fill:var(--lk-accent-bg);transition:transform .1s cubic-bezier(.19,.02,.09,1)}.lk-audio-visualizer>path{stroke:var(--lk-accent-bg);transition:.1s cubic-bezier(.19,.02,.09,1)}.lk-audio-bar-visualizer{display:flex;align-items:center;justify-content:center;width:100%;height:100%;background:var(--lk-bg);gap:var(--lk-va-bar-gap, 24px)}.lk-audio-bar-visualizer>.lk-audio-bar{transform-origin:"center";height:100%;width:var(--lk-va-bar-width, 12px);border-radius:var(--lk-va-bar-border-radius, 32px);background-color:var(--lk-va-bar-bg, rgba(136, 136, 136, .2));transition:background-color .25s ease-out}.lk-audio-bar-visualizer[data-lk-va-state=speaking]>.lk-audio-bar,.lk-audio-bar-visualizer>.lk-audio-bar.lk-highlighted,.lk-audio-bar-visualizer>[data-lk-highlighted=true]{background-color:var(--lk-fg, rgb(136, 136, 136));transition:none}.lk-audio-bar-visualizer[data-lk-va-state=thinking]{transition:background-color .15s ease-out}.lk-participant-tile{--lk-speaking-indicator-width: 2.5px;position:relative;display:flex;flex-direction:column;gap:.375rem;overflow:hidden;border-radius:var(--lk-border-radius)}.lk-participant-tile:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;border-radius:var(--lk-border-radius);border:0px solid var(--lk-accent-bg);transition-property:border opacity;transition-delay:.5s;transition-duration:.4s;pointer-events:none}.lk-participant-tile[data-lk-speaking=true]:not([data-lk-source=screen_share]):after{transition-delay:0s;transition-duration:.2s;border-width:var(--lk-speaking-indicator-width)}.lk-participant-tile .lk-focus-toggle-button{position:absolute;top:.25rem;right:.25rem;padding:.25rem;background-color:#00000080;border-radius:calc(var(--lk-border-radius)/2);opacity:0;transition:opacity .2s ease-in-out;transition-delay:.2s}.lk-participant-tile:hover .lk-focus-toggle-button,.lk-participant-tile:focus .lk-focus-toggle-button{opacity:1;transition-delay:0}.lk-participant-tile .lk-connection-quality{opacity:0;transition:opacity .2s ease-in-out;transition-delay:.2s}.lk-participant-tile .lk-connection-quality[data-lk-quality=poor]{opacity:1;transition-delay:0}.lk-participant-tile:hover .lk-connection-quality,.lk-participant-tile:focus .lk-connection-quality{opacity:1;transition-delay:0}.lk-participant-tile .lk-participant-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background-color:var(--lk-bg2);opacity:0;transition:opacity .2s ease-in-out;pointer-events:none;border-radius:var(--lk-border-radius)}.lk-participant-tile .lk-participant-placeholder svg{height:100%;width:auto;padding:10%}.lk-participant-tile[data-lk-video-muted=true][data-lk-source=camera] .lk-participant-placeholder{opacity:1}.lk-participant-metadata{position:absolute;right:.25rem;bottom:.25rem;left:.25rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.5rem;line-height:1}.lk-participant-metadata-item{display:flex;align-items:center;padding:.25rem;background-color:#00000080;border-radius:calc(var(--lk-border-radius)/2)}.lk-toast{position:fixed;top:.75rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background-color:var(--lk-bg);border:1px solid var(--lk-border-color);border-radius:var(--lk-border-radius);box-shadow:var(--lk-box-shadow)}.lk-spinner{animation:lk-rotate 2s infinite linear}@keyframes lk-rotate{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.lk-room-container{background-color:var(--lk-bg);line-height:var(--lk-line-height)}.lk-room-container{position:relative;width:100%;height:100%;--lk-has-imported-styles: "true"}.lk-room-container *[class^=lk-],.lk-room-container *[class*=" lk-"]{box-sizing:border-box}.lk-audio-conference{position:relative;width:100%;height:100%}.lk-audio-conference-stage{width:100%;height:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.lk-chat{display:grid;grid-template-rows:var(--lk-chat-header-height) 1fr var(--lk-control-bar-height);width:clamp(200px,55ch,60ch);background-color:var(--lk-bg2);border-left:1px solid var(--lk-border-color);align-items:end}.lk-chat-header{height:var(--lk-chat-header-height);padding:.75rem;position:relative;display:flex;align-items:center;justify-content:center}.lk-chat-header .lk-close-button{position:absolute;right:0;transform:translate(-50%);background-color:#0000}.lk-chat-header .lk-close-button:hover{background-color:var(--lk-control-active-hover-bg)}.lk-chat-messages{display:flex;width:100%;max-height:100%;flex-direction:column;gap:.25rem;overflow:auto}.lk-chat-entry{display:flex;flex-direction:column;gap:.25rem;margin:0 .25rem}.lk-chat-entry .lk-meta-data{font-size:.75rem;color:var(--lk-fg5);white-space:nowrap;padding:0 .3rem;display:flex}.lk-chat-entry .lk-meta-data .lk-participant-name{margin-top:1rem}.lk-chat-entry .lk-meta-data .lk-timestamp{margin-left:auto;align-self:flex-end}.lk-chat-entry .lk-edit-button{background:none;float:right;margin:0;padding:0 .25rem;border-radius:0;font-size:12px}.lk-chat-entry .lk-message-body{display:inline-block;border-radius:15px;padding:.25rem .75rem;word-break:break-word;width:fit-content;max-width:calc(100% - 32px)}.lk-chat-entry[data-lk-message-origin=local] .lk-message-body{background-color:var(--lk-bg5)}.lk-chat-entry[data-lk-message-origin=remote] .lk-message-body{background-color:var(--lk-accent4)}.lk-chat-entry a{text-decoration:underline;color:inherit}.lk-chat-entry *{margin-block-start:.25em;margin-block-end:.25em}.lk-chat-entry:last-child{margin-bottom:.25rem}.lk-chat-form{display:flex;gap:.75rem;padding:.75rem;border-top:1px solid var(--lk-border-color);max-height:var(--lk-control-bar-height)}.lk-chat-form-input{font-size:inherit;line-height:inherit;width:100%}@media(max-width:600px){.lk-chat{position:fixed;top:0;right:0;max-width:100%;bottom:var(--lk-control-bar-height)}}.lk-control-bar,.lk-agent-control-bar{display:flex;gap:.5rem;align-items:center;justify-content:center;padding:.75rem;border-top:1px solid var(--lk-border-color);max-height:var(--lk-control-bar-height)}.lk-agent-control-bar{height:var(--lk-control-bar-height);--lk-bg: transparent;--lk-va-bar-width: 2px;--lk-va-bar-gap: 4px;--lk-va-bar-border-radius: 1px}.lk-agent-control-bar .lk-audio-bar-visualizer .lk-audio-bar.lk-highlighted{filter:none}.lk-prejoin{background-color:var(--lk-bg);line-height:var(--lk-line-height)}[data-lk-theme]{font-size:var(--lk-font-size);font-family:var(--lk-font-family);color:var(--lk-fg)}[data-lk-theme] .lk-list{list-style:none;margin:0;padding:0}[data-lk-theme] .lk-form-control{font-family:var(--lk-font-family);padding:.625rem 1rem;background-color:var(--lk-control-bg);border:1px solid var(--lk-border-color);border-radius:var(--lk-border-radius)}.lk-prejoin{box-sizing:border-box;display:flex;flex-direction:column;align-items:center;padding:1rem;gap:1rem;margin-inline:auto;background-color:var(--lk-bg);width:min(100%,480px);align-items:stretch}.lk-prejoin .lk-video-container{position:relative;width:100%;height:auto;aspect-ratio:16/10;background-color:#000;border-radius:var(--lk-border-radius);overflow:hidden}.lk-prejoin .lk-video-container video,.lk-prejoin .lk-video-container .lk-camera-off-note{display:block;width:100%;height:100%;object-fit:cover}.lk-prejoin .lk-video-container video[data-lk-facing-mode=user]{transform:rotateY(180deg)}.lk-prejoin .lk-video-container .lk-camera-off-note{position:absolute;top:0;left:0;width:100%;aspect-ratio:16/10;background-color:#000;display:grid;place-items:center}.lk-prejoin .lk-video-container .lk-camera-off-note>*{height:70%;max-width:100%}.lk-prejoin .lk-audio-container{display:none}.lk-prejoin .lk-audio-container audio{width:100%;height:auto}.lk-prejoin .lk-button-group-container{display:flex;flex-wrap:nowrap;gap:1rem}.lk-prejoin .lk-button-group-container>.lk-button-group{width:50%}.lk-prejoin .lk-button-group-container>.lk-button-group>.lk-button{justify-content:left}.lk-prejoin .lk-button-group-container>.lk-button-group>.lk-button:first-child{width:100%}@media(max-width:400px){.lk-prejoin .lk-button-group-container{flex-wrap:wrap}.lk-prejoin .lk-button-group-container>.lk-button-group{width:100%}}.lk-prejoin .lk-username-container{display:flex;flex-direction:column;gap:1rem;width:100%;max-width:100%}.lk-prejoin .lk-join-button{--lk-control-fg: var(--lk-accent-fg);--lk-control-bg: var(--lk-accent-bg);--lk-control-hover-bg: var(--lk-accent2);--lk-control-active-bg: var(--lk-accent3);--lk-control-active-hover-bg: var(--lk-accent4);background-color:var(--lk-control-bg)}.lk-prejoin .lk-join-button:hover{background-color:var(--lk-control-hover-bg)}.lk-focus-layout-wrapper,.lk-grid-layout-wrapper{position:relative;display:flex;justify-content:center;width:100%;height:calc(100% - var(--lk-control-bar-height))}.lk-grid-layout-wrapper{flex-direction:column;align-items:center}.lk-focus-layout-wrapper{align-items:stretch}.lk-video-conference{position:relative;display:flex;align-items:stretch;height:100%}.lk-video-conference-inner{display:flex;flex-direction:column;align-items:stretch;width:100%}.lk-settings-menu-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--lk-bg);padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background-color:var(--lk-bg);border:1px solid var(--lk-border-color);border-radius:var(--lk-border-radius);box-shadow:var(--lk-box-shadow);min-width:50vw;min-height:50vh;max-width:100%;max-height:100%;overflow-y:auto}@font-face{font-family:Lato;font-style:normal;font-weight:300;font-display:swap;src:url(../fonts/lato-latin-ext-300.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lato;font-style:normal;font-weight:300;font-display:swap;src:url(../fonts/lato-latin-300.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lato;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/lato-latin-ext-400.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lato;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/lato-latin-400.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lato;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/lato-latin-ext-700.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lato;font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/lato-latin-700.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Lato;font-style:normal;font-weight:900;font-display:swap;src:url(../fonts/lato-latin-ext-900.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Lato;font-style:normal;font-weight:900;font-display:swap;src:url(../fonts/lato-latin-900.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 500;font-display:swap;src:url(../fonts/jetbrains-mono-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400 500;font-display:swap;src:url(../fonts/jetbrains-mono-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--color-bg-primary: #0d1117;--color-bg-secondary: #161b22;--color-bg-tertiary: #21262d;--color-bg-elevated: #1c2128;--color-bg-secondary-rgb: 22, 27, 34;--color-bg-tertiary-rgb: 33, 38, 45;--color-bg-elevated-rgb: 28, 33, 40;--color-text-primary-rgb: 230, 237, 243;--color-bg-hover: rgba(56, 189, 248, .08);--color-bg-active: rgba(56, 189, 248, .12);--color-border: #30363d;--color-border-muted: #21262d;--color-border-focus: #38bdf8;--color-text-primary: #e6edf3;--color-text-secondary: #8b949e;--color-text-muted: #6e7681;--color-text-inverse: #0d1117;--color-accent-primary: #22d3ee;--color-accent-primary-hover: #06b6d4;--color-accent-primary-active: #0891b2;--color-accent-secondary: #38bdf8;--color-accent-glow: rgba(34, 211, 238, .15);--color-accent-primary-rgb: 34, 211, 238;--color-success: #22c55e;--color-success-bg: rgba(34, 197, 94, .12);--color-warning: #f59e0b;--color-warning-bg: rgba(245, 158, 11, .12);--color-error: #ef4444;--color-error-bg: rgba(239, 68, 68, .12);--color-info: #38bdf8;--color-info-bg: rgba(56, 189, 248, .12);--color-danger: #ef4444;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--font-sans: "Lato", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", ui-monospace, "SF Mono", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -4px rgba(0, 0, 0, .3);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .5), 0 8px 10px -6px rgba(0, 0, 0, .4);--shadow-glow: 0 0 20px var(--color-accent-glow);--shadow-glow-lg: 0 0 40px var(--color-accent-glow);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-hover-card: 350;--z-modal-backdrop: 400;--z-modal: 500;--z-popover: 600;--z-tooltip: 700;--z-toast: 800}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;font-family:var(--font-sans);font-size:var(--font-size-md);line-height:var(--line-height-normal);color:var(--color-text-primary);background:var(--color-bg-primary);min-height:100vh}.app-layout{position:relative;min-height:100vh;background:var(--color-bg-primary)}.app-content{position:relative;z-index:1;height:100vh;min-height:100vh;padding-left:min(20vw,300px);overflow-y:auto;background:var(--color-bg-primary);background-image:radial-gradient(ellipse at top right,rgba(34,211,238,.04) 0%,transparent 50%),radial-gradient(ellipse at bottom left,rgba(56,189,248,.03) 0%,transparent 40%);transition:padding-left var(--transition-slow)}.app-layout.sidebar-is-collapsed .app-content{padding-left:64px}.app-layout-sidebar-right .app-content{padding-left:0;padding-right:min(20vw,300px)}.app-layout-sidebar-right.sidebar-is-collapsed .app-content{padding-right:64px}.app-layout-sidebar-right .sidebar{left:auto;right:0}.sidebar{position:fixed;top:0;left:0;z-index:10;display:flex;flex-direction:column;height:100vh;background:var(--color-bg-secondary);transition:width var(--transition-slow);overflow:visible;flex-shrink:0}.sidebar-expanded{width:min(20vw,300px)}.sidebar-collapsed{width:64px}.sidebar-left{border-right:1px solid var(--color-border);border-left:none}.sidebar-left .sidebar-toggle{right:-12px;left:auto}.sidebar-right{border-left:1px solid var(--color-border);border-right:none}.sidebar-right .sidebar-toggle{left:-12px;right:auto}.sidebar-header{position:relative;padding:var(--spacing-lg);flex-shrink:0;display:flex;align-items:center;justify-content:center;min-height:72px;overflow:hidden}.sidebar-collapsed .sidebar-header{padding:var(--spacing-md)}.sidebar-header .app-logo-link{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;-webkit-app-region:no-drag}.app-logo{display:flex;align-items:center;justify-content:center}.app-logo-img{display:block;width:auto}.app-logo-link{display:flex;align-items:center;justify-content:center;text-decoration:none;color:inherit;cursor:pointer}.app-logo-link .app-logo-img{transform-origin:center center;transition:transform .2s ease}.app-logo-link .app-logo-img path{transition:fill .2s ease}.app-logo-link:hover{--logo-primary: var(--logo-secondary, #20d0e8);--logo-secondary: var(--logo-primary, #e0e8f0)}.app-logo-link:hover .app-logo-img{transform:scale(1.05)}.app-logo-link:focus-visible{outline:2px solid var(--color-focus-ring, var(--color-primary));outline-offset:2px;border-radius:var(--radius-sm, 4px)}.home-tabs{margin-top:var(--spacing-lg)}.learn-tabs{margin-top:var(--spacing-md);--learn-sticky-tabs-offset: 2.75rem}.learn-tabs .tabs-list{position:sticky;top:0;z-index:var(--z-sticky);background:var(--color-bg-primary);padding-top:var(--spacing-xs)}.learn-search{position:relative;margin-top:var(--spacing-md);z-index:1}.learn-search:has(.learn-search-results){z-index:calc(var(--z-sticky) + 1)}.learn-search .input-wrapper,.learn-search input{width:100%}.learn-search-results{position:absolute;top:calc(100% + var(--spacing-xs));left:0;right:0;z-index:1;max-height:min(20rem,50vh);overflow-y:auto;background-color:var(--color-bg-elevated, var(--color-bg-secondary, var(--color-bg-primary)));border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.learn-search-empty{margin:0;padding:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.learn-search-result{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacing-2xs, 4px);width:100%;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-bottom:1px solid var(--color-border-subtle, var(--color-border));cursor:pointer;text-align:left;transition:background var(--transition-fast)}.learn-search-result:last-child{border-bottom:none}.learn-search-result:hover,.learn-search-result:focus-visible{background:var(--color-bg-hover);outline:none}.learn-search-result-meta{font-size:var(--font-size-xs);color:var(--color-text-tertiary, var(--color-text-secondary))}.learn-search-result-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);line-height:1.4}.action-steps{padding:var(--spacing-lg)}.action-steps-loading{display:flex;align-items:center;gap:var(--spacing-md);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.action-steps-section:not(:first-child){margin-top:var(--spacing-xl);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border-subtle, var(--color-border))}.action-steps-section-title{margin:0 0 var(--spacing-xs);font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary)}.action-steps-section-subtitle{margin:0 0 var(--spacing-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.5}.action-steps-quick-links{list-style:none;margin:var(--spacing-md) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-lg)}.action-steps-quick-link-hint{margin:var(--spacing-xs) 0 0;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.action-steps-quick-links .btn{width:100%;justify-content:center}@media(min-width:601px){.action-steps-quick-links .btn{width:auto;align-self:flex-start}}.action-steps-list{list-style:none;margin:var(--spacing-md) 0 0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-md)}.action-step-item{display:flex;gap:var(--spacing-md);align-items:flex-start;padding:var(--spacing-md);border-radius:var(--radius-md, 8px);border:1px solid var(--color-border-subtle, var(--color-border));background:var(--color-surface-elevated, transparent)}.action-step-item-done{opacity:.85}.action-step-item-disabled{opacity:.7}.action-step-check{flex-shrink:0;margin-top:2px;color:var(--color-text-tertiary)}.action-step-check-done{color:var(--color-success, #22c55e)}.action-step-body{flex:1;min-width:0}.action-step-heading{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.action-step-title{font-weight:600;color:var(--color-text-primary)}.action-step-badge{font-size:var(--font-size-xs);padding:2px 8px;border-radius:999px;background:var(--color-surface-muted, rgba(128, 128, 128, .2));color:var(--color-text-secondary)}.action-step-description{margin:0 0 var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.45}.action-step-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.action-step-actions a.btn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.stats-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-md);margin-top:var(--spacing-md)}.stats-tile{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md);border-radius:var(--radius-md, 8px);border:1px solid var(--color-border-subtle, var(--color-border));background:var(--color-surface-elevated, transparent);text-align:center}.stats-tile-icon{color:var(--color-accent-primary);width:20px;height:20px}.stats-tile-value{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-primary);line-height:1}.stats-tile-label{font-size:var(--font-size-xs);color:var(--color-text-secondary)}@media(max-width:600px){.stats-overview{grid-template-columns:repeat(2,1fr)}}.learn-layout{display:grid;grid-template-columns:200px 1fr;gap:var(--spacing-lg);margin-top:var(--spacing-md);align-items:start}.learn-category-nav{position:sticky;top:calc(var(--learn-sticky-tabs-offset, 2.75rem) + var(--spacing-sm));z-index:calc(var(--z-sticky) - 1)}.learn-category-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.learn-category-btn{display:block;width:100%;padding:var(--spacing-md) var(--spacing-md);background:transparent;border:none;border-left:2px solid transparent;cursor:pointer;color:var(--color-text-secondary);font-size:var(--font-size-sm);text-align:left;border-radius:0 var(--radius-sm) var(--radius-sm) 0;transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.learn-category-btn:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.learn-category-btn--active{color:var(--color-accent-primary);border-left-color:var(--color-accent-primary);background:var(--color-bg-hover);font-weight:600}.learn-category-select-wrapper{display:none}.learn-category-select-control{width:100%}.learn-category-select-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:600;transition:border-color var(--transition-fast),background var(--transition-fast)}.learn-category-select-trigger:hover,.learn-category-select-trigger[data-state=open]{border-color:var(--color-accent-primary)}.learn-category-select-indicator{color:var(--color-text-muted);flex-shrink:0}.learn-category-select-content{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--spacing-xs) 0;z-index:var(--z-popover, 50)}.learn-category-select-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-primary);transition:background var(--transition-fast)}.learn-category-select-item:hover,.learn-category-select-item[data-highlighted]{background:var(--color-bg-hover)}.learn-category-select-item[data-state=checked]{color:var(--color-accent-primary);font-weight:600}.learn-category-select-check{color:var(--color-accent-primary);flex-shrink:0}@media(max-width:600px){.learn-layout{grid-template-columns:1fr;gap:0}.learn-category-nav{display:none}.learn-category-select-wrapper{display:block;position:sticky;top:calc(var(--learn-sticky-tabs-offset, 2.75rem) + var(--spacing-xs));z-index:calc(var(--z-sticky) - 1);background:var(--color-bg-primary);padding-bottom:var(--spacing-sm);margin-bottom:var(--spacing-sm)}}.learn-category-group:not(:first-child){margin-top:var(--spacing-xl)}.learn-category-heading{display:flex;align-items:center;gap:var(--spacing-xs);margin:0 0 var(--spacing-xs);padding-bottom:var(--spacing-xs);font-size:var(--font-size-md);font-weight:700;color:var(--color-accent-primary);scroll-margin-top:var(--spacing-lg)}.learn-permalink-btn{display:inline-flex;align-items:center;justify-content:center;padding:2px;background:none;border:none;border-radius:var(--radius-sm, 4px);color:var(--color-text-tertiary, var(--color-text-secondary));cursor:pointer;opacity:0;transition:opacity .15s ease,color .15s ease}.learn-permalink-btn:hover,.learn-permalink-btn:focus-visible{color:var(--color-text-primary)}.learn-permalink-btn:focus-visible{opacity:1;outline:2px solid var(--color-focus-ring, var(--color-primary));outline-offset:2px}.learn-category-heading:hover .learn-permalink-btn,.learn-category-heading:focus-within .learn-permalink-btn{opacity:1}.learn-permalink-btn--section{opacity:1;gap:var(--spacing-2xs, 4px);margin-top:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-text-tertiary, var(--color-text-secondary))}.learn-permalink-btn--section:hover,.learn-permalink-btn--section:focus-visible{color:var(--color-primary, var(--color-text-primary))}.learn-content-item{border-bottom:1px solid var(--color-border-subtle, var(--color-border))}.learn-content-item:last-child{border-bottom:none}.learn-content-item--highlight{animation:learn-section-highlight 2.2s ease-out 1;border-radius:var(--radius-sm)}@keyframes learn-section-highlight{0%{background-color:transparent;box-shadow:inset 0 0 0 0 transparent}14%{background-color:color-mix(in srgb,var(--color-accent-primary) 12%,transparent);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--color-accent-primary) 60%,transparent)}58%{background-color:color-mix(in srgb,var(--color-accent-primary) 12%,transparent);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--color-accent-primary) 60%,transparent)}to{background-color:transparent;box-shadow:inset 0 0 0 0 transparent}}.learn-content-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-md) 0;background:transparent;border:none;cursor:pointer;color:var(--color-text-secondary);font-weight:600;font-size:var(--font-size-sm);text-align:left;gap:var(--spacing-md)}.learn-content-trigger[aria-expanded=true]{color:var(--color-accent-primary)}.learn-content-trigger:hover,.learn-content-trigger:focus-visible{color:var(--color-accent-primary)}.learn-content-trigger-label{flex:1}.learn-content-indicator{flex-shrink:0;color:var(--color-text-tertiary);transition:transform var(--transition-fast)}[data-state=open]>.learn-content-indicator{transform:rotate(180deg)}.learn-content-body{padding:0 0 var(--spacing-md)}.learn-content-body p{margin:0;font-size:var(--font-size-sm);color:var(--color-text-primary);line-height:1.6;margin-bottom:var(--spacing-md)}.learn-jurisdiction-catalog{margin-top:var(--spacing-sm)}.jurisdiction-requirements-list__loading{min-height:4rem}.jurisdiction-requirements-list__message{margin:0;font-size:var(--font-size-sm)}.jurisdiction-requirements-list__filter{margin-bottom:var(--spacing-md);max-width:24rem}.jurisdiction-requirements-list__region{margin-bottom:var(--spacing-lg)}.jurisdiction-requirements-list__region:last-child{margin-bottom:0}.jurisdiction-requirements-list__region-title{margin:0 0 var(--spacing-sm);font-size:var(--font-size-sm);font-weight:700;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em}.jurisdiction-requirements-list__accordion{border:1px solid var(--color-border-subtle, var(--color-border));border-radius:var(--radius-md);overflow:hidden}.jurisdiction-requirements-list__item{border-bottom:1px solid var(--color-border-subtle, var(--color-border))}.jurisdiction-requirements-list__item:last-child{border-bottom:none}.jurisdiction-requirements-list__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-md);background:transparent;border:none;cursor:pointer;color:var(--color-text-primary);font-weight:600;font-size:var(--font-size-sm);text-align:left;gap:var(--spacing-md)}.jurisdiction-requirements-list__trigger:hover,.jurisdiction-requirements-list__trigger:focus-visible{color:var(--color-accent-primary)}.jurisdiction-requirements-list__trigger-label{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--spacing-sm)}.jurisdiction-requirements-list__trigger-code{font-size:var(--font-size-xs);font-weight:500}.jurisdiction-requirements-list__indicator{flex-shrink:0;color:var(--color-text-tertiary);transition:transform var(--transition-fast)}[data-state=open]>.jurisdiction-requirements-list__indicator{transform:rotate(180deg)}.jurisdiction-requirements-list__content{padding:0 var(--spacing-md) var(--spacing-md)}.jurisdiction-requirements-list__flat{display:flex;flex-direction:column;gap:var(--spacing-md)}.jurisdiction-requirement-card{border:1px solid var(--color-border-subtle, var(--color-border));border-radius:var(--radius-md);padding:var(--spacing-md);font-size:var(--font-size-sm)}.jurisdiction-requirement-card--compact{margin-bottom:var(--spacing-md)}.jurisdiction-requirement-card__header{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--spacing-sm)}.jurisdiction-requirement-card__name{font-size:var(--font-size-sm)}.jurisdiction-requirement-card__meta{font-size:var(--font-size-xs)}.jurisdiction-requirement-card__proposed{font-size:var(--font-size-xs);text-transform:uppercase;font-weight:600;opacity:.8}.jurisdiction-requirement-card__field{margin:var(--spacing-sm) 0 0;font-size:var(--font-size-sm)}.jurisdiction-requirement-card__label{display:block;margin-bottom:var(--spacing-xs)}.jurisdiction-requirement-card__legislation{margin:0;padding-left:1.25rem}.jurisdiction-requirement-card__enactment{margin-left:var(--spacing-xs)}.jurisdiction-requirement-card__leg-notes{margin:var(--spacing-xs) 0 0;font-size:var(--font-size-xs)}.jurisdiction-requirement-card__notes{margin:var(--spacing-sm) 0 0;font-size:var(--font-size-xs)}.sidebar-top-nav{padding:var(--spacing-sm) var(--spacing-sm) 0;flex-shrink:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:var(--spacing-xs);display:flex;flex-direction:column;gap:var(--spacing-xs)}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.sidebar-footer{padding:var(--spacing-md);border-top:1px solid var(--color-border-muted);flex-shrink:0}.sidebar-toggle{position:absolute;top:50%;right:-12px;transform:translateY(-50%);width:24px;height:24px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-text-secondary);transition:all var(--transition-fast);z-index:5}.sidebar-toggle:hover{background:var(--color-bg-hover);color:var(--color-accent-primary);border-color:var(--color-accent-primary)}.sidebar-toggle-icon{transition:transform var(--transition-fast)}.sidebar-hamburger{display:none;position:fixed;top:var(--spacing-md);left:var(--spacing-md);z-index:20;width:44px;height:44px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;padding:0;align-items:center;justify-content:center;color:var(--color-text-primary);transition:all var(--transition-fast)}.sidebar-hamburger:hover{background:var(--color-bg-hover);border-color:var(--color-accent-primary)}.sidebar-hamburger svg{width:24px;height:24px}.sidebar-mobile-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:15;opacity:0;pointer-events:none;transition:opacity var(--transition-normal)}.sidebar-mobile-overlay.visible{opacity:1;pointer-events:auto}@media(max-width:600px){.sidebar-hamburger{display:flex;top:42px;z-index:100}.sidebar-mobile-overlay{display:block}.app-content{padding-left:0!important;padding-right:0!important}.sidebar{transform:translate(-100%);transition:transform var(--transition-slow);box-shadow:var(--shadow-xl)}.sidebar.sidebar-mobile-open{transform:translate(0)}.sidebar.sidebar-mobile-open{width:min(80vw,300px);z-index:25}.app-layout-sidebar-right .sidebar{transform:translate(100%)}.app-layout-sidebar-right .sidebar.sidebar-mobile-open{transform:translate(0);z-index:25}.sidebar-toggle{display:none}}.sidebar-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);width:100%;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:left;text-decoration:none;cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;overflow:hidden}.sidebar-item:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.sidebar-item-active,.sidebar-item-active:hover{background:var(--color-bg-active);color:var(--color-accent-primary)}.sidebar-item-wrapper{display:flex;flex-direction:column}.sidebar-item-icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0}.sidebar-item-icon svg{width:20px;height:20px}.sidebar-item-label{flex:1;overflow:hidden;text-overflow:ellipsis}.sidebar-item-chevron{margin-left:auto;transition:transform var(--transition-fast);flex-shrink:0}.sidebar-item-chevron-open{transform:rotate(180deg)}.sidebar-collapsed .sidebar-item{justify-content:center;padding:var(--spacing-sm);gap:0}.sidebar-collapsed .sidebar-item .sidebar-item-label{display:none}.sidebar-collapsed .sidebar-item .sidebar-item-icon{margin:0}.sidebar-collapsed .sidebar-item .sidebar-item-chevron{display:none}.sidebar-submenu{display:flex;flex-direction:column;gap:var(--spacing-xs);padding-left:calc(var(--spacing-md) + 20px + var(--spacing-md));margin-top:var(--spacing-xs)}.sidebar-subitem{display:block;padding:var(--spacing-xs) var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);font-family:var(--font-sans);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-align:left;text-decoration:none;cursor:pointer;transition:all var(--transition-fast)}.sidebar-subitem:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.sidebar-subitem-active{color:var(--color-accent-primary)}.sidebar-divider{height:1px;background:var(--color-border-muted);margin:var(--spacing-sm) 0}.sidebar-section{display:flex;flex-direction:column;gap:var(--spacing-xs)}.sidebar-section>a{display:block;text-decoration:none}.sidebar-section-label{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.sidebar-footer-stack{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%}.sidebar-login-prompt{padding:var(--spacing-sm)}.sidebar-login-prompt a{text-decoration:none}.sidebar-login-prompt .sidebar-login-btn{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);height:auto;min-height:2rem;white-space:normal}.sidebar-login-prompt .sidebar-login-btn svg{flex-shrink:0}.sidebar-login-prompt .sidebar-login-btn .sidebar-login-label{min-width:0;text-align:center;white-space:normal}.sidebar-identity-section{padding:var(--spacing-sm);background:var(--color-bg-tertiary);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm)}.sidebar-identity-btn{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.sidebar-identity-btn svg:first-child{width:20px;height:20px;color:var(--color-accent-primary);flex-shrink:0}.sidebar-identity-btn:hover{background:var(--color-bg-hover)}.sidebar-identity-btn-active{background:var(--color-bg-active);color:var(--color-accent-primary)}.sidebar-identity-btn-active .sidebar-identity-label{color:var(--color-accent-primary)}.sidebar-identity-label{flex:1;text-align:left;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-identity-chevron{flex-shrink:0;opacity:.6;transition:transform var(--transition-fast)}.sidebar-identity-label{color:var(--color-text-primary)}.sidebar-account-flyout-wrapper{position:relative}.sidebar-account-btn{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast)}.sidebar-account-btn svg:first-child{width:20px;height:20px;flex-shrink:0}.sidebar-account-btn:hover{background:var(--color-bg-hover)}.sidebar-account-btn-active{background:var(--color-bg-active);color:var(--color-accent-primary)}.sidebar-account-btn-active .sidebar-account-label{color:var(--color-accent-primary)}.sidebar-account-label{flex:1;text-align:left;color:var(--color-text-primary)}.sidebar-account-chevron{flex-shrink:0;opacity:.6;transition:transform var(--transition-fast)}.sidebar-account-flyout{position:absolute;left:100%;bottom:0;min-width:200px;margin-left:var(--spacing-sm);opacity:0;visibility:hidden;transform:translate(-8px);transition:opacity var(--transition-fast),visibility var(--transition-fast),transform var(--transition-fast);z-index:var(--z-dropdown)}.sidebar-account-flyout-wrapper:hover .sidebar-account-flyout,body.tour-account-flyout-open .sidebar-account-flyout-wrapper .sidebar-account-flyout{opacity:1;visibility:visible;transform:translate(0)}.sidebar-account-flyout-content{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-xs);box-shadow:var(--shadow-xl)}.sidebar-account-flyout-wrapper:hover .sidebar-account-chevron,body.tour-account-flyout-open .sidebar-account-flyout-wrapper .sidebar-account-chevron{transform:translate(2px)}.sidebar-flyout-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);background:transparent;border:none;color:var(--color-text-secondary);font-family:var(--font-sans);font-size:var(--font-size-sm);text-decoration:none;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);white-space:nowrap}.sidebar-flyout-item:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.sidebar-flyout-item-active{color:var(--color-accent-primary);background:var(--color-bg-active)}.sidebar-flyout-item-logout{color:var(--color-text-secondary)}.sidebar-flyout-item-logout:hover{color:var(--color-danger);background:var(--color-bg-hover)}.sidebar-flyout-item-logout svg{width:14px;height:14px}.sidebar-flyout-divider{height:1px;background:var(--color-border);margin:var(--spacing-xs) 0}.sidebar-collapsed .sidebar-account-label,.sidebar-collapsed .sidebar-account-chevron,.sidebar-collapsed .sidebar-identity-label,.sidebar-collapsed .sidebar-identity-chevron,.sidebar-collapsed .sidebar-admin-label,.sidebar-collapsed .sidebar-desktop-label,.sidebar-collapsed .sidebar-login-label,.sidebar-collapsed .sidebar-update-nav-label{display:none}.sidebar-collapsed .sidebar-account-btn,.sidebar-collapsed .sidebar-identity-btn{justify-content:center;padding:var(--spacing-sm)}.sidebar-collapsed .sidebar-admin-link,.sidebar-collapsed .sidebar-desktop-link,.sidebar-collapsed .sidebar-update-nav-btn{justify-content:center;padding:var(--spacing-sm);gap:0}.sidebar-collapsed .sidebar-login-btn{justify-content:center;padding:var(--spacing-sm);gap:0;height:2rem}.sidebar-collapsed .sidebar-login-prompt,.sidebar-collapsed .sidebar-identity-section{padding:var(--spacing-xs)}.sidebar-identity-flyout-wrapper{position:relative}.sidebar-identity-flyout{position:absolute;left:100%;bottom:0;margin-left:var(--spacing-sm);min-width:200px;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translate(-8px);transition:opacity var(--transition-fast),visibility var(--transition-fast),transform var(--transition-fast);z-index:var(--z-dropdown)}.sidebar-identity-flyout-wrapper:hover .sidebar-identity-flyout{opacity:1;visibility:visible;transform:translate(0)}.sidebar-identity-flyout-collapsed{margin-left:var(--spacing-xs)}.sidebar-identity-flyout-wrapper:hover .sidebar-identity-chevron{transform:translate(2px)}.sidebar-identity-flyout-content{display:flex;flex-direction:column;padding:var(--spacing-xs)}.sidebar-identity-flyout-header{padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border-muted);margin-bottom:var(--spacing-xs)}.sidebar-identity-flyout-header .sidebar-identity-name{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.sidebar-identity-flyout-header .sidebar-identity-username{display:block;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.sidebar-flyout-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:35}.sidebar-flyout-drawer-backdrop[data-state=open]{animation:sidebar-drawer-fade-in .3s cubic-bezier(.32,.72,0,1)}.sidebar-flyout-drawer-backdrop[data-state=closed]{animation:sidebar-drawer-fade-out .2s cubic-bezier(.4,0,.2,1)}.sidebar-flyout-drawer-content{position:fixed;bottom:0;left:0;right:0;display:flex;flex-direction:column;max-height:85svh;padding:0 var(--spacing-md) var(--spacing-lg);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-bottom:none;box-shadow:var(--shadow-xl);outline:none;z-index:36;transition:transform .4s cubic-bezier(.32,.72,0,1)}.sidebar-flyout-drawer-content[hidden]{display:none}.sidebar-flyout-drawer-content:after{content:"";position:absolute;inset-inline:0;top:100%;height:3rem;background-color:inherit;pointer-events:none}.sidebar-flyout-drawer-grabber{display:flex;justify-content:center;align-items:center;flex-shrink:0;width:100%;padding:var(--spacing-md) 0 var(--spacing-sm);cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.sidebar-flyout-drawer-grabber:active{cursor:grabbing}.sidebar-flyout-drawer-grabber-indicator{width:36px;height:4px;background-color:var(--color-border);border-radius:var(--radius-full)}.sidebar-flyout-drawer-grabber:hover .sidebar-flyout-drawer-grabber-indicator{background-color:var(--color-text-muted)}.sidebar-flyout-drawer-title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:1.5;color:var(--color-text-primary);padding:0 var(--spacing-sm)}.sidebar-flyout-drawer-subtitle{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary);padding:0 var(--spacing-sm) var(--spacing-sm)}.sidebar-flyout-drawer-items{display:flex;flex-direction:column;gap:var(--spacing-xs);padding-top:var(--spacing-sm);overflow-y:auto;overscroll-behavior-y:contain}.sidebar-flyout-drawer-items .sidebar-flyout-item{padding:var(--spacing-md);font-size:var(--font-size-base);border-radius:var(--radius-md)}.sidebar-flyout-drawer-items .sidebar-flyout-divider{margin:var(--spacing-sm) 0}@keyframes sidebar-drawer-fade-in{0%{opacity:0}to{opacity:1}}@keyframes sidebar-drawer-fade-out{0%{opacity:1}to{opacity:0}}@keyframes sidebar-drawer-slide-in{0%{transform:translate3d(0,100%,0)}to{transform:translate3d(var(--drawer-translate-x, 0),var(--drawer-translate-y, 0),0)}}@keyframes sidebar-drawer-slide-out{0%{transform:translate3d(var(--drawer-translate-x, 0),var(--drawer-translate-y, 0),0)}to{transform:translate3d(0,100%,0)}}.sidebar-friends-panel{position:absolute;left:100%;top:0;height:100%;width:min(200px,80vw);background:var(--color-bg-secondary);border-left:1px solid var(--color-border);box-shadow:4px 0 16px #0003;z-index:11;display:flex;flex-direction:column;animation:sidebar-friends-panel-slide-in var(--transition-normal) ease-out}@keyframes sidebar-friends-panel-slide-in{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.sidebar-friends-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);flex-shrink:0}body.has-custom-title-bar .sidebar-friends-panel-header{padding-top:calc(32px + var(--spacing-sm))}.sidebar-friends-panel-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.sidebar-friends-panel-close{min-width:0;width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center}.sidebar-friends-panel-close svg{width:14px;height:14px}.sidebar-friends-panel-search{padding:var(--spacing-xs) var(--spacing-sm);flex-shrink:0}.sidebar-friends-panel-search .input-wrapper{margin:0}.sidebar-friends-panel-search .sidebar-friends-panel-search-input{background:var(--color-bg-tertiary)}.sidebar-friends-panel-list{overflow-y:auto;flex:1;padding:var(--spacing-xs)}.sidebar-friends-panel-section:not(:last-child){margin-bottom:var(--spacing-xs);padding-bottom:var(--spacing-xs);border-bottom:1px solid var(--color-border-muted)}.sidebar-friends-panel-section-label{display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;padding:var(--spacing-xs) var(--spacing-sm)}.sidebar-friends-panel-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);cursor:pointer;background:transparent;border:none;width:100%;text-align:left;font-family:var(--font-sans);transition:background var(--transition-fast)}.sidebar-friends-panel-item:hover{background:var(--color-bg-hover)}.sidebar-friends-panel-item-request{cursor:default}.sidebar-friends-panel-item-info{display:flex;align-items:center;gap:var(--spacing-sm);flex:1;min-width:0;background:transparent;border:none;cursor:pointer;padding:0;font-family:var(--font-sans);text-align:left;color:inherit}.sidebar-friends-panel-item-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center}.sidebar-friends-panel-item-avatar-img{width:100%;height:100%;object-fit:cover}.sidebar-friends-panel-item-avatar-placeholder{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.sidebar-friends-panel-item-text{display:flex;flex-direction:column;min-width:0}.sidebar-friends-panel-item-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-friends-panel-item-username{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-friends-panel-item-actions{display:flex;gap:var(--spacing-xs);flex-shrink:0}.sidebar-friends-panel-action-btn.btn{min-width:0;width:24px;height:24px;padding:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--color-border);color:var(--color-text-secondary)}.sidebar-friends-panel-action-btn.btn svg{width:12px;height:12px}.sidebar-friends-panel-action-accept.btn:hover{color:var(--color-success);border-color:var(--color-success)}.sidebar-friends-panel-action-ignore.btn:hover{color:var(--color-error);border-color:var(--color-error)}.sidebar-friends-panel-empty{padding:var(--spacing-lg) var(--spacing-md);text-align:center;font-size:var(--font-size-sm);color:var(--color-text-muted)}.sidebar-friends-panel-empty p{margin:0 0 var(--spacing-sm)}.sidebar-friends-panel-search-footer{padding:var(--spacing-sm) var(--spacing-md);text-align:center;font-size:var(--font-size-xs);color:var(--color-text-muted)}.sidebar-friends-panel-search-everyone{background:none;border:none;padding:0;font-size:inherit;font-family:var(--font-sans);color:var(--color-accent-primary);cursor:pointer;font-weight:var(--font-weight-medium);text-decoration:none}.sidebar-friends-panel-search-everyone:hover{text-decoration:underline}@media(max-width:600px){.sidebar-friends-panel{position:fixed;left:0;width:100vw;border-left:none;z-index:26}}.sidebar-search-item-add-friend{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:var(--radius-sm);border:none;background:transparent;cursor:pointer;color:var(--color-text-tertiary);padding:0;flex-shrink:0;transition:all var(--transition-fast)}.sidebar-search-item-add-friend svg{width:14px;height:14px}.sidebar-search-item-add-friend:hover{color:var(--color-primary);background:var(--color-bg-hover)}.profile-view-friend-actions{display:flex;gap:var(--spacing-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font-family:var(--font-sans);font-weight:var(--font-weight-medium);border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.btn:active:not(:disabled){transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:linear-gradient(135deg,var(--color-accent-primary) 0%,var(--color-accent-secondary) 100%);color:var(--color-text-inverse);box-shadow:var(--shadow-sm),var(--shadow-glow)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-accent-primary-hover) 0%,var(--color-accent-primary) 100%);box-shadow:var(--shadow-md),var(--shadow-glow-lg)}.btn-secondary{background:var(--color-bg-tertiary);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-accent-primary)}.btn-ghost{background:transparent;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background:var(--color-bg-hover);color:var(--color-text-primary)}.btn-danger{background:var(--color-error)!important;color:#fff!important}.btn-danger:hover:not(:disabled){background:#dc2626!important}.btn-danger:active:not(:disabled){background:#b91c1c!important}.btn-sm{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);height:2rem}.btn-md{padding:var(--spacing-sm) var(--spacing-lg);font-size:var(--font-size-md);height:2.5rem}.btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-lg);height:3rem}.btn-full{width:100%}.input-wrapper{display:flex;flex-direction:column;gap:var(--spacing-xs)}.input-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.input{width:100%;padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-sans);font-size:var(--font-size-md);color:var(--color-text-primary);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast);outline:none}.input::placeholder{color:var(--color-text-muted)}.input:hover:not(:disabled):not(:focus){border-color:var(--color-text-muted)}.input:focus{border-color:var(--color-accent-primary);box-shadow:0 0 0 3px var(--color-accent-glow)}.input:disabled{opacity:.5;cursor:not-allowed}.input-error{border-color:var(--color-error)}.input-error:focus{box-shadow:0 0 0 3px var(--color-error-bg)}.input-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);height:2rem}.input-lg{padding:var(--spacing-md) var(--spacing-lg);font-size:var(--font-size-lg);height:3rem}.input-hint{font-size:var(--font-size-xs);color:var(--color-text-muted)}.input-error-message{font-size:var(--font-size-xs);color:var(--color-error)}.otp-input-container{display:flex;gap:var(--spacing-sm);justify-content:center}.otp-input{width:3rem;height:3.5rem;text-align:center;font-family:var(--font-mono);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);background:var(--color-bg-tertiary);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);transition:all var(--transition-fast);outline:none}.otp-input:focus{border-color:var(--color-accent-primary);box-shadow:0 0 0 3px var(--color-accent-glow)}.otp-input.filled{border-color:var(--color-accent-secondary);background:var(--color-bg-elevated)}.card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.card-elevated{background:var(--color-bg-elevated);box-shadow:var(--shadow-lg)}.card-glow{box-shadow:var(--shadow-lg),var(--shadow-glow)}.auth-layout{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-lg);background:var(--color-bg-primary);background-image:radial-gradient(ellipse at top,rgba(34,211,238,.08) 0%,transparent 50%),radial-gradient(ellipse at bottom right,rgba(56,189,248,.05) 0%,transparent 40%)}.auth-container{width:100%;max-width:24rem;display:flex;flex-direction:column;gap:var(--spacing-xl)}.auth-header{text-align:center}.auth-logo{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.auth-logo-icon{width:3rem;height:3rem}.auth-logo-text{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);background:linear-gradient(135deg,var(--color-accent-primary) 0%,var(--color-accent-secondary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0}.auth-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-lg)}.auth-footer{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-muted)}.auth-link{color:var(--color-accent-primary);text-decoration:none;transition:color var(--transition-fast)}.auth-link:hover{color:var(--color-accent-secondary);text-decoration:underline}.alert{padding:var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);display:flex;align-items:flex-start;gap:var(--spacing-sm)}.alert-success{background:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success)}.alert-warning{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid var(--color-warning)}.alert-error{background:var(--color-error-bg);color:var(--color-error);border:1px solid var(--color-error)}.alert-info{background:var(--color-info-bg);color:var(--color-info);border:1px solid var(--color-info)}.key-storage-banner{padding:var(--spacing-sm) var(--spacing-md)}.key-storage-banner .alert{margin:0}.key-storage-banner-content{display:flex;align-items:center;gap:var(--spacing-md);width:100%;justify-content:space-between}.key-storage-banner-dismiss{flex-shrink:0;white-space:nowrap}.update-banner-actions{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0}.update-banner-progress{display:flex;flex-direction:column;gap:var(--spacing-xxs);flex:1;min-width:0}.update-banner-progress-row{display:flex;align-items:center;gap:var(--spacing-sm);width:100%}.update-banner-progress-text{font-size:var(--font-size-xs);color:var(--color-text-secondary);white-space:nowrap}.progress-bar{display:flex;flex-direction:column;gap:var(--spacing-xxs);width:100%}.progress-bar-track{width:100%;height:4px;background:var(--color-border-muted);border-radius:2px;overflow:hidden}.progress-bar-fill{height:100%;background:var(--color-accent-primary);border-radius:2px;transition:width .2s ease}.progress-bar-label{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.update-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:calc(var(--z-modal) + 10);animation:fadeIn var(--transition-fast) ease}.update-overlay-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl) var(--spacing-xxl);max-width:420px;width:90%;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg);text-align:center;box-shadow:0 8px 32px #0000004d}.update-overlay-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.update-overlay-message{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.update-overlay-progress{width:100%}.update-overlay-progress .progress-bar-track{height:6px;border-radius:3px}.update-overlay-progress .progress-bar-fill{border-radius:3px}.update-overlay-actions{display:flex;gap:var(--spacing-sm)}.spinner{width:1.25rem;height:1.25rem;border:2px solid var(--color-border);border-top-color:var(--color-accent-primary);border-radius:var(--radius-full);animation:spin .8s linear infinite}.spinner-sm{width:1rem;height:1rem;border-width:1.5px}.spinner-lg{width:2rem;height:2rem;border-width:3px}@keyframes spin{to{transform:rotate(360deg)}}a{color:var(--color-accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-secondary)}:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}::selection{background:var(--color-accent-glow);color:var(--color-text-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-primary)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.fade-in{animation:fadeIn var(--transition-normal) ease-out}.slide-up{animation:slideUp var(--transition-normal) ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.stagger-5{animation-delay:.25s}.tabs{display:flex;flex-direction:column;gap:var(--spacing-lg)}.tabs-list{display:flex;gap:var(--spacing-xs);border-bottom:1px solid var(--color-border);padding-bottom:var(--spacing-xs)}.tabs-trigger{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;transition:color var(--transition-fast),border-color var(--transition-fast)}.tabs-trigger:hover{color:var(--color-text-primary)}.tabs-trigger-active{color:var(--color-accent-primary);border-bottom-color:var(--color-accent-primary)}.tabs-content{animation:fadeIn var(--transition-normal) ease-out}.tabs-mobile-select-wrapper{display:none}@media(max-width:850px){.privacy-sticky-tabs .tabs-list{display:none}.privacy-sticky-tabs .tabs-mobile-select-wrapper{display:block;position:sticky;top:0;z-index:var(--z-sticky);background:var(--color-bg-primary);padding-bottom:var(--spacing-xs)}}.tabs-mobile-select-control{width:100%}.tabs-mobile-select-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.tabs-mobile-select-indicator{color:var(--color-text-muted);flex-shrink:0}.tabs-mobile-select-content{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--spacing-xs) 0;z-index:var(--z-popover, 50)}.tabs-mobile-select-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-primary);transition:background var(--transition-fast)}.tabs-mobile-select-item:hover,.tabs-mobile-select-item[data-highlighted]{background:var(--color-bg-hover)}.tabs-mobile-select-check{color:var(--color-accent-primary);flex-shrink:0}.session-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.session-item{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--transition-fast)}.session-item:hover{border-color:var(--color-border-focus)}.session-item-current{border-color:var(--color-accent-primary);background:var(--color-bg-hover)}.session-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.session-device{display:flex;align-items:center;gap:var(--spacing-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);flex-wrap:wrap}.session-current-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-accent-primary);background:var(--color-accent-glow);padding:2px var(--spacing-sm);border-radius:var(--radius-full)}.beta-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-warning, #f59e0b);background:#f59e0b1f;padding:1px 6px;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.03em}.fs-beta-notice{font-size:var(--font-size-sm);color:var(--color-warning, #f59e0b);background:#f59e0b14;border:1px solid rgba(245,158,11,.2);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-md);line-height:var(--line-height-relaxed)}.session-meta{font-size:var(--font-size-sm);color:var(--color-text-secondary);display:flex;flex-direction:column;gap:2px}.session-actions{display:flex;align-items:center}.session-revoke-btn{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.sessions-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-md)}.sessions-header-text{flex:1}.sessions-header h3{margin:0 0 var(--spacing-xs) 0;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.sessions-header p{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.change-passphrase-form{margin-top:var(--spacing-md)}.sessions-loading{display:flex;justify-content:center;padding:var(--spacing-xl)}.sessions-empty{text-align:center;padding:var(--spacing-xl);color:var(--color-text-secondary)}.sessions-header-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.change-passphrase-identity-notice{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);background:var(--color-info-bg);color:var(--color-info);border:1px solid var(--color-info)}.change-passphrase-identity-notice-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:16px;height:16px;margin-top:.15em}.change-passphrase-identity-notice-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.change-passphrase-identity-notice-main p{margin:0;line-height:var(--line-height-relaxed)}.change-passphrase-identity-why-link{align-self:flex-start;margin:0;padding:0;border:none;background:none;font:inherit;font-size:var(--font-size-sm);color:var(--color-info);text-decoration:underline;cursor:pointer;text-align:left}.change-passphrase-identity-why-link:hover{color:var(--color-text-primary)}.change-passphrase-identity-why-link:focus-visible{outline:2px solid var(--color-info);outline-offset:2px;border-radius:var(--radius-sm)}.change-passphrase-why-dialog{max-width:28rem}.change-passphrase-why-dialog-body{display:flex;flex-direction:column;gap:var(--spacing-md)}.change-passphrase-why-dialog-body p{margin:0;font-size:var(--font-size-md);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.key-backup-actions{display:flex;gap:var(--spacing-sm);padding-top:var(--spacing-md);margin-top:var(--spacing-md);border-top:1px solid var(--color-border)}.key-backup-form{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-md)}.key-backup-field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.key-backup-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.key-backup-warning,.key-backup-info{margin-bottom:0}.key-backup-error{font-size:var(--font-size-sm);color:var(--color-danger);padding:var(--spacing-xs) 0}.key-backup-hint{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.key-backup-file-info{font-size:var(--font-size-sm);color:var(--color-text-secondary);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);word-break:break-all}.key-backup-merge-options{display:flex;flex-direction:column;gap:var(--spacing-sm)}.key-backup-merge-option{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-primary)}.key-backup-merge-option input[type=radio]{accent-color:var(--color-accent-primary)}.key-backup-importing{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg) 0;color:var(--color-text-secondary)}.key-backup-content-selection{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.key-backup-content-option{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-primary)}.key-backup-content-option input[type=checkbox]{accent-color:var(--color-accent-primary)}.key-backup-summary{font-size:var(--font-size-sm);color:var(--color-text-secondary);padding:var(--spacing-xs) 0}.tooltip-positioner{box-sizing:border-box;min-width:0!important;max-width:min(20rem,100vw - 1.5rem)}.tooltip-positioner .tooltip{width:100%;max-width:100%}.tooltip{z-index:var(--z-tooltip);box-sizing:border-box;min-width:0;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-primary);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);white-space:normal;overflow-wrap:anywhere;word-break:break-word;pointer-events:none;animation:tooltipFadeIn var(--transition-fast) ease-out}.tooltip-arrow{--arrow-size: 8px;--arrow-background: var(--color-bg-tertiary)}.tooltip-arrow-tip{border-top:1px solid var(--color-border);border-left:1px solid var(--color-border)}@keyframes tooltipFadeIn{0%{opacity:0}to{opacity:1}}.tour-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:var(--z-modal-backdrop);animation:fadeIn var(--transition-normal) ease-out;pointer-events:none}.tour-spotlight{position:absolute;border-radius:var(--radius-md);box-shadow:0 0 0 9999px #000000b3;z-index:var(--z-modal-backdrop)!important;transition:all var(--transition-normal) ease-out;pointer-events:none}.tour-positioner{position:absolute;z-index:9999!important;isolation:isolate}.tour-content{position:relative;z-index:9999!important;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl),var(--shadow-glow);padding:var(--spacing-lg);min-width:280px;max-width:400px;animation:slideUp var(--transition-normal) ease-out;pointer-events:auto}.tour-content[data-type=dialog]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);min-width:320px;z-index:9999!important}.tour-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}.tour-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;line-height:var(--line-height-tight)}.tour-close-trigger{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;margin:-4px -4px 0 0}.tour-close-trigger:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.tour-close-trigger:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.tour-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0 0 var(--spacing-lg) 0}.tour-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.tour-progress{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap}.tour-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.tour-action-btn{padding:var(--spacing-xs) var(--spacing-md);font-family:var(--font-sans);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);border:1px solid var(--color-border);background:var(--color-bg-tertiary);color:var(--color-text-primary)}.tour-action-btn:hover{background:var(--color-bg-hover);border-color:var(--color-accent-primary)}.tour-action-btn:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.tour-action-btn-primary{background:linear-gradient(135deg,var(--color-accent-primary) 0%,var(--color-accent-secondary) 100%);color:var(--color-text-inverse);border:none;box-shadow:var(--shadow-sm),var(--shadow-glow)}.tour-action-btn-primary:hover{background:linear-gradient(135deg,var(--color-accent-primary-hover) 0%,var(--color-accent-primary) 100%);box-shadow:var(--shadow-md),var(--shadow-glow-lg)}.tour-arrow{--arrow-size: 12px;--arrow-background: var(--color-bg-elevated)}.tour-arrow-tip{border-top:var(--arrow-size) solid transparent;border-bottom:var(--arrow-size) solid transparent;border-left:var(--arrow-size) solid var(--arrow-background);position:absolute}[data-placement^=top] .tour-arrow-tip{border-left:var(--arrow-size) solid transparent;border-right:var(--arrow-size) solid transparent;border-top:var(--arrow-size) solid var(--arrow-background);border-bottom:none}[data-placement^=bottom] .tour-arrow-tip{border-left:var(--arrow-size) solid transparent;border-right:var(--arrow-size) solid transparent;border-bottom:var(--arrow-size) solid var(--arrow-background);border-top:none}[data-placement^=left] .tour-arrow-tip{border-top:var(--arrow-size) solid transparent;border-bottom:var(--arrow-size) solid transparent;border-left:var(--arrow-size) solid var(--arrow-background);border-right:none}[data-placement^=right] .tour-arrow-tip{border-top:var(--arrow-size) solid transparent;border-bottom:var(--arrow-size) solid transparent;border-right:var(--arrow-size) solid var(--arrow-background);border-left:none}[data-scope=toast][data-part=group]{position:fixed;top:var(--spacing-lg);right:var(--spacing-lg);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--spacing-sm);pointer-events:none;max-width:400px}.toast{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);pointer-events:auto;animation:slideInRight .3s ease-out;min-width:280px}.toast[data-state=closed]{animation:slideOutRight .2s ease-in forwards}.toast-success{border-color:var(--color-success)}.toast-success .toast-icon{color:var(--color-success)}.toast-error{border-color:var(--color-error)}.toast-error .toast-icon{color:var(--color-error)}.toast-warning{border-color:var(--color-warning)}.toast-warning .toast-icon{color:var(--color-warning)}.toast-info{border-color:var(--color-info)}.toast-info .toast-icon{color:var(--color-info)}.toast-content{display:flex;align-items:flex-start;gap:var(--spacing-sm);flex:1;min-width:0}.toast-clickable .toast-content{cursor:pointer;border-radius:var(--radius-md);transition:background var(--transition-fast)}.toast-clickable .toast-content:hover{background:var(--color-bg-hover)}.toast-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.toast-text{flex:1;min-width:0}.toast-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);margin:0;line-height:var(--line-height-tight)}.toast-description{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:var(--spacing-xs) 0 0 0;line-height:var(--line-height-normal)}.toast-expiry-countdown{display:inline-flex;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-warning);line-height:var(--line-height-tight)}.toast-expiry-countdown svg{width:.85em;height:.85em}.toast-expiring{border-color:var(--color-warning)}.toast-close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast);margin:-4px -4px 0 0}.toast-close:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.toast-close:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.mfa-loading{display:flex;justify-content:center;align-items:center;padding:var(--spacing-2xl)}.mfa-credentials{display:flex;flex-direction:column;gap:var(--spacing-lg)}.mfa-status-banner{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid}.mfa-status-banner.mfa-enabled{background:var(--color-success-bg);border-color:var(--color-success)}.mfa-status-banner.mfa-disabled{background:var(--color-warning-bg);border-color:var(--color-warning)}.mfa-status-icon{flex-shrink:0;width:24px;height:24px}.mfa-status-icon .icon-check{color:var(--color-success)}.mfa-status-icon .icon-warning{color:var(--color-warning)}.mfa-status-text{display:flex;flex-direction:column;gap:var(--spacing-xs)}.mfa-status-text strong{color:var(--color-text-primary);font-size:var(--font-size-sm)}.mfa-status-text span{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.mfa-section{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border)}.mfa-section-backup{background:var(--color-bg-tertiary)}.mfa-section-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md)}.mfa-section-header h4{margin:0;color:var(--color-text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.mfa-section-header p{margin:var(--spacing-xs) 0 0 0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.mfa-credential-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.mfa-credential-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);border:1px solid var(--color-border-muted)}.mfa-credential-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.mfa-credential-name{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);display:flex;align-items:center;gap:var(--spacing-sm)}.mfa-credential-meta{color:var(--color-text-muted);font-size:var(--font-size-xs)}.mfa-credential-actions{display:flex;gap:var(--spacing-xs);flex-shrink:0}.mfa-credential-edit{display:flex;flex-direction:column;gap:var(--spacing-sm);flex:1;min-width:0}.mfa-credential-edit-actions{display:flex;gap:var(--spacing-xs)}.mfa-badge{display:inline-flex;align-items:center;padding:2px 6px;border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.mfa-badge-synced{background:var(--color-info-bg);color:var(--color-info)}.mfa-empty{color:var(--color-text-muted);font-size:var(--font-size-sm);font-style:italic;margin:0}.mfa-setup{display:flex;flex-direction:column}.mfa-setup-step{display:flex;flex-direction:column;gap:var(--spacing-md)}.mfa-setup-step h3{margin:0;color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.mfa-setup-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0;line-height:var(--line-height-relaxed)}.mfa-setup-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.mfa-error{color:var(--color-error);font-size:var(--font-size-sm);margin:0}.mfa-qr-container{display:flex;justify-content:center;padding:var(--spacing-md);background:#fff;border-radius:var(--radius-md);width:fit-content;margin:0 auto}.mfa-qr-code{width:200px;height:200px}.mfa-manual-key{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md);text-align:center}.mfa-manual-key-label{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.mfa-manual-key-value{color:var(--color-accent-primary);font-family:var(--font-mono);font-size:var(--font-size-md);letter-spacing:.05em;word-break:break-all}.confirm-dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop);animation:fadeIn var(--transition-fast) ease-out}.confirm-dialog-positioner{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--spacing-lg)}.confirm-dialog-content{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl),var(--shadow-glow);width:100%;max-width:420px;animation:slideUp var(--transition-normal) ease-out;outline:none}.confirm-dialog-content[data-state=open]{animation:slideUp var(--transition-normal) ease-out}.confirm-dialog-content[data-state=closed]{animation:slideDown var(--transition-fast) ease-in}.confirm-dialog-header{padding:var(--spacing-lg);padding-bottom:0}.confirm-dialog-title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-tight)}.confirm-dialog-body{padding:var(--spacing-md) var(--spacing-lg)}.confirm-dialog-description{margin:0;font-size:var(--font-size-md);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.confirm-dialog-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-lg);padding-top:var(--spacing-md)}.confirm-dialog-danger .confirm-dialog-title{color:var(--color-error)}.confirm-dialog-loading{display:inline-flex;align-items:center;gap:var(--spacing-xs)}.confirm-dialog-spinner{animation:spin 1s linear infinite}.magic-rings-container{width:100%;height:100%}.shiny-text{display:inline-block;background:linear-gradient(var(--shiny-spread, 120deg),var(--shiny-color, #b5b5b5) 0%,var(--shiny-color, #b5b5b5) 35%,var(--shiny-shine, #fff) 50%,var(--shiny-color, #b5b5b5) 65%,var(--shiny-color, #b5b5b5) 100%);background-size:200% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:shiny-sweep var(--shiny-speed, 3s) linear infinite}.shiny-text--disabled{animation:none}@keyframes shiny-sweep{0%{background-position:100% center}to{background-position:-100% center}}.border-glow-card{--edge-proximity: 0;--cursor-angle: 45deg;--edge-sensitivity: 30;--color-sensitivity: calc(var(--edge-sensitivity) + 20);--border-radius: 28px;--glow-padding: 40px;--cone-spread: 25;position:relative;border-radius:var(--border-radius);isolation:isolate;transform:translateZ(.01px);display:grid;border:1px solid rgba(255,255,255,.15);background:var(--card-bg, #060010);overflow:visible;box-shadow:#0000001a 0 1px 2px,#0000001a 0 2px 4px,#0000001a 0 4px 8px,#0000001a 0 8px 16px,#0000001a 0 16px 32px,#0000001a 0 32px 64px}.border-glow-card:before,.border-glow-card:after,.border-glow-card>.edge-light{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;transition:opacity .25s ease-out;z-index:-1}.border-glow-card:not(:hover):not(.sweep-active):before,.border-glow-card:not(:hover):not(.sweep-active):after,.border-glow-card:not(:hover):not(.sweep-active)>.edge-light{opacity:0;transition:opacity .75s ease-in-out}.border-glow-card:before{border:1px solid transparent;background:linear-gradient(var(--card-bg, #060010) 0 100%) padding-box,linear-gradient(#fff0,#fff0) border-box,var(--gradient-one, radial-gradient(at 80% 55%, hsl(268, 100%, 76%) 0px, transparent 50%)) border-box,var(--gradient-two, radial-gradient(at 69% 34%, hsl(349, 100%, 74%) 0px, transparent 50%)) border-box,var(--gradient-three, radial-gradient(at 8% 6%, hsl(136, 100%, 78%) 0px, transparent 50%)) border-box,var(--gradient-four, radial-gradient(at 41% 38%, hsl(192, 100%, 64%) 0px, transparent 50%)) border-box,var(--gradient-five, radial-gradient(at 86% 85%, hsl(186, 100%, 74%) 0px, transparent 50%)) border-box,var(--gradient-six, radial-gradient(at 82% 18%, hsl(52, 100%, 65%) 0px, transparent 50%)) border-box,var(--gradient-seven, radial-gradient(at 51% 4%, hsl(12, 100%, 72%) 0px, transparent 50%)) border-box,var(--gradient-base, linear-gradient(#c299ff 0 100%)) border-box;opacity:calc((var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center,black calc(var(--cone-spread) * 1%),transparent calc((var(--cone-spread) + 15) * 1%),transparent calc((100 - var(--cone-spread) - 15) * 1%),black calc((100 - var(--cone-spread)) * 1%));mask-image:conic-gradient(from var(--cursor-angle) at center,black calc(var(--cone-spread) * 1%),transparent calc((var(--cone-spread) + 15) * 1%),transparent calc((100 - var(--cone-spread) - 15) * 1%),black calc((100 - var(--cone-spread)) * 1%))}.border-glow-card:after{border:1px solid transparent;background:var(--gradient-one, radial-gradient(at 80% 55%, hsl(268, 100%, 76%) 0px, transparent 50%)) padding-box,var(--gradient-two, radial-gradient(at 69% 34%, hsl(349, 100%, 74%) 0px, transparent 50%)) padding-box,var(--gradient-three, radial-gradient(at 8% 6%, hsl(136, 100%, 78%) 0px, transparent 50%)) padding-box,var(--gradient-four, radial-gradient(at 41% 38%, hsl(192, 100%, 64%) 0px, transparent 50%)) padding-box,var(--gradient-five, radial-gradient(at 86% 85%, hsl(186, 100%, 74%) 0px, transparent 50%)) padding-box,var(--gradient-six, radial-gradient(at 82% 18%, hsl(52, 100%, 65%) 0px, transparent 50%)) padding-box,var(--gradient-seven, radial-gradient(at 51% 4%, hsl(12, 100%, 72%) 0px, transparent 50%)) padding-box,var(--gradient-base, linear-gradient(#c299ff 0 100%)) padding-box;-webkit-mask-image:linear-gradient(to bottom,#000,#000),radial-gradient(ellipse at 50% 50%,black 40%,transparent 65%),radial-gradient(ellipse at 66% 66%,black 5%,transparent 40%),radial-gradient(ellipse at 33% 33%,black 5%,transparent 40%),radial-gradient(ellipse at 66% 33%,black 5%,transparent 40%),radial-gradient(ellipse at 33% 66%,black 5%,transparent 40%),conic-gradient(from var(--cursor-angle) at center,transparent 5%,black 15%,black 85%,transparent 95%);mask-image:linear-gradient(to bottom,#000,#000),radial-gradient(ellipse at 50% 50%,black 40%,transparent 65%),radial-gradient(ellipse at 66% 66%,black 5%,transparent 40%),radial-gradient(ellipse at 33% 33%,black 5%,transparent 40%),radial-gradient(ellipse at 66% 33%,black 5%,transparent 40%),radial-gradient(ellipse at 33% 66%,black 5%,transparent 40%),conic-gradient(from var(--cursor-angle) at center,transparent 5%,black 15%,black 85%,transparent 95%);-webkit-mask-composite:source-out,source-over,source-over,source-over,source-over,source-over;mask-composite:subtract,add,add,add,add,add;opacity:calc(var(--fill-opacity, .5) * (var(--edge-proximity) - var(--color-sensitivity)) / (100 - var(--color-sensitivity)));mix-blend-mode:soft-light}.border-glow-card>.edge-light{inset:calc(var(--glow-padding) * -1);pointer-events:none;z-index:1;-webkit-mask-image:conic-gradient(from var(--cursor-angle) at center,black 2.5%,transparent 10%,transparent 90%,black 97.5%);mask-image:conic-gradient(from var(--cursor-angle) at center,black 2.5%,transparent 10%,transparent 90%,black 97.5%);opacity:calc((var(--edge-proximity) - var(--edge-sensitivity)) / (100 - var(--edge-sensitivity)));mix-blend-mode:plus-lighter}.border-glow-card>.edge-light:before{content:"";position:absolute;inset:var(--glow-padding);border-radius:inherit;box-shadow:inset 0 0 0 1px var(--glow-color, hsl(40, 80%, 80%)),inset 0 0 1px 0 var(--glow-color-60, hsla(40, 80%, 80%, .6)),inset 0 0 3px 0 var(--glow-color-50, hsla(40, 80%, 80%, .5)),inset 0 0 6px 0 var(--glow-color-40, hsla(40, 80%, 80%, .4)),inset 0 0 15px 0 var(--glow-color-30, hsla(40, 80%, 80%, .3)),inset 0 0 25px 2px var(--glow-color-20, hsla(40, 80%, 80%, .2)),inset 0 0 50px 2px var(--glow-color-10, hsla(40, 80%, 80%, .1)),0 0 1px 0 var(--glow-color-60, hsla(40, 80%, 80%, .6)),0 0 3px 0 var(--glow-color-50, hsla(40, 80%, 80%, .5)),0 0 6px 0 var(--glow-color-40, hsla(40, 80%, 80%, .4)),0 0 15px 0 var(--glow-color-30, hsla(40, 80%, 80%, .3)),0 0 25px 2px var(--glow-color-20, hsla(40, 80%, 80%, .2)),0 0 50px 2px var(--glow-color-10, hsla(40, 80%, 80%, .1))}.border-glow-inner{display:flex;flex-direction:column;position:relative;overflow:auto;z-index:1}.achievement-glow-wrapper{width:100%;max-width:420px}.achievement-glow-wrapper .border-glow-inner{overflow:visible}.achievement-glow-wrapper .confirm-dialog-content{max-width:none;border:none;box-shadow:none;overflow:visible}.achievement-modal{overflow:visible;padding-top:60px;text-align:center;position:relative}.achievement-modal-rings{position:absolute;top:0;left:50%;translate:-50% -50%;width:480px;height:480px;pointer-events:none;z-index:0}.achievement-modal-badge{position:absolute;top:0;left:50%;translate:-50% -50%;width:110px;height:110px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:linear-gradient(145deg,var(--color-accent-primary),color-mix(in srgb,var(--color-accent-primary) 70%,#000));color:#fff;box-shadow:0 4px 24px #00000059,0 0 0 4px var(--color-bg-elevated),0 0 40px color-mix(in srgb,var(--color-accent-primary) 40%,transparent);z-index:1;font-size:2rem}.achievement-modal-badge--animating{animation:achievement-badge-pop 1.3s ease-out}.achievement-modal-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-accent-primary);margin:0 0 var(--spacing-sm);letter-spacing:.02em;text-transform:uppercase}.achievement-modal-body{padding:0 var(--spacing-lg) var(--spacing-sm);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs)}.achievement-modal-name{margin:10px 0 0;font-size:var(--font-size-xl);font-weight:var(--font-weight-bold, 700);color:var(--color-text-primary)}.achievement-modal-description{margin:0;font-size:var(--font-size-md);color:var(--color-text-secondary)}.achievement-modal-how{margin:0;font-size:var(--font-size-sm);color:var(--color-text-muted);font-style:italic}.achievement-modal-category{display:inline-block;padding:2px var(--spacing-sm);border-radius:var(--radius-full);background:color-mix(in srgb,var(--color-accent-primary) 12%,transparent);color:var(--color-accent-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium, 500);text-transform:uppercase;letter-spacing:.04em;margin-top:10px}.achievement-modal-stats{margin:var(--spacing-xs) 0 0;font-size:var(--font-size-xs);color:var(--color-text-muted)}@keyframes achievement-badge-pop{0%{scale:.3;rotate:0deg;opacity:0}30%{scale:1.15;rotate:12deg;opacity:1}50%{scale:1.05;rotate:-6deg}70%{scale:1.12;rotate:4deg}85%{scale:1;rotate:-1deg}to{scale:1;rotate:0deg;opacity:1}}.external-link-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop);animation:fadeIn var(--transition-fast) ease-out}.external-link-modal-positioner{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--spacing-lg)}.external-link-modal-content{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl),var(--shadow-glow);width:100%;max-width:520px;animation:slideUp var(--transition-normal) ease-out;outline:none}.external-link-modal-content[data-state=open]{animation:slideUp var(--transition-normal) ease-out}.external-link-modal-content[data-state=closed]{animation:slideDown var(--transition-fast) ease-in}.external-link-modal-header{padding:var(--spacing-lg);padding-bottom:0}.external-link-modal-title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-tight)}.external-link-modal-body{padding:var(--spacing-md) var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md)}.external-link-modal-description{margin:0;font-size:var(--font-size-md);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.external-link-modal-url-display{display:flex;flex-direction:column;gap:var(--spacing-xxs)}.external-link-modal-url-label{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-tertiary)}.external-link-modal-url{font-size:var(--font-size-sm);color:var(--color-accent-primary);background:var(--color-bg-tertiary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);word-break:break-all;line-height:var(--line-height-normal);border:1px solid var(--color-border)}.external-link-modal-tracking-warning{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:color-mix(in srgb,var(--color-warning) 10%,transparent);border:1px solid color-mix(in srgb,var(--color-warning) 30%,transparent);border-radius:var(--radius-md)}.external-link-modal-tracking-icon{font-size:var(--font-size-lg);flex-shrink:0;line-height:1;color:var(--color-warning)}.external-link-modal-tracking-body{display:flex;flex-direction:column;gap:var(--spacing-xxs)}.external-link-modal-tracking-body strong{font-size:var(--font-size-sm);color:var(--color-warning)}.external-link-modal-tracking-body p{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.external-link-modal-options{display:flex;flex-direction:column;gap:var(--spacing-xs)}.external-link-modal-checkbox{display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer}.external-link-modal-checkbox-control{width:16px;height:16px;border:2px solid var(--color-border);border-radius:var(--radius-xs, 3px);background:var(--color-bg);flex-shrink:0;transition:background var(--transition-fast),border-color var(--transition-fast)}.external-link-modal-checkbox-control[data-state=checked]{background:var(--color-accent-primary);border-color:var(--color-accent-primary)}.external-link-modal-checkbox-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.external-link-modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-lg);padding-top:var(--spacing-md);flex-wrap:wrap}.external-link-modal-btn-clean{border-color:var(--color-warning)!important;color:var(--color-warning)!important}.external-link-modal-btn-clean:hover{background:color-mix(in srgb,var(--color-warning) 10%,transparent)!important}.suspension-modal{max-width:460px}.suspension-modal-title{display:flex;align-items:center;gap:var(--spacing-sm)}.suspension-modal-icon{width:20px;height:20px;flex-shrink:0}.suspension-modal-body{display:flex;flex-direction:column;gap:var(--spacing-md)}.suspension-modal-field{display:flex;flex-direction:column;gap:var(--spacing-xxs)}.suspension-modal-label{font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-tertiary)}.suspension-modal-value{font-size:var(--font-size-sm);color:var(--color-text-primary)}.suspension-modal-code{font-family:var(--font-mono);font-size:var(--font-size-xs);background:var(--color-bg-tertiary);padding:var(--spacing-xxs) var(--spacing-xs);border-radius:var(--radius-sm);-webkit-user-select:all;user-select:all;word-break:break-all}.suspension-modal-appeal{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5;margin-top:var(--spacing-xs)}.suspension-modal-email{color:var(--color-accent);text-decoration:underline;text-underline-offset:2px}.invite-member-modal{max-width:480px}.invite-member-modal .invite-member-modal-notice{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);margin:var(--spacing-sm) var(--spacing-lg) 0;background:var(--color-accent-glow);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-normal)}.invite-member-modal .invite-member-modal-notice .invite-member-modal-notice-icon{width:16px;height:16px;flex-shrink:0;margin-top:2px;color:var(--color-accent-primary)}.invite-member-modal .invite-member-modal-search{padding:var(--spacing-sm) var(--spacing-lg)}.invite-member-modal .invite-member-modal-list{max-height:320px;overflow-y:auto;padding:0 var(--spacing-lg);display:flex;flex-direction:column;gap:2px}.invite-member-modal .invite-member-modal-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.invite-member-modal .invite-member-modal-item:hover{background:var(--color-bg-hover)}.invite-member-modal .invite-member-modal-item--former{opacity:.8}.invite-member-modal .invite-member-modal-item-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center}.invite-member-modal .invite-member-modal-item-avatar-img{width:100%;height:100%;object-fit:cover}.invite-member-modal .invite-member-modal-item-avatar-placeholder{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-muted)}.invite-member-modal .invite-member-modal-item-text{display:flex;flex-direction:column;flex:1;min-width:0}.invite-member-modal .invite-member-modal-item-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.invite-member-modal .invite-member-modal-item-username{font-size:var(--font-size-xs);color:var(--color-text-muted)}.invite-member-modal .invite-member-modal-item-left-badge{font-size:var(--font-size-xs);color:var(--color-warning, #f59e0b);font-style:italic}.invite-member-modal .invite-member-modal-item-badges{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-xxs);margin-top:2px}.invite-member-modal .invite-member-modal-item-badge{display:inline-flex;align-items:center;gap:4px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:2px 6px;border-radius:var(--radius-sm)}.invite-member-modal .invite-member-modal-item-badge--member{color:var(--color-text-muted);background:var(--color-bg-tertiary)}.invite-member-modal .invite-member-modal-item-badge--invited{color:var(--color-accent-primary);background:color-mix(in srgb,var(--color-accent-primary) 12%,transparent)}.invite-member-modal .invite-member-modal-item-status-done{display:flex;align-items:center;justify-content:center;width:32px;flex-shrink:0;color:var(--color-accent-primary)}.invite-member-modal .invite-member-modal-item-status-done svg{width:18px;height:18px}.invite-member-modal .invite-member-modal-empty{padding:var(--spacing-lg);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.web-device-choice-layer-backdrop{z-index:calc(var(--z-modal) + 20)}.web-device-choice-layer-positioner{z-index:calc(var(--z-modal) + 30)}@keyframes slideDown{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(16px) scale(.96)}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:min(20vw,300px);background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);animation:fadeIn var(--transition-fast) ease;transition:left var(--transition-slow)}.app-layout.sidebar-is-collapsed .modal-overlay{left:64px}@media(max-width:600px){.modal-overlay{left:0}}.modal-container{position:relative;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:480px;width:90%;max-height:90vh;overflow-y:auto;animation:slideUp var(--transition-normal) ease}.modal-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);background:transparent;border:none;color:var(--color-text-secondary);font-size:1.5rem;cursor:pointer;padding:var(--spacing-xs);line-height:1;transition:color var(--transition-fast);z-index:1}.modal-close:hover{color:var(--color-text-primary)}.modal-content{position:relative;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-height:90vh;overflow-y:auto;animation:slideUp var(--transition-normal) ease;display:flex;flex-direction:column}.modal-content.modal-sm{width:90%;max-width:360px}.modal-content.modal-md{width:90%;max-width:480px}.modal-content.modal-lg{width:90%;max-width:640px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-border-muted);flex-shrink:0}.modal-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.modal-body{padding:var(--spacing-xl);flex:1;overflow-y:auto}.modal-body .form-group{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-lg)}.modal-body .form-group:last-child{margin-bottom:0}.modal-body .form-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.modal-body .form-hint{color:var(--color-text-muted);font-size:var(--font-size-xs);margin:0}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--color-border-muted);flex-shrink:0}.identity-modal{padding:var(--spacing-2xl)}.identity-modal-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.identity-modal-header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.identity-modal-header h2{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin:0}.identity-modal-header p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0;max-width:360px;line-height:var(--line-height-relaxed)}.identity-modal-icon{width:64px;height:64px;color:var(--color-accent-primary);margin-bottom:var(--spacing-sm)}.identity-modal-actions{display:flex;flex-direction:column;gap:var(--spacing-md);margin-top:var(--spacing-md)}.identity-modal-actions .btn{justify-content:center;gap:var(--spacing-sm)}.identity-modal-actions .btn svg{width:16px;height:16px;flex-shrink:0}.identity-modal-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.identity-modal-form .form-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.identity-modal-form .form-hint{color:var(--color-text-muted);font-size:var(--font-size-xs);margin:0}.identity-modal-buttons{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.identity-modal-footer{text-align:center;padding-top:var(--spacing-md);border-top:1px solid var(--color-border-muted)}.identity-modal-footer p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0 0 var(--spacing-sm)}.identity-modal-footer-unlock{display:flex;flex-direction:column;align-items:stretch;gap:var(--spacing-xs)}.identity-modal-panic-btn{color:var(--color-error-text)}.identity-modal-creating{display:flex;align-items:center;justify-content:center;min-height:300px}.identity-modal-av-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);text-align:center;margin:0}.identity-modal-av-jurisdiction{color:var(--color-text-muted);font-size:var(--font-size-xs)}.identity-modal-av-opt-in{margin-top:var(--spacing-md);max-width:120px;align-self:center}.identity-modal-do-later-link{all:unset;cursor:pointer;color:var(--color-text-muted);font-size:var(--font-size-xs);text-decoration:underline;text-underline-offset:2px;margin-top:var(--spacing-sm)}.identity-modal-do-later-link:hover{color:var(--color-text-secondary)}.identity-modal-do-later-link:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px;border-radius:var(--radius-sm)}.identity-creating-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-lg);text-align:center;padding:var(--spacing-2xl)}.identity-creating-loader .spinner{width:48px;height:48px}.identity-creating-loader h2{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.identity-creating-loader p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0;max-width:280px;line-height:var(--line-height-relaxed)}.av-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:calc(var(--z-modal) + 20)}.av-modal-positioner{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:calc(var(--z-modal) + 30)}.av-modal-content{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);max-width:440px;width:90%;max-height:90vh;overflow-y:auto;animation:slideUp var(--transition-normal) ease;display:flex;flex-direction:column}.av-modal-header{padding:var(--spacing-lg) var(--spacing-xl);border-bottom:1px solid var(--color-border-muted)}.av-modal-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.av-modal-body{padding:var(--spacing-xl);flex:1}.av-modal-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin:0}.av-modal-jurisdiction{color:var(--color-text-muted);font-size:var(--font-size-xs)}.av-modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-lg) var(--spacing-xl);border-top:1px solid var(--color-border-muted)}.av-modal-status{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);text-align:center;padding:var(--spacing-lg) 0}.av-modal-status p{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.av-modal-success p{color:var(--color-success)}.av-modal-error p{color:var(--color-danger)}.av-modal-warning p{color:var(--color-warning)}.av-modal-retry-after,.av-modal-attempts{font-size:var(--font-size-xs);color:var(--color-text-muted)}.av-modal-age-gate{width:100%;margin-top:var(--spacing-md);text-align:left}.av-modal-age-gate h4{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-sm)}.av-modal-methods-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.av-modal-method-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-tertiary);border-radius:var(--radius-md);font-size:var(--font-size-xs)}.av-modal-method-name{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.av-modal-method-remaining{color:var(--color-text-muted)}.av-modal-opt-in-country{margin-top:var(--spacing-md)}.identity-attempt-warning{color:var(--color-warning);font-size:var(--font-size-sm);margin:0;text-align:center}.input-with-info{display:flex;gap:var(--spacing-xs);align-items:stretch}.input-with-info .input{flex:1}.input-password-toggle{display:flex;align-items:center;justify-content:center;padding:0;margin:0;min-width:2rem;min-height:2rem;background:transparent;border:none;border-radius:var(--radius-sm);color:inherit;cursor:pointer}.input-password-toggle:hover:not(:disabled){color:var(--color-accent-primary)}.input-password-toggle:disabled{cursor:not-allowed;opacity:.5}.input-password-toggle:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}.input-password-toggle svg{width:18px;height:18px}.passphrase-info-btn{display:flex;align-items:center;justify-content:center;padding:var(--spacing-sm);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.passphrase-info-btn:hover{background:var(--color-bg-hover);color:var(--color-accent-primary);border-color:var(--color-accent-primary)}.passphrase-info-btn svg{width:18px;height:18px}.popover-content{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-popover);animation:fadeIn var(--transition-fast) ease;max-width:320px}.popover-arrow{--arrow-size: 8px;--arrow-background: var(--color-bg-secondary)}.popover-arrow-tip{border-top:1px solid var(--color-border);border-left:1px solid var(--color-border)}.infotip-popover{pointer-events:auto}.infotip-popover-body{padding:var(--spacing-sm) var(--spacing-md);max-height:240px;overflow-y:auto;font-size:var(--font-size-xs);line-height:1.5;white-space:pre-line}.passphrase-popover{padding:0}.passphrase-info-content{padding:var(--spacing-md)}.passphrase-info-content h4{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-sm)}.passphrase-info-content ul{list-style:none;padding:0;margin:0 0 var(--spacing-sm)}.passphrase-info-content li{color:var(--color-text-secondary);font-size:var(--font-size-xs);font-family:var(--font-mono);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);margin-bottom:var(--spacing-xs)}.passphrase-info-content li:last-child{margin-bottom:0}.passphrase-tip{color:var(--color-text-muted);font-size:var(--font-size-xs);margin:var(--spacing-sm) 0 0;font-style:italic;line-height:var(--line-height-relaxed)}.form-error{color:var(--color-error);font-size:var(--font-size-xs);margin:var(--spacing-xs) 0 0}.form-success{color:var(--color-success);font-size:var(--font-size-xs);margin:var(--spacing-xs) 0 0}.passphrase-strength{font-size:var(--font-size-xs);margin:var(--spacing-xs) 0 0;display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-xs)}.passphrase-strength-weak{color:var(--color-warning)}.passphrase-strength-medium{color:var(--color-text-secondary)}.passphrase-strength-strong,.passphrase-strength-veryStrong{color:var(--color-success)}.passphrase-strength-hint{color:var(--color-text-muted);font-style:italic}.passphrase-strength-excellent{color:var(--color-success);font-style:normal;font-weight:var(--font-weight-medium)}.page-header-content{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);flex-wrap:wrap}.page-header-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.cipher-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--spacing-lg)}.cipher-card{display:flex;flex-direction:column;gap:var(--spacing-md)}.cipher-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm)}.cipher-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;flex:1;word-break:break-word}.cipher-edit-name{flex:1}.cipher-edit-name .input{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);padding:var(--spacing-xs) var(--spacing-sm)}.cipher-actions{display:flex;gap:var(--spacing-xs);flex-shrink:0}.cipher-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.cipher-action-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.cipher-action-btn.cipher-action-delete:hover{background:var(--color-error-bg);color:var(--color-error)}.cipher-card-details{display:flex;flex-direction:column;gap:var(--spacing-sm)}.cipher-detail{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm)}.cipher-detail-label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.cipher-detail-value{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.cipher-detail-value.cipher-id{font-family:var(--font-mono);font-size:var(--font-size-xs);background:var(--color-bg-tertiary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);cursor:help}.cipher-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--spacing-3xl) var(--spacing-xl)}.cipher-empty-icon{color:var(--color-text-muted);margin-bottom:var(--spacing-lg);opacity:.5}.cipher-empty-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-sm)}.cipher-empty-description{font-size:var(--font-size-md);color:var(--color-text-secondary);margin:0 0 var(--spacing-lg);max-width:400px;line-height:var(--line-height-relaxed)}.cipher-add-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-lg)}.cipher-add-error{margin-bottom:var(--spacing-md)}.entropy-rows{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.entropy-row{display:flex;align-items:center;gap:var(--spacing-sm)}.entropy-row-number{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;background:var(--color-bg-tertiary);color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);border-radius:var(--radius-full)}.entropy-row .input{flex:1}.entropy-row-remove{display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.entropy-row-remove:hover:not(:disabled){background:var(--color-error-bg);color:var(--color-error)}.entropy-row-remove:disabled{opacity:.3;cursor:not-allowed}.entropy-add-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:1px dashed var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);margin-bottom:var(--spacing-sm)}.entropy-add-btn:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.entropy-add-btn:disabled{opacity:.5;cursor:not-allowed}.cipher-security-warning{margin-top:var(--spacing-md)}.cipher-security-warning strong{display:block;margin-bottom:var(--spacing-xs)}.cipher-security-warning p{margin:0;line-height:var(--line-height-relaxed)}.cipher-edit-tabs{display:flex;border-bottom:1px solid var(--color-border);margin:0 calc(-1 * var(--spacing-xl));padding:0 var(--spacing-xl)}.cipher-edit-tab{padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-bottom:2px solid transparent;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-sans);cursor:pointer;transition:all var(--transition-fast);margin-bottom:-1px}.cipher-edit-tab:hover{color:var(--color-text-primary)}.cipher-edit-tab.active{color:var(--color-accent-primary);border-bottom-color:var(--color-accent-primary)}.cipher-edit-details{padding-top:var(--spacing-md)}.cipher-edit-info{background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-md);margin-top:var(--spacing-md)}.cipher-edit-info-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-xs) 0}.cipher-edit-info-row:not(:last-child){border-bottom:1px solid var(--color-border)}.cipher-edit-info-label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.cipher-edit-info-value{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-family:var(--font-mono);background:var(--color-bg-tertiary);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.cipher-edit-entropy{padding-top:var(--spacing-md)}.cipher-entropy-warning{margin-bottom:var(--spacing-md)}.cipher-entropy-warning strong{display:block;margin-bottom:var(--spacing-xs)}.cipher-entropy-warning p{margin:0;line-height:var(--line-height-relaxed)}.cipher-edit-error{margin-bottom:var(--spacing-md)}.cipher-share-warning{display:flex;flex-direction:column;gap:var(--spacing-lg)}.cipher-share-warning-alert strong{display:block;margin-bottom:var(--spacing-sm)}.cipher-share-warning-alert p{margin:0 0 var(--spacing-sm);line-height:var(--line-height-relaxed)}.cipher-share-warning-list{margin:0;padding-left:var(--spacing-lg)}.cipher-share-warning-list li{margin-bottom:var(--spacing-xs);line-height:var(--line-height-relaxed)}.cipher-share-warning-list li:last-child{margin-bottom:0}.cipher-share-consent{display:flex;align-items:flex-start;gap:var(--spacing-sm);cursor:pointer;padding:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-md)}.cipher-share-consent input[type=checkbox]{margin-top:2px;flex-shrink:0}.cipher-share-consent span{font-size:var(--font-size-sm);color:var(--color-text-primary);line-height:var(--line-height-normal)}.cipher-share-content{display:flex;flex-direction:column;gap:var(--spacing-lg)}.cipher-share-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.cipher-share-section-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.cipher-share-section-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;line-height:var(--line-height-relaxed)}.cipher-share-phrases{display:flex;flex-direction:column;gap:var(--spacing-sm);background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:var(--spacing-md)}.cipher-share-phrase{display:flex;flex-direction:column;gap:var(--spacing-xs)}.cipher-share-phrase-label{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:var(--font-weight-medium)}.cipher-share-phrase-value{font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-text-primary);background:var(--color-bg-tertiary);padding:var(--spacing-sm);border-radius:var(--radius-sm);word-break:break-word}.cipher-share-copy-btn{display:inline-flex;align-items:center;gap:var(--spacing-xs);align-self:flex-start}.cipher-share-divider{display:flex;align-items:center;gap:var(--spacing-md);color:var(--color-text-muted);font-size:var(--font-size-sm)}.cipher-share-divider:before,.cipher-share-divider:after{content:"";flex:1;height:1px;background:var(--color-border)}.cipher-share-qr-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);background:var(--color-bg-secondary);border-radius:var(--radius-md);color:var(--color-text-muted)}.cipher-share-qr-coming-soon{margin:var(--spacing-sm) 0 0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.cipher-duplicate-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-md)}.input-textarea{font-family:var(--font-mono);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);resize:vertical;min-height:100px}.friends-card .tabs-content{padding-top:var(--spacing-md)}.friends-loading{display:flex;justify-content:center;padding:var(--spacing-xl)}.friends-empty{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-xl);color:var(--color-text-secondary);text-align:center}.friends-empty p{margin:0}.friends-empty-icon{width:48px;height:48px;margin-bottom:var(--spacing-md);opacity:.5}.friends-empty-hint{font-size:var(--font-size-sm);margin-top:var(--spacing-xs)!important}.friends-count{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);margin-bottom:var(--spacing-md)}.friends-list,.friends-requests-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.friend-item,.friend-request-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);border-radius:var(--radius-md);transition:background-color .15s ease}.friend-item:hover,.friend-request-item:hover{background:var(--color-bg-secondary)}.friend-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.friend-name{font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-username{font-size:var(--font-size-sm);color:var(--color-text-muted)}.friend-since{font-size:var(--font-size-sm);color:var(--color-text-muted);white-space:nowrap}.friend-request-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.friend-request-status{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-muted)}.friend-request-status svg{width:14px;height:14px}.friends-load-more{align-self:center;margin-top:var(--spacing-md)}.tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 6px;margin-left:var(--spacing-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-white);background:var(--color-accent);border-radius:9px}.card-section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-xs)}.card-section-subtitle{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.blocked-loading{display:flex;justify-content:center;padding:var(--spacing-lg)}.blocked-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.blocked-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);border-radius:var(--radius-md);transition:background-color .15s ease}.blocked-item:hover{background:var(--color-bg-secondary)}.blocked-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.blocked-name{font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.blocked-username{font-size:var(--font-size-sm);color:var(--color-text-muted)}.blocked-load-more{align-self:center;margin-top:var(--spacing-md)}.notification-bell-wrapper{position:relative}.notification-bell-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;background:transparent;color:var(--color-text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease;position:relative}.notification-bell-btn:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.notification-bell-btn svg{width:18px;height:18px}.notification-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;font-size:10px;font-weight:var(--font-weight-bold);color:var(--color-white);background:var(--color-error);border-radius:8px;display:flex;align-items:center;justify-content:center}.notification-dropdown{position:absolute;left:100%;bottom:0;margin-left:var(--spacing-sm);width:320px;max-height:400px;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);display:flex;flex-direction:column;overflow:hidden}.notification-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md);border-bottom:1px solid var(--color-border)}.notification-dropdown-header h3{margin:0;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.notification-mark-all{font-size:var(--font-size-sm);color:var(--color-accent);background:none;border:none;cursor:pointer;padding:0}.notification-mark-all:hover{text-decoration:underline}.notification-dropdown-content{flex:1;overflow-y:auto}.notification-loading,.notification-empty{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);color:var(--color-text-muted)}.notification-item{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-md);border-bottom:1px solid var(--color-border);transition:background-color .15s ease}.notification-item:hover{background:var(--color-bg-secondary)}.notification-item:last-child{border-bottom:none}.notification-item.notification-item-read{opacity:.6}.notification-content{flex:1;min-width:0}.notification-message{margin:0 0 4px;font-size:var(--font-size-sm);color:var(--color-text-primary);line-height:var(--line-height-normal)}.notification-time{font-size:var(--font-size-xs);color:var(--color-text-muted)}.notification-mark-read{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;background:transparent;color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease;flex-shrink:0}.notification-mark-read:hover{background:var(--color-bg-tertiary);color:var(--color-success)}.notification-mark-read svg{width:14px;height:14px}.notification-dropdown-footer{padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid var(--color-border);text-align:center}.notification-view-all{font-size:var(--font-size-sm);color:var(--color-accent);text-decoration:none}.notification-view-all:hover{text-decoration:underline}.sidebar-search-section{padding:var(--spacing-sm) 0;margin-bottom:var(--spacing-sm)}.sidebar-collapsed .sidebar-search-section{padding:var(--spacing-sm) 0;margin-bottom:0}.sidebar-search{width:100%}.sidebar-search-control{display:flex;align-items:center;gap:var(--spacing-xs);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-xs) var(--spacing-sm);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.sidebar-search-control:focus-within{border-color:var(--color-accent-primary);box-shadow:0 0 0 2px var(--color-accent-glow)}.sidebar-search-icon{color:var(--color-text-muted);display:flex;align-items:center;flex-shrink:0}.sidebar-search-icon svg{width:16px;height:16px}.sidebar-search-input{flex:1;border:none;background:transparent;color:var(--color-text-primary);font-size:var(--font-size-sm);font-family:var(--font-sans);outline:none;min-width:0}.sidebar-search-input::placeholder{color:var(--color-text-muted)}.sidebar-search-spinner{flex-shrink:0}.sidebar-search-collapsed{display:flex;align-items:center;justify-content:center;width:100%;padding:var(--spacing-sm);background:transparent;border:none;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-md);transition:background-color var(--transition-fast),color var(--transition-fast)}.sidebar-search-collapsed:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.sidebar-search-collapsed svg{width:20px;height:20px;flex-shrink:0}.sidebar-search-positioner{z-index:150!important}.sidebar-search-positioner[data-state=closed]{display:none}.sidebar-search-content{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);max-height:320px;overflow-y:auto;min-width:280px}.sidebar-search-empty{padding:var(--spacing-lg);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.sidebar-search-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:background-color var(--transition-fast)}.sidebar-search-item:hover,.sidebar-search-item[data-highlighted]{background:var(--color-bg-secondary)}.sidebar-search-item-avatar{width:32px;height:32px;border-radius:var(--radius-full);overflow:hidden;flex-shrink:0;background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center}.sidebar-search-item-avatar-img{width:100%;height:100%;object-fit:cover}.sidebar-search-item-avatar-placeholder{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-muted)}.sidebar-search-item-info{display:flex;flex-direction:column;min-width:0}.sidebar-search-item-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-search-item-username{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-search-view-all{display:block;width:100%;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-top:1px solid var(--color-border);color:var(--color-accent-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);font-family:var(--font-sans);text-align:center;cursor:pointer;transition:background-color var(--transition-fast)}.sidebar-search-view-all:hover{background:var(--color-bg-secondary)}.identity-card{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.identity-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-sm)}.identity-card-banner{height:56px;background-size:cover;background-position:center}.identity-card-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);padding:0 var(--spacing-lg);margin-top:-20px}.identity-card-avatar{width:48px;height:48px;border-radius:var(--radius-full);overflow:hidden;flex-shrink:0;background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;border:3px solid var(--color-bg-elevated)}.identity-card-avatar-img{width:100%;height:100%;object-fit:cover}.identity-card-avatar-placeholder{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-muted)}.identity-card-info{display:flex;flex-direction:column;min-width:0;padding-top:20px}.identity-card-name{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.identity-card-username{font-size:var(--font-size-sm);color:var(--color-text-muted)}.identity-card-friendship{display:block;font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:2px;line-height:1.3}.identity-card-bio{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-md) 0;padding:0 var(--spacing-lg);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.identity-card-actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap;padding:0 var(--spacing-lg) var(--spacing-lg)}.identity-card-actions .btn svg{width:14px;height:14px;margin-right:var(--spacing-xs)}.identity-card-action-link{text-decoration:none}.identity-card-extra-footer{border-top:1px solid var(--color-border-muted);background:var(--color-bg-secondary);padding:var(--spacing-sm) var(--spacing-md)}.identity-card-compact{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;text-decoration:none;width:100%;transition:background-color var(--transition-fast)}.identity-card-compact:hover{background:var(--color-bg-secondary)}.identity-card-compact-avatar{width:32px;height:32px;border-radius:var(--radius-full);overflow:hidden;flex-shrink:0;background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center}.identity-card-compact-avatar-img{width:100%;height:100%;object-fit:cover}.identity-card-compact-avatar-placeholder{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-muted)}.identity-card-compact-info{display:flex;flex-direction:column;min-width:0;text-align:left}.identity-card-compact-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.identity-card-compact-username{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-form{margin-bottom:var(--spacing-xl)}.search-results{min-height:200px}.search-results-count{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-md)}.search-results-grid{display:grid;gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}@media(max-width:640px){.search-results-grid{grid-template-columns:1fr}}.search-loading{display:flex;justify-content:center;align-items:center;min-height:200px}.search-error{padding:var(--spacing-lg);background:var(--color-error-bg);border:1px solid var(--color-error);border-radius:var(--radius-md);color:var(--color-error);text-align:center}.search-empty{padding:var(--spacing-xl);text-align:center;color:var(--color-text-secondary)}.search-empty p{margin:0 0 var(--spacing-sm) 0}.search-empty-hint{font-size:var(--font-size-sm);color:var(--color-text-muted)}.search-hint{padding:var(--spacing-xl);text-align:center;color:var(--color-text-muted)}.search-hint p{margin:0}.hover-card-content{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--spacing-md);z-index:var(--z-hover-card, 350);animation:hover-card-fade-in .15s ease-out}@keyframes hover-card-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.hover-card-arrow{--arrow-size: 8px;--arrow-background: var(--color-bg-elevated)}.hover-card-arrow-tip{border-top:var(--arrow-size) solid transparent;border-bottom:var(--arrow-size) solid transparent;border-right:var(--arrow-size) solid var(--arrow-background)}.sidebar-tabs-section{display:flex;flex-direction:column;flex:1;min-height:0;margin-top:var(--spacing-sm);border-top:1px solid var(--color-border-muted);padding-top:var(--spacing-sm)}.sidebar-tabs{display:flex;gap:var(--spacing-xs);padding:0 var(--spacing-sm);margin-bottom:var(--spacing-sm)}.sidebar-tabs-collapsed{flex-direction:column;align-items:center}.sidebar-tab{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--font-size-sm);font-family:var(--font-sans);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),flex var(--transition-fast);flex:0 0 auto;justify-content:center}.sidebar-tab:hover{background:var(--color-bg-hover);color:var(--color-text-secondary);flex:1 1 auto}.sidebar-tab:hover .sidebar-tab-label{max-width:100px;opacity:1}.sidebar-tab-active{background:var(--color-bg-active);color:var(--color-accent-primary);flex:1 1 auto}.sidebar-tab-active .sidebar-tab-label{max-width:100px;opacity:1}.sidebar-tab-icon{position:relative;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-tab-icon svg{width:16px;height:16px}.sidebar-tab-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:0;opacity:0;transition:max-width var(--transition-fast),opacity var(--transition-fast)}.sidebar-tabs-collapsed .sidebar-tab{flex:none;width:100%;justify-content:center;padding:var(--spacing-sm)}.sidebar-tab-content{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.sidebar-tab-panel-hidden{display:none}.sidebar-tab-badge{position:absolute;top:-4px;right:-6px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--color-accent-primary);color:var(--color-text-on-accent, #fff);font-size:10px;font-weight:600;line-height:16px;text-align:center;pointer-events:none}.conversation-settings-sidebar{display:flex;flex-direction:column;min-height:0;max-height:100%}.conversation-settings-header{flex-shrink:0;padding:var(--spacing-sm) var(--spacing-sm) 0}.conversation-settings-tabs{display:flex;flex-direction:column;flex:1;min-height:0}.conversation-settings-tabs-list{display:flex;flex-shrink:0;gap:var(--spacing-xs);padding:0 var(--spacing-sm) var(--spacing-sm)}.conversation-settings-tab{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--font-size-xs);font-family:var(--font-sans);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast);flex:1 1 0;justify-content:center;min-width:0}.conversation-settings-tab:hover{background:var(--color-bg-hover);color:var(--color-text-secondary)}.conversation-settings-tab[data-selected]{background:var(--color-bg-active);color:var(--color-accent-primary)}.conversation-settings-tab-icon{display:flex;flex-shrink:0;align-items:center;justify-content:center}.conversation-settings-tab-icon svg{width:16px;height:16px}.conversation-settings-tab-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-settings-tab-panel[hidden]{display:none!important}.conversation-settings-tab-panel:not([hidden]){flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-sm)}.conversation-settings-body{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-sm)}.sidebar-friends-list{display:flex;flex-direction:column;padding:0 var(--spacing-xs)}.sidebar-friends-loading,.sidebar-friends-error,.sidebar-friends-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-lg);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm);gap:var(--spacing-sm)}.sidebar-friends-find-link{color:var(--color-accent-primary);font-size:var(--font-size-sm);text-decoration:none}.sidebar-friends-find-link:hover{text-decoration:underline}.sidebar-coming-soon{display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.sidebar-requests-section{border-bottom:1px solid var(--color-border-muted);margin-bottom:var(--spacing-xs);padding-bottom:var(--spacing-xs)}.sidebar-requests-toggle{display:flex;align-items:center;gap:var(--spacing-xs);width:100%;padding:var(--spacing-xs) var(--spacing-sm);border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color var(--transition-fast);font-family:inherit}.sidebar-requests-toggle:hover{background:var(--color-bg-hover)}.sidebar-requests-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-white);background:var(--color-accent);border-radius:9px;flex-shrink:0}.sidebar-requests-label{flex:1;text-align:left}.sidebar-requests-chevron{flex-shrink:0;transition:transform .15s ease}.sidebar-requests-chevron-open{transform:rotate(180deg)}.sidebar-requests-list{display:flex;flex-direction:column}.sidebar-request-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.sidebar-request-item:hover{background:var(--color-bg-hover)}.sidebar-request-actions{display:flex;align-items:center;gap:4px;margin-left:auto;flex-shrink:0}.sidebar-request-action-btn{padding:4px!important;min-width:0!important;width:26px;height:26px}.sidebar-request-action-btn svg{width:14px;height:14px}.sidebar-collapsed .sidebar-requests-toggle{justify-content:center;padding:var(--spacing-xs)}.friend-list-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast);width:100%;border:none;background:transparent;text-align:left;color:inherit;font:inherit}.friend-list-item:hover{background:var(--color-bg-hover)}.friend-list-item-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center}.friend-list-item-avatar-img{width:100%;height:100%;object-fit:cover}.friend-list-item-avatar-placeholder{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted)}.friend-list-item-info{display:flex;flex-direction:column;min-width:0}.friend-list-item-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.friend-list-item-username{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-collapsed .friend-list-item{justify-content:center;padding:var(--spacing-xs)}.hover-card-content.identity-hover-card{padding:0}.identity-hover-card{min-width:260px;max-width:300px}.identity-hover-card-inner{border-radius:var(--radius-lg);overflow:hidden}.identity-hover-card-banner{height:56px;background-size:cover;background-position:center}.identity-hover-card-avatar-wrapper{margin-top:-22px;padding-left:var(--spacing-md)}.identity-hover-card-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;border:3px solid var(--color-bg-secondary);background:var(--color-bg-tertiary)}.identity-hover-card-avatar--placeholder{display:flex;align-items:center;justify-content:center;font-size:var(--font-size-md);font-weight:700;color:var(--color-text-secondary)}.identity-hover-card-body{padding:var(--spacing-xs) var(--spacing-md) 0;display:flex;flex-direction:column;gap:1px}.identity-hover-card-name{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.identity-hover-card-username{font-size:var(--font-size-sm);color:var(--color-text-muted)}.identity-hover-card-friendship{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:2px}.identity-hover-card-bio{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.4;margin:var(--spacing-xs) 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.identity-hover-card-actions{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md) var(--spacing-md)}.identity-hover-card-actions>.btn:first-child{flex:1}.identity-hover-card-icon-btn{flex-shrink:0;padding:var(--spacing-xs)!important;min-width:0}.identity-hover-card-icon-btn svg{width:14px;height:14px;margin:0!important}.identity-hover-card-menu{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:calc(var(--z-popover) + 1);padding:var(--spacing-xs) 0;min-width:140px}.identity-hover-card-menu-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer;transition:background-color var(--transition-fast)}.identity-hover-card-menu-item:hover{background:var(--color-bg-tertiary)}.identity-hover-card-menu-item svg{width:14px;height:14px;flex-shrink:0}.identity-hover-card-menu-item--danger{color:var(--color-danger)}.identity-hover-card-menu-item--danger:hover{background:color-mix(in srgb,var(--color-danger) 10%,transparent)}.identity-hover-card-extra-footer{padding:0 var(--spacing-md) var(--spacing-md);border-top:1px solid var(--color-border-muted);margin-top:var(--spacing-xs);padding-top:var(--spacing-sm)}.identity-hover-card-dm-conversation-meta{padding:var(--spacing-sm) var(--spacing-md) var(--spacing-md);border-top:1px solid var(--color-border-muted);margin-top:var(--spacing-xs)}.avatar-group{display:flex;align-items:center;flex-shrink:0}.avatar-group-item{width:24px;height:24px;border-radius:50%;overflow:hidden;background:var(--color-bg-tertiary);border:2px solid var(--color-bg-secondary);display:flex;align-items:center;justify-content:center;margin-left:-8px;position:relative}.avatar-group-item:first-child{margin-left:0}.avatar-group-img{width:100%;height:100%;object-fit:cover}.avatar-group-placeholder{font-size:10px;font-weight:var(--font-weight-semibold);color:var(--color-text-muted)}.avatar-group-overflow{background:var(--color-bg-tertiary)}.avatar-group-overflow-text{font-size:9px;font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.conversation-list-item-context-anchor{display:block;width:100%}.conversation-list-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);width:100%;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-secondary);font-family:var(--font-sans);font-size:var(--font-size-sm);text-align:left;text-decoration:none;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.conversation-list-item:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.conversation-list-item-active{background:var(--color-bg-active);color:var(--color-accent-primary)}.conversation-list-item-active .conversation-list-item-title{color:var(--color-accent-primary)}.conversation-list-item-active:hover{background:var(--color-bg-active);color:var(--color-accent-primary)}.conversation-list-item-avatar{position:relative;width:32px;height:32px;border-radius:50%;overflow:visible;flex-shrink:0;background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center}.conversation-list-item-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:50%}.conversation-list-item-avatar-placeholder{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted)}.conversation-list-item-dm-badge{position:absolute;bottom:-3px;right:-5px;font-size:8px;font-weight:var(--font-weight-bold);line-height:1;padding:1px 3px;border-radius:var(--radius-sm);background:var(--color-accent-primary);color:var(--color-bg-primary);border:1.5px solid var(--color-bg-primary);pointer-events:none}.conversation-list-item-avatar-stack{position:relative;width:36px;height:32px;flex-shrink:0;background:transparent}.conversation-list-item-avatar-stack .conversation-list-item-avatar-stack-item{position:absolute;width:22px;height:22px;border-radius:50%;background:var(--color-bg-tertiary);border:2px solid var(--color-bg-primary);display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:var(--font-weight-semibold);color:var(--color-text-muted)}.conversation-list-item-avatar-stack .conversation-list-item-avatar-stack-item:nth-child(1){top:0;left:0;z-index:3}.conversation-list-item-avatar-stack .conversation-list-item-avatar-stack-item:nth-child(2){top:4px;left:10px;z-index:2}.conversation-list-item-avatar-stack .conversation-list-item-avatar-stack-item:nth-child(3){top:10px;left:2px;z-index:1}.conversation-list-item-avatar-stack .conversation-list-item-avatar-stack-item{overflow:hidden}.conversation-list-item-avatar-stack .conversation-list-item-avatar-stack-item-img{width:100%;height:100%;object-fit:cover}.conversation-list-item-avatar-stack .conversation-list-item-avatar-stack-item-placeholder{font-size:9px;font-weight:var(--font-weight-semibold);color:var(--color-text-muted)}.conversation-list-item-info{display:flex;flex-direction:column;min-width:0;flex:1}.conversation-list-item-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-list-item-members{font-size:var(--font-size-xs);color:var(--color-text-muted)}.conversation-list-item-badge{flex-shrink:0;min-width:18px;height:18px;padding:0 5px;border-radius:var(--radius-full);background:var(--color-accent-primary);color:var(--color-text-inverse);font-size:11px;font-weight:var(--font-weight-semibold);display:flex;align-items:center;justify-content:center}.conversation-list-item-unread-dot{flex-shrink:0;width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-accent-primary)}.sidebar-collapsed .conversation-list-item{position:relative;justify-content:center;padding:var(--spacing-xs);gap:0}.sidebar-collapsed .conversation-list-item-info{display:none}.sidebar-collapsed .conversation-list-item-avatar-stack{width:32px;height:32px}.sidebar-collapsed .conversation-list-item-badges{position:absolute;top:10px;right:10px;pointer-events:none}.sidebar-collapsed .conversation-list-item-star,.sidebar-collapsed .conversation-list-item-archive-icon{display:none}.sidebar-collapsed .conversation-list-item-badge{position:absolute;top:-4px;right:-4px;min-width:14px;height:14px;font-size:9px;padding:0 3px}.sidebar-collapsed .conversation-list-item-unread-dot{position:absolute;top:-2px;right:-2px;width:6px;height:6px}.sidebar-invites-section{display:flex;flex-direction:column;flex-shrink:0;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-bottom:1px solid var(--color-border-muted)}.sidebar-invites-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;padding:var(--spacing-xs) var(--spacing-sm)}.sidebar-invite-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-md);background:var(--color-bg-hover);border:1px solid var(--color-border)}.sidebar-invite-item-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.sidebar-invite-item-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-invite-item-meta{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-invite-item-actions{display:flex;gap:var(--spacing-xs);flex-shrink:0}.sidebar-invite-action-btn{padding:var(--spacing-xs)!important;min-width:unset!important}.sidebar-invite-action-accept{color:var(--color-success)!important}.sidebar-invite-action-accept:hover{background:color-mix(in srgb,var(--color-success) 15%,transparent)!important}.sidebar-invite-action-decline{color:var(--color-text-muted)!important}.sidebar-invite-action-decline:hover{color:var(--color-error)!important;background:color-mix(in srgb,var(--color-error) 15%,transparent)!important}.sidebar-invitations-panel{position:absolute;left:100%;top:0;height:100%;width:min(240px,80vw);background:var(--color-bg-secondary);border-left:1px solid var(--color-border);box-shadow:4px 0 16px #0003;z-index:11;display:flex;flex-direction:column;animation:sidebar-friends-panel-slide-in var(--transition-normal) ease-out}.sidebar-invitations-panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);flex-shrink:0}.sidebar-invitations-panel-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.sidebar-invitations-panel-close{min-width:0;width:28px;height:28px;padding:0;display:flex;align-items:center;justify-content:center}.sidebar-invitations-panel-close svg{width:14px;height:14px}.sidebar-invitations-panel-list{overflow-y:auto;flex:1;padding:var(--spacing-xs)}.sidebar-invitations-panel-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-md);background:var(--color-bg-hover);border:1px solid var(--color-border);cursor:default;transition:background var(--transition-fast);margin-bottom:var(--spacing-xs)}.sidebar-invitations-panel-item:hover{background:var(--color-bg-tertiary)}.sidebar-invitations-panel-item-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.sidebar-invitations-panel-item-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-invitations-panel-item-meta{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-invitations-panel-item-members{font-size:var(--font-size-xs);color:var(--color-text-muted)}.sidebar-invitations-panel-item-actions{display:flex;gap:var(--spacing-xs);flex-shrink:0}.sidebar-invitations-panel-empty{display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.invite-group-hover-card{min-width:240px;max-width:300px}.invite-group-hover-card-loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-md)}.invite-group-hover-card-error{padding:var(--spacing-sm);color:var(--color-text-muted);font-size:var(--font-size-sm);text-align:center}.invite-group-hover-card-header{display:flex;flex-direction:column;gap:2px;margin-bottom:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border-muted)}.invite-group-hover-card-name{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.invite-group-hover-card-count{font-size:var(--font-size-sm);color:var(--color-text-muted)}.invite-group-hover-card-meta-block{display:flex;flex-direction:column;gap:4px;margin-top:2px}.invite-group-hover-card-meta-line,.invite-group-hover-card-started{margin:0;font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.35}.invite-group-hover-card-started{font-size:var(--font-size-xs);color:var(--color-text-muted)}.invite-group-hover-card-inviter{display:flex;align-items:baseline;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);font-size:var(--font-size-sm)}.invite-group-hover-card-inviter-label{color:var(--color-text-muted);flex-shrink:0}.invite-group-hover-card-inviter-name{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.invite-group-hover-card-members-label{display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-xs)}.invite-group-hover-card-members-list{display:flex;flex-direction:column;gap:2px;max-height:200px;overflow-y:auto}.invite-group-hover-card-member{display:flex;align-items:center;gap:var(--spacing-xs);padding:3px var(--spacing-xs);border-radius:var(--radius-sm)}.invite-group-hover-card-member-avatar{width:24px;height:24px;border-radius:50%;overflow:hidden;flex-shrink:0;background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center}.invite-group-hover-card-member-avatar-img{width:100%;height:100%;object-fit:cover}.invite-group-hover-card-member-avatar-placeholder{font-size:10px;font-weight:var(--font-weight-semibold);color:var(--color-text-muted)}.invite-group-hover-card-member-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.invite-group-hover-card-member-username{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-left:auto}.invite-group-hover-card-member--link{text-decoration:none;color:inherit;cursor:pointer;transition:background-color .12s ease}.invite-group-hover-card-member--link:hover{background:var(--color-bg-tertiary)}.invite-group-hover-card-member--link:focus-visible{outline:2px solid var(--color-focus-ring, var(--color-accent-primary));outline-offset:1px}.invite-group-hover-card-overflow{padding:var(--spacing-xs);font-size:var(--font-size-xs);font-style:italic;color:var(--color-text-muted)}.sidebar-conversations-list{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;gap:var(--spacing-xs);padding:var(--spacing-xs) 0}.sidebar-conversations-empty,.sidebar-conversations-loading,.sidebar-conversations-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-lg);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.sidebar-conversations-empty p,.sidebar-conversations-loading p,.sidebar-conversations-error p{margin:0}.sidebar-conversations-actions{display:flex;align-items:center;gap:var(--spacing-xs);padding:0}.sidebar-conversations-actions>:last-child{flex:1;min-width:0}.sidebar-filter-trigger{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text-muted);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast);flex-shrink:0}.sidebar-filter-trigger:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.sidebar-filter-trigger svg{width:14px;height:14px}.sidebar-filter-popover{min-width:200px}.sidebar-filter-popover-body{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-xs)}.sidebar-filter-group{display:flex;flex-direction:column;gap:var(--spacing-xs)}.sidebar-filter-row{display:flex;gap:var(--spacing-xs)}.sidebar-filter-chip{flex:1;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);text-align:center}.sidebar-filter-chip:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.sidebar-filter-chip--active{background:var(--color-accent-primary);color:var(--color-text-inverse);border-color:var(--color-accent-primary)}.sidebar-filter-chip--active:hover{background:var(--color-accent-primary);color:var(--color-text-inverse)}.sidebar-filter-switch{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:var(--spacing-xs) 0;cursor:pointer}.sidebar-filter-switch-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.sidebar-filter-switch-control{position:relative;width:32px;height:18px;border-radius:var(--radius-full);background:var(--color-bg-tertiary);border:1px solid var(--color-border);flex-shrink:0;cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.sidebar-filter-switch-control[data-state=checked]{background:var(--color-accent-primary);border-color:var(--color-accent-primary)}.sidebar-filter-switch-thumb{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:var(--color-text-inverse);transition:transform var(--transition-fast);box-shadow:0 1px 2px #00000026}[data-state=checked] .sidebar-filter-switch-thumb{transform:translate(14px)}.conversation-context-menu{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 4px 16px #00000026;padding:var(--spacing-xs) 0;min-width:200px;z-index:var(--z-popover)}.conversation-context-menu-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-primary);background:none;border:none;cursor:pointer;transition:background-color .15s ease}.conversation-context-menu-item:hover{background:var(--color-bg-hover)}.conversation-context-menu-item--danger{color:var(--color-error)}.conversation-context-menu-item--danger:hover{background:var(--color-error-bg)}.conversation-context-menu-item-icon{width:14px;height:14px;flex-shrink:0}.sidebar-conversations-section-header{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em}.sidebar-conversations-section-icon{width:12px;height:12px;flex-shrink:0;color:var(--color-accent-primary)}.conversation-list-item--archived{opacity:.55}.conversation-list-item-badges{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0}.conversation-list-item-star{width:12px;height:12px;color:var(--color-accent-primary);flex-shrink:0}.conversation-list-item-archive-icon{width:12px;height:12px;color:var(--color-text-muted);flex-shrink:0}.chat-connection-banner{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-xs);color:var(--color-text-muted);background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border);flex-shrink:0;animation:chat-banner-fade-in .2s ease}.chat-connection-banner .spinner{width:.75rem;height:.75rem;flex-shrink:0}.chat-connection-banner--warn{background:var(--color-warning-bg);color:var(--color-warning);border-bottom-color:color-mix(in srgb,var(--color-warning) 30%,transparent)}.chat-connection-banner--warn .spinner{border-color:color-mix(in srgb,var(--color-warning) 30%,transparent);border-top-color:var(--color-warning)}.chat-connection-banner-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes chat-banner-fade-in{0%{opacity:0}to{opacity:1}}.conversation-page{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden;background:var(--color-bg-primary)}.conversation-container{display:flex;flex-direction:column;height:100%;width:100%;overflow:hidden}.conversation-loading,.conversation-not-found{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--spacing-md);color:var(--color-text-muted)}.conversation-loading p,.conversation-not-found p{margin:0;font-size:var(--font-size-md)}.conversation-toolbar{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary);flex-shrink:0;min-height:56px}.conversation-toolbar-left{display:flex;align-items:center;gap:var(--spacing-sm);min-width:0}.conversation-toolbar-avatar-link{text-decoration:none;flex-shrink:0}.conversation-toolbar-avatar{width:36px;height:36px;border-radius:50%;overflow:hidden;background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.conversation-toolbar-avatar-img{width:100%;height:100%;object-fit:cover}.conversation-toolbar-avatar-placeholder{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-muted)}.conversation-toolbar-avatar-group{position:relative;width:40px;height:36px;flex-shrink:0;display:flex;align-items:flex-start;justify-content:flex-start;overflow:visible}.conversation-toolbar-avatar-stack{position:relative;width:100%;height:100%;min-width:40px;min-height:32px}.conversation-toolbar-avatar-stack-item{position:absolute;width:24px;height:24px;border-radius:50%;background:var(--color-bg-tertiary);border:2px solid var(--color-bg-secondary);display:flex;align-items:center;justify-content:center;overflow:hidden}.conversation-toolbar-avatar-stack-item:nth-child(1){top:0;left:0;z-index:3}.conversation-toolbar-avatar-stack-item:nth-child(2){top:4px;left:10px;z-index:2}.conversation-toolbar-avatar-stack-item:nth-child(3){top:10px;left:2px;z-index:1}.conversation-toolbar-avatar-stack-item-img{width:100%;height:100%;object-fit:cover}.conversation-toolbar-avatar-stack-item-placeholder{font-size:9px;font-weight:var(--font-weight-semibold);color:var(--color-text-muted)}.conversation-toolbar-info{display:flex;flex-direction:column;min-width:0}.conversation-toolbar-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-toolbar-subtitle{font-size:var(--font-size-xs);color:var(--color-text-muted)}.conversation-toolbar-right{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0}.conversation-toolbar-btn{padding:var(--spacing-xs)}.conversation-toolbar-btn.active{background:var(--color-bg-active);color:var(--color-accent-primary)}.conversation-toolbar-btn--danger{color:var(--color-error)!important}.conversation-toolbar-btn--danger:hover{background:color-mix(in srgb,var(--color-error) 10%,transparent)!important}.conversation-toolbar-btn svg{width:18px;height:18px}.conversation-body{display:flex;flex:1;min-height:0;overflow:hidden;position:relative}.conversation-main{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;height:100%;position:relative}.conversation-messages{flex:1;min-height:0;overflow:hidden;position:relative}.conversation-messages-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-text-muted);font-size:var(--font-size-sm)}.conversation-messages-empty p{margin:0}.conversation-scroll-to-bottom{position:absolute;bottom:var(--spacing-md);right:var(--spacing-md);z-index:3;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-secondary);cursor:pointer;box-shadow:0 2px 8px #0000001f;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .15s ease,transform .15s ease,background .15s ease,color .15s ease}.conversation-scroll-to-bottom--visible{opacity:1;pointer-events:auto;transform:translateY(0)}.conversation-scroll-to-bottom:hover{background:var(--color-accent-primary);color:var(--color-bg-primary);border-color:var(--color-accent-primary)}.conversation-scroll-to-bottom svg{width:16px;height:16px}.conversation-scroll-to-bottom--unread{width:auto;min-width:36px;height:36px;padding:0 var(--spacing-md);gap:var(--spacing-xs);border-radius:var(--radius-full);justify-content:center;background:var(--color-accent-primary);color:var(--color-text-on-accent, #fff);border-color:var(--color-accent-primary)}.conversation-scroll-to-bottom--unread:hover{background:color-mix(in srgb,var(--color-accent-primary) 88%,#000);color:var(--color-text-on-accent, #fff);border-color:color-mix(in srgb,var(--color-accent-primary) 88%,#000)}.conversation-scroll-to-bottom--unread svg{flex-shrink:0}.conversation-scroll-to-bottom__badge{position:absolute;top:-5px;left:-7px;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--color-bg-primary);color:var(--color-accent-primary);font-size:16px;font-weight:600;line-height:20px;text-align:center;pointer-events:none;box-shadow:0 1px 3px #0000002e}.conversation-scroll-to-bottom__label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);white-space:nowrap}.conversation-composer{flex-shrink:0;z-index:2;display:flex;flex-direction:column;align-items:stretch;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);position:relative}.conversation-composer-mini-toast{position:absolute;top:-8px;left:50%;transform:translate(-50%,-100%);padding:4px 12px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium, 500);color:var(--color-text-primary);background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-full);white-space:nowrap;pointer-events:none;z-index:10;box-shadow:0 2px 8px #00000040;animation:composer-mini-toast-in .15s ease-out}@keyframes composer-mini-toast-in{0%{opacity:0;transform:translate(-50%,-80%)}to{opacity:1;transform:translate(-50%,-100%)}}.conversation-composer-row{display:flex;align-items:stretch;width:100%;position:relative}.conversation-composer-row__left,.conversation-composer-row__right{position:absolute;bottom:4px;display:flex;align-items:center;gap:var(--spacing-xs);z-index:2;padding:6px;pointer-events:none}.conversation-composer-row__left>*,.conversation-composer-row__right>*{pointer-events:auto}.conversation-composer-row__left{left:1px}.conversation-composer-row__right{right:1px}.conversation-composer-row__right .composer-popover-anchor{position:relative;display:inline-flex}.conversation-composer-row__right .conversation-media-btn{display:inline-flex;align-items:center;justify-content:center;padding:2px 6px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:none;cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.conversation-composer-row__right .conversation-media-btn:hover:not(:disabled){background:var(--color-bg-hover);border-color:var(--color-text-muted)}.conversation-composer-row__right .conversation-media-btn:hover:not(:disabled) .conversation-media-btn__label{color:var(--color-text-primary)}.conversation-composer-row__right .conversation-media-btn:disabled{opacity:.5;cursor:not-allowed}.conversation-composer-row__right .conversation-media-btn__label{font-size:var(--font-size-xs);font-weight:700;line-height:1;letter-spacing:.02em;color:var(--color-text-secondary);transition:color var(--transition-fast)}.conversation-composer-row__right .message-composer-emoji-btn{display:flex;align-items:center;justify-content:center;padding:4px;border:none;background:none;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast)}.conversation-composer-row__right .message-composer-emoji-btn:hover:not(:disabled){color:var(--color-text-primary);background:var(--color-bg-hover)}.conversation-composer-row__right .message-composer-emoji-btn:disabled{opacity:.5;cursor:not-allowed}.conversation-composer-row__right .message-composer-emoji-btn .message-composer-emoji-icon{width:20px;height:20px}.conversation-composer-emoji-ac{position:absolute;bottom:100%;left:0;right:0;list-style:none;margin:0 0 var(--spacing-xs);padding:var(--spacing-xs);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);z-index:10}.conversation-composer-emoji-ac-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-secondary)}.conversation-composer-emoji-ac-item--selected,.conversation-composer-emoji-ac-item:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.conversation-composer-emoji-ac-emoji{font-size:1.35em;line-height:1;flex-shrink:0}.conversation-composer-emoji-ac-emoji--custom{width:1.75rem;height:1.75rem;min-width:1.75rem;min-height:1.75rem;object-fit:contain;display:block}.conversation-composer-emoji-ac-code{font-size:var(--font-size-sm);color:var(--color-text-muted)}.conversation-composer-mention-ac{position:absolute;bottom:100%;left:0;right:0;list-style:none;margin:0 0 var(--spacing-xs);padding:var(--spacing-xs);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);z-index:10}.conversation-composer-mention-ac-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-primary)}.conversation-composer-mention-ac-item--selected,.conversation-composer-mention-ac-item:hover{background:var(--color-bg-hover)}.conversation-composer-mention-ac-avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;flex-shrink:0}.conversation-composer-mention-ac-avatar--placeholder{display:inline-flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:600}.conversation-composer-mention-ac-name{font-size:var(--font-size-sm);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-composer-mention-ac-username{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-left:auto;flex-shrink:0}.conversation-composer-reply{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border-left:3px solid var(--color-accent-primary);background:var(--color-bg-secondary);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.conversation-composer-reply-icon{flex-shrink:0;width:14px;height:14px;color:var(--color-accent-primary);transform:scaleX(-1)}.conversation-composer-reply-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;border:none;background:none;padding:0;font:inherit;color:inherit;text-align:start}.conversation-composer-reply-text:hover{color:var(--color-text-primary)}.conversation-composer-reply-cancel{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);cursor:pointer}.conversation-composer-reply-cancel:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.conversation-composer-reply-cancel svg{width:14px;height:14px}.conversation-composer-field{width:100%;padding:15px 140px 15px 80px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:var(--font-size-md);line-height:20px;font-family:var(--font-sans);outline:none;resize:none;max-height:500px;overflow-y:hidden;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.conversation-composer-field::placeholder{color:var(--color-text-muted)}.conversation-composer-field:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb, 99, 102, 241),.15)}.conversation-composer-field:disabled{opacity:.5;cursor:not-allowed}.conversation-composer-attachments{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary)}.conversation-composer-attachments-thumbs{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);max-height:200px;overflow-y:auto}.conversation-composer-attachment{position:relative;width:88px;height:88px;flex-shrink:0;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--color-border);background:var(--color-bg-primary)}.conversation-composer-attachment-thumb{width:100%;height:100%;object-fit:cover;display:block}.conversation-composer-attachment-remove{position:absolute;top:2px;right:2px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;border:none;border-radius:var(--radius-full);background:#0009;color:#fff;cursor:pointer;opacity:0;transition:opacity var(--transition-fast)}.conversation-composer-attachment-remove svg{width:12px;height:12px}.conversation-composer-attachment:hover .conversation-composer-attachment-remove,.conversation-composer-attachment--error .conversation-composer-attachment-remove{opacity:1}.conversation-composer-attachment-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000073;border-radius:var(--radius-sm)}.conversation-composer-attachment-spinner{width:22px;height:22px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:composer-spin .7s linear infinite}.conversation-composer-attachment-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:0 4px;text-align:center}.conversation-composer-attachment-stage-text{font-size:10px;line-height:1.1;font-weight:600;color:#fff}@keyframes composer-spin{to{transform:rotate(360deg)}}.conversation-composer-attachment-error-icon{color:var(--color-error, #ef4444)}.conversation-composer-attachment-error-icon svg{width:22px;height:22px}.conversation-composer-attachment-done{position:absolute;bottom:2px;right:2px;display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:var(--radius-full);background:var(--color-success, #22c55e);color:#fff}.conversation-composer-attachment-done svg{width:12px;height:12px}.conversation-composer-attachment--encrypting .conversation-composer-attachment-thumb,.conversation-composer-attachment--uploading .conversation-composer-attachment-thumb,.conversation-composer-attachment--scanning .conversation-composer-attachment-thumb{opacity:.6}.conversation-composer-attachment--error{border-color:var(--color-error, #ef4444)}.conversation-composer-exif-toggle{display:flex;align-items:center;gap:var(--spacing-sm);padding-top:var(--spacing-xs);cursor:pointer}.conversation-composer-exif-control{width:16px;height:16px;min-width:16px;border:2px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);display:flex;align-items:center;justify-content:center;transition:border-color var(--transition-fast),background var(--transition-fast)}.conversation-composer-exif-control[data-state=checked]{background:var(--color-primary);border-color:var(--color-primary)}.conversation-composer-exif-control[data-state=checked]:after{content:"";display:block;width:4px;height:8px;border:solid var(--color-on-primary, #fff);border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-1px)}.conversation-composer-exif-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);-webkit-user-select:none;user-select:none}.conversation-composer-exif-row{display:flex;align-items:center;gap:var(--spacing-xs)}.conversation-composer-exif-info{display:inline-flex;align-items:center;color:var(--color-text-muted);cursor:help;transition:color var(--transition-fast)}.conversation-composer-exif-info:hover{color:var(--color-text-secondary)}.conversation-composer-exif-info svg{width:14px;height:14px}.conversation-composer--disabled{opacity:.5;pointer-events:none}.conversation-fs-toggle{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xs) var(--spacing-sm);background:none;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);font-family:var(--font-mono, var(--font-sans));letter-spacing:.05em;cursor:pointer;flex-shrink:0;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);-webkit-user-select:none;user-select:none}.conversation-fs-toggle:hover{border-color:var(--color-border-focus);color:var(--color-text-secondary)}.conversation-fs-toggle--active{background:var(--color-success-bg);border-color:var(--color-success);color:var(--color-success)}.conversation-fs-toggle--active:hover{background:var(--color-success-bg);border-color:var(--color-success);color:var(--color-success);opacity:.85}.conversation-attach-btn{display:flex;align-items:center;justify-content:center;padding:4px;border:none;background:none;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-sm);flex-shrink:0;transition:color var(--transition-fast),background var(--transition-fast)}.conversation-attach-btn:hover:not(:disabled){color:var(--color-text-primary);background:var(--color-bg-hover)}.conversation-attach-btn:disabled{opacity:.5;cursor:not-allowed}.conversation-attach-btn svg{width:20px;height:20px}.conversation-ttl-toggle{display:flex;align-items:center;justify-content:center;padding:4px;border:none;background:none;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-sm);flex-shrink:0;transition:color var(--transition-fast),background var(--transition-fast)}.conversation-ttl-toggle:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.conversation-ttl-toggle--active{color:var(--color-warning)}.conversation-ttl-toggle--active:hover{color:var(--color-warning);background:color-mix(in srgb,var(--color-warning) 10%,transparent)}.conversation-ttl-toggle svg{width:18px;height:18px}.conversation-ttl-menu{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 4px 16px #00000026;padding:var(--spacing-xs) 0;min-width:140px;max-height:320px;overflow-y:auto;z-index:50}.conversation-ttl-menu-item{display:flex;align-items:center;width:100%;padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-primary);background:none;border:none;cursor:pointer;transition:background-color .15s ease}.conversation-ttl-menu-item:hover{background:var(--color-bg-hover)}.conversation-ttl-menu-item--selected{color:var(--color-accent-primary);font-weight:var(--font-weight-semibold)}.conversation-ttl-menu-item--off{color:var(--color-text-muted);border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-xs)}.conversation-members-sidebar{width:280px;height:100%;border-left:1px solid var(--color-border);background:var(--color-bg-secondary);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;overflow-x:hidden}.conversation-members-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md)}.conversation-members-header h3{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.05em}.conversation-members-count{font-size:var(--font-size-xs);color:var(--color-text-muted);background:var(--color-bg-tertiary);padding:2px 8px;border-radius:var(--radius-full)}.conversation-members-invited{border-top:1px solid var(--color-border-muted);padding-top:var(--spacing-sm);margin-top:var(--spacing-xs)}.conversation-members-subheader{display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-md) var(--spacing-xs)}.conversation-members-subheader-title{margin:0;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.conversation-members-invited-loading{font-size:var(--font-size-sm);color:var(--color-text-muted)}.conversation-members-invite-row{padding:var(--spacing-xs) var(--spacing-sm);border-bottom:1px solid var(--color-border-muted)}.conversation-members-invite-btn{display:flex;align-items:center;gap:var(--spacing-xs);width:100%;color:var(--color-accent-primary);font-size:var(--font-size-sm)}.conversation-members-invite-btn:hover{color:var(--color-accent-primary-hover)}.conversation-members-invite-btn svg{width:16px;height:16px}.conversation-members-list{display:flex;flex-direction:column;padding:var(--spacing-xs)}.conversation-member-item{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);text-decoration:none;color:inherit;transition:background-color var(--transition-fast)}.conversation-member-item:hover{background:var(--color-bg-hover)}.conversation-member-item--invited .conversation-member-actions{opacity:1}.conversation-member-item-link{display:flex;align-items:center;gap:var(--spacing-sm);text-decoration:none;color:inherit;flex:1;min-width:0}.conversation-member-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.conversation-member-avatar-img{width:100%;height:100%;object-fit:cover}.conversation-member-avatar-placeholder{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted)}.conversation-member-info{display:flex;flex-direction:column;min-width:0}.conversation-member-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-member-username{font-size:var(--font-size-xs);color:var(--color-text-muted)}.conversation-member-admin-badge{display:inline-block;margin-left:var(--spacing-xs);padding:1px 6px;font-size:10px;font-weight:var(--font-weight-semibold);color:var(--color-warning);background:color-mix(in srgb,var(--color-warning) 12%,transparent);border-radius:var(--radius-sm);vertical-align:middle}.conversation-member-role-badge{display:inline-block;margin-left:var(--spacing-xs);padding:1px 6px;font-size:10px;font-weight:var(--font-weight-semibold);color:var(--color-text-muted);background:var(--color-bg-tertiary);border-radius:var(--radius-sm);vertical-align:middle}.conversation-member-role-badge--invited{color:var(--color-accent-primary);background:color-mix(in srgb,var(--color-accent-primary) 12%,transparent)}.conversation-member-actions{display:flex;align-items:center;gap:2px;flex-shrink:0;opacity:0;transition:opacity var(--transition-fast)}.conversation-member-item:hover .conversation-member-actions{opacity:1}.conversation-member-action-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.conversation-member-action-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.conversation-member-action-btn--danger:hover{background:color-mix(in srgb,var(--color-error) 12%,transparent);color:var(--color-error)}.conversation-member-action-icon{width:14px;height:14px}.conversation-member-edit-panel{width:100%;display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm);margin-top:var(--spacing-xs);background:var(--color-bg-secondary);border-radius:var(--radius-md);border:1px solid var(--color-border)}.conversation-member-edit-field{display:flex;flex-direction:column;gap:4px}.conversation-member-edit-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted)}.conversation-member-edit-input{padding:6px 8px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--font-size-sm);outline:none;transition:border-color var(--transition-fast)}.conversation-member-edit-input:focus{border-color:var(--color-primary)}.conversation-member-edit-actions{display:flex;gap:var(--spacing-xs)}.conversation-member-edit-save,.conversation-member-edit-cancel{padding:4px 12px;border:none;border-radius:var(--radius-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.conversation-member-edit-save{background:var(--color-primary);color:var(--color-text-on-primary)}.conversation-member-edit-save:hover{opacity:.9}.conversation-member-edit-cancel{background:transparent;color:var(--color-text-muted)}.conversation-member-edit-cancel:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.conversation-member-color-swatches{display:flex;flex-wrap:wrap;gap:4px}.conversation-member-color-swatch{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;transition:border-color var(--transition-fast),transform var(--transition-fast);padding:0}.conversation-member-color-swatch--none{background:var(--color-bg-tertiary);position:relative}.conversation-member-color-swatch--none:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;border:1.5px dashed var(--color-text-muted)}.conversation-member-color-swatch--active{border-color:var(--color-text-primary);transform:scale(1.15)}.conversation-member-color-swatch:hover:not(.conversation-member-color-swatch--active){border-color:var(--color-text-muted)}.conversation-member-profile{display:flex;flex-direction:column;align-items:center;padding:var(--spacing-lg);text-align:center}.conversation-member-profile-avatar{width:80px;height:80px;border-radius:50%;overflow:hidden;background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-md)}.conversation-member-profile-avatar-img{width:100%;height:100%;object-fit:cover}.conversation-member-profile-avatar-placeholder{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text-muted)}.conversation-member-profile-info{display:flex;flex-direction:column;align-items:center;margin-bottom:var(--spacing-md)}.conversation-member-profile-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin-bottom:var(--spacing-xs)}.conversation-member-profile-username{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.conversation-member-profile-bio{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5;margin:0}.conversation-member-profile-link{text-decoration:none;margin-top:var(--spacing-md)}.conversation-member-item-wrap{width:100%}.device-signatures-link-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);width:100%;padding:var(--spacing-xs) var(--spacing-sm);border:none;background:transparent;color:var(--color-accent-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;border-radius:var(--radius-sm)}.device-signatures-link-btn:hover{background:color-mix(in srgb,var(--color-accent-primary) 8%,transparent)}.device-signatures-link-btn svg{width:14px;height:14px}.hover-card-content.conversation-member-hover-card-content{padding:0;max-width:300px}.member-security-modal{max-width:min(520px,94vw)}.member-security-modal-body{max-height:min(70vh,560px);overflow-y:auto}.member-security-modal-summary{margin-bottom:var(--spacing-md);line-height:1.55;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.member-security-modal-accordion{margin-bottom:var(--spacing-md);border:1px solid var(--color-border-muted);border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-secondary)}.member-security-modal-accordion-item{border:none}.member-security-modal-accordion-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);margin:0;border:none;background:transparent;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);cursor:pointer;text-align:left}.member-security-modal-accordion-trigger:hover{background:var(--color-bg-hover)}.member-security-modal-accordion-indicator{display:flex;flex-shrink:0;transition:transform var(--transition-fast);color:var(--color-text-muted)}.member-security-modal-accordion-indicator svg{width:14px;height:14px}.member-security-modal-accordion-item[data-state=open] .member-security-modal-accordion-indicator{transform:rotate(180deg)}.member-security-modal-accordion-content{border-top:1px solid var(--color-border-muted)}.member-security-modal-education{margin:0;padding:var(--spacing-md)}.member-security-modal-education p{margin:0 0 var(--spacing-sm);line-height:1.55;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.member-security-modal-education p:last-child{margin-bottom:0}.member-security-modal-subheading{margin:var(--spacing-md) 0 var(--spacing-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.member-security-modal-device-list-blurb{margin:0 0 var(--spacing-md);font-size:var(--font-size-sm);line-height:1.5;color:var(--color-text-secondary)}.member-security-modal-code-caption{margin:0 0 var(--spacing-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted)}.member-security-modal-status{color:var(--color-text-muted);font-size:var(--font-size-sm)}.member-security-modal-error{color:var(--color-error);font-size:var(--font-size-sm)}.member-security-modal-device-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-md)}.member-security-modal-device{padding:var(--spacing-sm);border:1px solid var(--color-border-muted);border-radius:var(--radius-md);background:var(--color-bg-secondary)}.member-security-modal-device-header{display:flex;flex-direction:column;gap:2px;margin-bottom:var(--spacing-xs)}.member-security-modal-device-name{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm)}.member-security-modal-device-id-label{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px}.member-security-modal-device-id{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-family:ui-monospace,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}.member-security-modal-fingerprint{display:block;font-size:var(--font-size-xs);line-height:1.5;word-break:break-all;margin:var(--spacing-xs) 0;padding:var(--spacing-xs);background:var(--color-bg-primary);border-radius:var(--radius-sm)}.member-security-modal-device-actions{margin-top:var(--spacing-xs)}.member-security-modal-verify-row{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--color-border-muted)}.member-security-modal-verify-switch{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);width:100%}.member-security-modal-verify-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);flex:1;text-align:left;cursor:pointer}.member-security-modal-verify-control{flex-shrink:0;width:36px;height:20px;border-radius:var(--radius-full);background:var(--color-bg-tertiary);position:relative;transition:background var(--transition-fast)}.member-security-modal-verify-control[data-state=checked]{background:var(--color-accent-primary)}.member-security-modal-verify-thumb{display:block;width:16px;height:16px;border-radius:50%;background:var(--color-bg-secondary);position:absolute;top:2px;left:2px;transition:transform var(--transition-fast)}[data-state=checked] .member-security-modal-verify-thumb{transform:translate(16px)}.member-security-modal-device-unavailable{margin:0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.conversation-settings-sidebar{width:280px;height:100%;border-left:1px solid var(--color-border);background:var(--color-bg-secondary);display:flex;flex-direction:column;flex-shrink:0;overflow-y:auto;overflow-x:hidden}.conversation-settings-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md)}.conversation-settings-header h3{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.05em}.conversation-settings-body{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md)}.conversation-settings-rename{display:flex;flex-direction:column;gap:var(--spacing-xs)}.conversation-settings-rename-row{display:flex;gap:var(--spacing-xs);align-items:flex-start}.conversation-settings-rename-row input{flex:1;min-width:0}.conversation-settings-color-display{display:flex;flex-direction:column;gap:var(--spacing-xs)}.conversation-settings-color-options{display:flex;flex-direction:column;gap:4px}.conversation-settings-color-option{display:flex;align-items:center;gap:var(--spacing-xs);padding:4px 0;font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer}.conversation-settings-color-option input[type=radio]{accent-color:var(--color-primary)}.conversation-settings-color-option:hover{color:var(--color-text-primary)}.conversation-settings-content-filter{display:flex;flex-direction:column;gap:var(--spacing-xs)}.conversation-settings-content-filter .app-settings-toggle-title{display:flex;align-items:center;gap:var(--spacing-xs)}.content-filter-info-icon{display:inline-flex;align-items:center;color:var(--color-text-muted);cursor:help;flex-shrink:0}.content-filter-info-icon:hover{color:var(--color-text-secondary)}.content-filter-info-tooltip{white-space:normal;max-width:280px}.content-filter-info-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-xs);font-size:var(--font-size-xs);line-height:1.4}.content-filter-segment-group{display:flex;align-items:center;gap:0;padding:3px;border-radius:var(--radius-md);background:var(--color-bg-tertiary);position:relative;margin-top:var(--spacing-xs)}.content-filter-segment-indicator{position:absolute;top:3px;left:var(--left);width:var(--width);height:var(--height);border-radius:calc(var(--radius-md) - 2px);background:var(--color-bg-active);z-index:0;transition:left .2s ease,width .2s ease}.content-filter-segment-item{position:relative;z-index:1;flex:1;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-muted);cursor:pointer;border-radius:calc(var(--radius-md) - 2px);transition:color .15s ease,background .15s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.content-filter-segment-item:hover:not([data-state=checked]){color:var(--color-text-secondary);background:var(--color-bg-hover)}.content-filter-segment-item[data-state=checked]{color:var(--color-accent-primary);font-weight:var(--font-weight-semibold)}.content-filter-segment-item[data-disabled]{opacity:.5;cursor:not-allowed}.conversation-search-sidebar{width:280px;height:100%;max-height:100%;border-left:1px solid var(--color-border);background:var(--color-bg-secondary);display:flex;flex-direction:column;flex-shrink:0;min-height:0;overflow:hidden}.conversation-search-sidebar--hidden{display:none}.conversation-search-sidebar__header{flex-shrink:0;padding:var(--spacing-md);border-bottom:1px solid var(--color-border-muted)}.conversation-search-sidebar__title{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);text-transform:uppercase;letter-spacing:.05em}.conversation-search-sidebar__body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md)}.conversation-search-sidebar__hub{gap:var(--spacing-sm)}.conversation-search-sidebar__criteria{flex:1;min-height:0;display:flex;flex-direction:column}.conversation-search-sidebar__new-search{width:100%}.conversation-search-sidebar__section-label{margin:var(--spacing-sm) 0 0;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em}.conversation-search-sidebar__recent-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.conversation-search-sidebar__recent-item{display:block;width:100%;text-align:left;padding:var(--spacing-sm) var(--spacing-xs);border:none;border-radius:var(--radius-sm);background:var(--color-surface-raised, rgba(0, 0, 0, .2));color:var(--color-text-primary);font-size:var(--font-size-sm);line-height:1.35;cursor:pointer;word-break:break-word}.conversation-search-sidebar__recent-item:hover,.conversation-search-sidebar__recent-item:focus-visible{background:var(--color-surface-hover, rgba(255, 255, 255, .06));outline:none}.conversation-search-sidebar__admin-note{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.conversation-search-sidebar__field{display:flex;flex-direction:column;gap:var(--spacing-xs);min-width:0}@media(min-width:600px){.conversation-search-sidebar__field--row{flex-direction:row;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm)}}.conversation-search-sidebar__field-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.conversation-search-sidebar__keywords{width:100%;min-width:0}.conversation-search-sidebar__filters{display:flex;flex-direction:column;gap:var(--spacing-sm)}.conversation-search-sidebar__checkbox{display:flex;align-items:flex-start;gap:var(--spacing-sm);cursor:pointer}.conversation-search-sidebar__checkbox-control{width:18px;height:18px;min-width:18px;margin-top:1px;flex-shrink:0;border:2px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg, var(--color-surface));display:flex;align-items:center;justify-content:center;transition:border-color var(--transition-fast),background var(--transition-fast)}.conversation-search-sidebar__checkbox-control[data-state=checked]{background:var(--color-primary, var(--color-accent-primary));border-color:var(--color-primary, var(--color-accent-primary))}.conversation-search-sidebar__checkbox-control[data-state=checked]:after{content:"";display:block;width:5px;height:9px;border:solid var(--color-on-primary, #fff);border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-1px)}.conversation-search-sidebar__checkbox-label{font-size:var(--font-size-sm);color:var(--color-text-primary);line-height:1.35;cursor:pointer}.conversation-search-sidebar__select-control{width:100%;min-width:0}.conversation-search-sidebar__select-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);width:100%;min-width:0;min-height:2.25rem;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);font-family:var(--font-sans);color:var(--color-text-primary);background:var(--color-bg-secondary, var(--color-surface));border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.conversation-search-sidebar__select-trigger:hover:not([data-disabled]){background:var(--color-bg-tertiary, var(--color-bg-hover))}.conversation-search-sidebar__select-trigger:focus-visible{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 2px var(--color-accent-glow, rgba(100, 150, 255, .35))}.conversation-search-sidebar__select-trigger[data-disabled]{opacity:.6;cursor:not-allowed}.conversation-search-sidebar__select-trigger[data-state=open] .conversation-search-sidebar__select-chevron{transform:rotate(180deg)}.conversation-search-sidebar__select-value{flex:1;min-width:0;text-align:left}.conversation-search-sidebar__select-chevron{color:var(--color-text-muted);display:flex;flex-shrink:0;line-height:1;transition:transform var(--transition-fast)}.conversation-search-sidebar__select-positioner{z-index:300!important}.conversation-search-sidebar__select-positioner[data-state=closed]{display:none}.conversation-search-sidebar__select-content{background:var(--color-bg-elevated, var(--color-bg-secondary));border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:280px;overflow:hidden;min-width:0}.conversation-search-sidebar__select-list{padding:var(--spacing-xs) 0;margin:0;list-style:none;max-height:260px;overflow-y:auto}.conversation-search-sidebar__select-item{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-primary);background:transparent;border:none;text-align:left;font-family:var(--font-sans);transition:background-color var(--transition-fast)}.conversation-search-sidebar__select-item:hover,.conversation-search-sidebar__select-item[data-highlighted]{background:var(--color-bg-secondary)}.conversation-search-sidebar__select-item[data-disabled]{opacity:.5;cursor:not-allowed}.conversation-search-sidebar__select-item-text{flex:1;min-width:0}.conversation-search-sidebar__select-item-indicator{color:var(--color-accent-primary);flex-shrink:0}.conversation-search-sidebar__actions--start{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:auto;padding-top:var(--spacing-md)}.conversation-search-sidebar__start-btn{width:100%}.conversation-search-sidebar__sub-actions{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--spacing-sm);width:100%}.conversation-search-sidebar__end-search-btn:only-of-type{margin-left:auto}.conversation-search-sidebar__indexing{flex-shrink:0;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--color-border-muted);background:var(--color-surface-raised, rgba(0, 0, 0, .2))}.conversation-search-sidebar__indexing-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs)}.conversation-search-sidebar__indexing-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;flex:1;min-width:0}.conversation-search-sidebar__indexing-action-btn{flex-shrink:0}.conversation-search-sidebar__indexing-stats,.conversation-search-sidebar__indexing-hint{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.4;margin:0 0 var(--spacing-xs)}.conversation-search-sidebar__indexing-hint:last-of-type,.conversation-search-sidebar__indexing-hint:only-of-type{margin-bottom:0}.conversation-search-sidebar__results-sort{display:flex;flex-direction:column;gap:var(--spacing-xs);flex-shrink:0;min-width:0}.conversation-search-sidebar__results-toolbar{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);flex-shrink:0}.conversation-search-sidebar__results-wrap{flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.conversation-search-sidebar__status,.conversation-search-sidebar__empty{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.conversation-search-sidebar__results{list-style:none;margin:0;padding:0;flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.conversation-search-sidebar__result{display:block;width:100%;text-align:left;padding:var(--spacing-sm) var(--spacing-xs);border:none;border-bottom:1px solid var(--color-border-muted);background:transparent;color:var(--color-text-primary);cursor:pointer;border-radius:var(--radius-sm);font-family:var(--font-sans)}.conversation-search-sidebar__result:hover,.conversation-search-sidebar__result:focus-visible{background:var(--color-surface-hover);outline:none}.conversation-search-sidebar__result-meta{display:block;font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-bottom:2px}.conversation-search-sidebar__result-snippet{display:block;font-size:var(--font-size-sm);line-height:1.35;word-break:break-word}.conversation-search-sidebar__footer{flex-shrink:0;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-md);border-top:1px solid var(--color-border-muted)}.admin-transfer-dialog{max-width:440px}.admin-transfer-options{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.admin-transfer-option{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.admin-transfer-option:hover{border-color:var(--color-border-emphasis);background:var(--color-bg-hover)}.admin-transfer-option input[type=radio]{margin-top:2px;flex-shrink:0}.admin-transfer-option:has(input:checked){border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 5%,transparent)}.admin-transfer-option-content{display:flex;flex-direction:column;gap:2px}.admin-transfer-option-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.admin-transfer-option-hint{font-size:var(--font-size-xs);color:var(--color-text-muted)}.admin-transfer-member-list{display:flex;flex-direction:column;gap:2px;max-height:200px;overflow-y:auto;padding:var(--spacing-xs);margin-left:calc(var(--spacing-sm) + 16px);border:1px solid var(--color-border);border-radius:var(--radius-md)}.admin-transfer-member-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition-fast)}.admin-transfer-member-item:hover{background:var(--color-bg-hover)}.admin-transfer-member-item input[type=radio]{flex-shrink:0}.admin-transfer-member-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.admin-transfer-member-username{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-left:var(--spacing-xs)}.conversation-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);flex-wrap:wrap;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-border);flex-shrink:0;padding-left:var(--spacing-md)!important}.conversation-toolbar-left{display:flex;align-items:center;gap:var(--spacing-sm);min-width:0;flex:1}.conversation-toolbar-info{display:flex;flex-direction:column;gap:2px;min-width:0}.conversation-toolbar-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-toolbar-subtitle{font-size:var(--font-size-sm);color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-toolbar-subtitle--latest-pin{display:inline-flex;align-items:center;gap:var(--spacing-xs);max-width:min(100%,28rem);margin:0;padding:2px 0;font:inherit;text-align:left;color:var(--color-accent-primary);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;overflow:hidden;white-space:nowrap}.conversation-toolbar-subtitle--latest-pin:hover{text-decoration:underline;color:var(--color-accent-primary)}.conversation-toolbar-subtitle--latest-pin:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:1px}.conversation-toolbar-subtitle-latest-pin-text{overflow:hidden;text-overflow:ellipsis;min-width:0}.conversation-toolbar-right{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-xs)}.conversation-toolbar-btn.btn-sm{padding:var(--spacing-xs) var(--spacing-lg)}.conversation-toolbar-btn.active{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.conversation-toolbar-btn--danger{color:var(--color-error)}.conversation-toolbar-btn--danger:hover:not(:disabled){background:var(--color-error-bg);color:var(--color-error)}.conversation-toolbar-btn-icon{display:inline-flex;align-items:center;line-height:0;opacity:.92}.conversation-toolbar-pins-icon-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center}.conversation-toolbar-pins-badge{position:absolute;top:-7px;right:-9px;z-index:1;min-width:1.1rem;padding:0 4px;font-size:10px;font-weight:var(--font-weight-semibold);line-height:1.2;border-radius:var(--radius-full);border:1px solid color-mix(in srgb,var(--color-accent-primary) 35%,var(--color-bg-primary));background:var(--color-accent-primary);color:var(--color-text-on-accent, #fff);box-shadow:0 1px 2px #0000001f}.conversation-toolbar-btn--icon-only{transition:color var(--transition-fast),background-color var(--transition-fast)}.conversation-toolbar-btn--icon-only.btn-sm{min-width:2.25rem;padding:var(--spacing-xs);justify-content:center}.conversation-toolbar-btn--icon-only:hover:not(:disabled),.conversation-toolbar-btn--icon-only:focus-visible{color:var(--color-accent-primary);background:color-mix(in srgb,var(--color-accent-primary) 10%,var(--color-bg-primary))}.conversation-toolbar-btn--icon-only.active{color:var(--color-accent-primary);background:color-mix(in srgb,var(--color-accent-primary) 16%,var(--color-bg-primary))}.conversation-toolbar-btn--icon-only .conversation-toolbar-btn-icon{color:inherit;opacity:1}.dm-context-menu{background:var(--color-bg-secondary);border:1px solid var(--color-border)!important;border-radius:var(--radius-md);box-shadow:0 4px 16px #00000026;padding:0!important;min-width:180px;z-index:var(--z-popover, 600)}.dm-context-menu-separator{height:1px;margin:var(--spacing-xs) 0;background:var(--color-border)}.dm-context-menu-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md)!important;font-size:var(--font-size-md);color:var(--color-text-primary);background:none;border:none;cursor:pointer;transition:background-color .15s ease}.dm-context-menu-item:first-child{border-top-left-radius:var(--radius-md);border-top-right-radius:var(--radius-md)}.dm-context-menu-item:last-child{border-bottom-left-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.dm-context-menu-item--active,.dm-context-menu-item--active:hover{color:var(--color-accent-primary);background:color-mix(in srgb,var(--color-accent-primary) 12%,var(--color-bg-secondary))!important;font-weight:600}.conversation-toolbar-more-menu{z-index:calc(var(--z-popover, 600) + 1)}.conversation-pins-anchor{display:inline-flex;align-items:center;position:relative}.conversation-pins-panel{display:flex;flex-direction:column;padding:0;min-width:240px;overflow:hidden;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 4px 16px #00000026}.conversation-pins-panel-header{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0;padding:var(--spacing-xs) var(--spacing-sm) var(--spacing-xs) var(--spacing-md);border-bottom:1px solid var(--color-border-subtle)}.conversation-pins-panel-title{flex:1;min-width:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.conversation-pins-panel-close.btn-sm{flex-shrink:0;min-width:2rem;padding:2px 6px}.conversation-pins-panel-scroll{flex:1;min-height:0;max-height:300px;overflow-y:auto;padding:var(--spacing-xs)}.conversation-pins-panel-row-gifs,.conversation-pins-panel-row-media{width:100%;max-width:100%;min-width:0;box-sizing:border-box;pointer-events:auto}.conversation-pins-panel-row-gifs img,.conversation-pins-panel-row-gifs video,.conversation-pins-panel-row-media img,.conversation-pins-panel-row-media video{max-width:100%;height:auto;border-radius:var(--radius-sm)}.conversation-pins-panel-row-gifs .gif-fallback,.conversation-pins-panel-row-media .gif-fallback{max-width:100%;min-width:0;box-sizing:border-box}.conversation-pins-panel-row-gifs .media-message,.conversation-pins-panel-row-media .media-message{margin-top:0;max-width:100%;width:100%;min-width:0;box-sizing:border-box}.conversation-pins-panel-row-gifs .media-message-placeholder,.conversation-pins-panel-row-gifs .media-message-image-container,.conversation-pins-panel-row-media .media-message-placeholder,.conversation-pins-panel-row-media .media-message-image-container{max-width:100%;width:100%;box-sizing:border-box}.conversation-pins-panel-row-gifs .media-message-image,.conversation-pins-panel-row-media .media-message-image{max-width:100%;width:100%;height:auto;max-height:none;object-fit:contain}.conversation-pins-panel-row-gifs{margin:0}.conversation-pins-panel-row{display:flex;align-items:flex-start;gap:var(--spacing-xs);border-radius:var(--radius-sm);margin-bottom:var(--spacing-xs)}.conversation-pins-panel-row:last-child{margin-bottom:0}.conversation-pins-panel-row-main{flex:1;min-width:0;display:block;text-align:left;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;cursor:pointer;font:inherit;color:inherit}.conversation-pins-panel-row-main:hover,.conversation-pins-panel-row-main:focus-visible{background:var(--color-bg-hover);border-color:var(--color-border-subtle)}.conversation-pins-panel-row-body{display:flex;align-items:flex-start;gap:var(--spacing-sm);width:100%}.conversation-pins-panel-row-avatar-col{flex-shrink:0}.conversation-pins-panel-row-content-col{flex:1;min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:var(--spacing-xs);text-align:left}.conversation-pins-panel-row-meta{display:flex;align-items:baseline;justify-content:space-between;gap:var(--spacing-sm);width:100%;min-width:0}.conversation-pins-panel-row-author-cell{flex:1;min-width:0;overflow:hidden}.conversation-pins-panel-row-avatar{flex-shrink:0;width:28px;height:28px;border-radius:var(--radius-full);overflow:hidden;background:var(--color-bg-tertiary)}.conversation-pins-panel-row-avatar-img{width:100%;height:100%;object-fit:cover;display:block}.conversation-pins-panel-row-avatar-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.conversation-pins-panel-row-author{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-pins-panel-row-time-inline{flex-shrink:0;font-size:var(--font-size-xs);color:var(--color-text-muted)}.conversation-pins-panel-row-text{font-size:var(--font-size-sm);color:var(--color-text-primary);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.conversation-pins-panel-unpin{flex-shrink:0;margin-top:2px}.conversation-pins-panel-row-reply-quote{width:100%}.conversation-pins-panel-empty,.conversation-pins-panel-loading,.conversation-pins-panel-loading-more{padding:var(--spacing-md);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.conversation-pins-panel-sentinel{height:1px}.conversation-scan-jobs-anchor{display:inline-flex;align-items:center;position:relative}.conversation-scan-jobs-panel{display:flex;flex-direction:column;padding:0;min-width:240px;overflow:hidden;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 4px 16px #00000026}.conversation-scan-jobs-panel-header{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0;padding:var(--spacing-xs) var(--spacing-sm) var(--spacing-xs) var(--spacing-md);border-bottom:1px solid var(--color-border-subtle)}.conversation-scan-jobs-panel-title{flex:1;min-width:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.conversation-scan-jobs-panel-close.btn-sm{flex-shrink:0;min-width:2rem;padding:2px 6px}.conversation-scan-jobs-panel-scroll{flex:1;min-height:0;overflow-y:auto;padding:var(--spacing-xs)}.conversation-scan-jobs-empty{padding:var(--spacing-md);margin:0;text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.conversation-scan-jobs-row{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.conversation-scan-jobs-row+.conversation-scan-jobs-row{margin-top:2px}.conversation-scan-jobs-row-icon{flex-shrink:0;line-height:0;padding-top:2px}.conversation-scan-jobs-row-body{flex:1;min-width:0}.conversation-scan-jobs-row-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-scan-jobs-row-status{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px}.conversation-scan-jobs-row-actions{flex-shrink:0;display:inline-flex;gap:2px}.conversation-scan-jobs-row-btn{min-width:2rem;padding:2px}@media(max-width:600px){.conversation-members-sidebar,.conversation-settings-sidebar,.conversation-search-sidebar{position:absolute;right:0;top:0;bottom:0;z-index:10;box-shadow:var(--shadow-lg)}.conversation-pane-mobile-footer{flex-shrink:0;padding:var(--spacing-sm) var(--spacing-md) var(--spacing-md);border-top:1px solid var(--color-border-muted);margin-top:auto}.conversation-toolbar{padding:var(--spacing-xs) var(--spacing-sm);min-height:48px;padding-left:68px!important}.conversation-toolbar-avatar,.conversation-toolbar-avatar-group{width:32px;height:32px}.conversation-toolbar-title{font-size:var(--font-size-sm)}}.new-conversation{display:flex;flex-direction:column;height:100%;width:100%;max-width:600px;margin:0 auto;padding:var(--spacing-lg)}.new-conversation-header{flex-shrink:0;margin-bottom:var(--spacing-md)}.new-conversation-header h2{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.new-conversation-topic-name{flex-shrink:0;margin-bottom:var(--spacing-md)}.new-conversation-dm-extras{flex-shrink:0;margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.new-conversation-dm-switch{width:100%}.new-conversation-dm-first-note p{margin:0;font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.4}.new-conversation-search{flex-shrink:0;margin-bottom:var(--spacing-md)}.new-conversation-list{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;gap:var(--spacing-xxs)}.new-conversation-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border:none;border-radius:var(--radius-md);background:transparent;color:inherit;cursor:pointer;text-align:left;width:100%;font-family:inherit;font-size:inherit;transition:background-color var(--transition-fast)}.new-conversation-item:hover{background:var(--color-bg-hover)}.new-conversation-item-selected{background:color-mix(in srgb,var(--color-accent-primary) 12%,transparent)}.new-conversation-item-selected:hover{background:color-mix(in srgb,var(--color-accent-primary) 18%,transparent)}.new-conversation-item-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;background:var(--color-bg-tertiary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.new-conversation-item-avatar-img{width:100%;height:100%;object-fit:cover}.new-conversation-item-avatar-placeholder{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-muted)}.new-conversation-item-text{display:flex;flex-direction:column;min-width:0;flex:1}.new-conversation-item-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.new-conversation-item-username{font-size:var(--font-size-xs);color:var(--color-text-muted)}.new-conversation-item-check{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-accent-primary)}.new-conversation-item-check svg{width:20px;height:20px}.new-conversation-empty{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl);color:var(--color-text-muted);font-size:var(--font-size-sm)}.new-conversation-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--color-border);margin-top:var(--spacing-md);flex-shrink:0}.conversation-page{display:flex;flex-direction:column;height:100%;min-height:0}.conversation-container{display:flex;flex-direction:column;flex:1;min-height:0}.conversation-body{display:flex;flex:1;min-height:0;overflow:hidden}.conversation-body--in-call{padding-top:calc(50vh - 22px)}.conversation-main{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0}.conversation-main-drop-target{position:relative}.conversation-main-drop-overlay{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:25;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-md);margin:var(--spacing-xs);text-align:center;border:2px dashed var(--color-accent-primary);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-bg-elevated) 88%,transparent);box-shadow:0 4px 24px color-mix(in srgb,var(--color-bg-base) 40%,transparent)}.conversation-main-drop-overlay__icon{width:2rem;height:2rem;color:var(--color-accent-primary);opacity:.95}.conversation-main-drop-overlay__title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.conversation-main-drop-overlay__hint{font-size:var(--font-size-sm);color:var(--color-text-secondary);max-width:20rem;line-height:1.35}.dm-message-pin-indicator{display:inline-flex;align-items:center;gap:4px;margin-left:var(--spacing-xs);color:var(--color-accent-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1.2}.dm-message-pin-indicator svg{flex-shrink:0;width:.85em;height:.85em;opacity:.95}.dm-message-pin-indicator__label{white-space:nowrap}.dm-message-signature-trust{display:inline-flex;align-items:center;margin-left:var(--spacing-xs);vertical-align:middle}.dm-message-signature-trust--ok{color:var(--color-accent-primary);opacity:.95}.dm-message-signature-trust--bad{color:var(--color-danger);opacity:1}.dm-message-signature-trust svg{width:.85em;height:.85em}.conversation-messages{flex:1;min-height:0;display:flex;flex-direction:column;position:relative}.dm-page,.dm-container{display:flex;flex-direction:column;height:100%;width:100%}.dm-loading,.dm-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--spacing-md);color:var(--color-text-secondary)}.dm-messages{flex:1;min-height:0;height:100%;overflow-x:hidden;overflow-y:auto;padding-left:var(--spacing-xs);padding-right:var(--spacing-xs)}.dm-messages-manual-paging{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);margin-bottom:var(--spacing-xs);border-radius:var(--radius-md);background:var(--color-bg-elevated, var(--color-bg-secondary));border:1px solid var(--color-border)}.dm-messages-manual-paging__btn{font-size:var(--font-size-sm);color:var(--color-accent-primary);background:transparent;border:none;text-decoration:underline;text-underline-offset:2px;cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm)}.dm-messages-manual-paging__btn:disabled{opacity:.45;cursor:not-allowed}.dm-messages-content{display:flex;flex-direction:column;min-height:min-content}.dm-messages-history-loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-sm);color:var(--color-text-muted)}.dm-messages-top-sentinel{width:100%;height:1px;flex-shrink:0}.dm-messages-item{padding-top:var(--spacing-md);position:relative}.dm-messages-loading,.dm-messages-error,.dm-messages-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-text-secondary)}.dm-messages--linear .dm-messages-item{padding-top:var(--spacing-sm);padding-right:20px}.dm-system-message{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) 0}.dm-system-message:before,.dm-system-message:after{content:"";flex:1;height:1px;background:var(--color-border)}.dm-system-message-text{font-size:var(--font-size-xs);color:var(--color-text-muted);white-space:nowrap;flex-shrink:0}.dm-pending-outbox-row{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);margin:0 auto;max-width:28rem;border-radius:var(--radius-md);background:var(--color-bg-elevated, var(--color-bg-secondary));color:var(--color-text-secondary);font-size:var(--font-size-sm)}.dm-pending-outbox-row__text{line-height:1.3}.dm-message{display:flex;flex-direction:column;align-items:flex-start;max-width:70%;position:relative;-webkit-user-select:all;user-select:all}.dm-message--own{align-self:flex-end;align-items:flex-end}.dm-message--linear{flex-direction:row;align-items:flex-start;max-width:100%;position:relative;padding:var(--spacing-sm) var(--spacing-sm);padding-bottom:10px;border-radius:var(--radius-md)}.dm-message--linear:hover{background:var(--member-hover-bg, var(--color-bg-hover))}.dm-message--linear .dm-message-linear-tint-marker{position:absolute;left:2px;top:1%;z-index:0;width:2px;height:98%;border-radius:5px;pointer-events:none}.dm-message--linear .message-action-bar{position:absolute;top:-15px!important;right:var(--spacing-sm);left:auto;transform:none}.dm-message--pinned{box-shadow:inset 3px 0 0 0 var(--color-accent-primary);background:color-mix(in srgb,var(--color-accent-primary) 7%,var(--color-bg-primary))}.dm-message--pinned.dm-message--linear:hover{background:color-mix(in srgb,var(--color-accent-primary) 9%,var(--member-hover-bg, var(--color-bg-hover)))}.dm-message--pinned:not(.dm-message--linear){padding:var(--spacing-xxs) 0;border-radius:var(--radius-md)}.dm-message--pinned.dm-message--own:not(.dm-message--linear){background:color-mix(in srgb,var(--color-accent-primary) 10%,var(--color-bg-primary))}.dm-message--deleted .dm-message-bubble--deleted{background:var(--color-bg-tertiary);border:1px dashed var(--color-border)}.dm-message--deleted .dm-message-deleted-text{font-style:italic;color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.dm-message-sender{font-size:var(--font-size-sm);font-weight:400;color:var(--color-accent-primary);margin-bottom:var(--spacing-xxs);cursor:pointer;background:none;border:none;padding:0;text-align:left}.dm-message-sender:hover{text-decoration:underline}.dm-message-bubble{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);background:var(--color-bg-tertiary);color:var(--color-text)}.dm-message-bubble-wrapper{position:relative}.dm-message-bubble--own{background:var(--color-primary);color:var(--color-primary-fg)}.dm-message-bubble--own .dm-link{color:var(--color-primary-fg);text-decoration:underline;text-decoration-style:dotted;text-underline-offset:2px}.dm-message-bubble--own .dm-link:hover{text-decoration-style:solid}.dm-message-bubble--own .dm-md-codeblock,.dm-message-bubble--own .dm-md-code{background:#00000026}.dm-message-bubble--error{background:var(--color-error-bg);color:var(--color-error);display:flex;align-items:center;gap:var(--spacing-xs)}.dm-message-error-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:var(--radius-full);background:var(--color-error);color:#fff;font-size:10px;font-weight:700}.dm-message-text{margin:0;white-space:pre-wrap;word-break:break-word;font-size:var(--font-size-md);-webkit-user-select:text!important;user-select:text!important}.dm-message-text .dm-custom-emoji-inline{display:inline-block;vertical-align:-.25em;max-width:1.25em;max-height:1.25em;object-fit:contain}.dm-message-text>*+*{margin-top:var(--spacing-xs)}.dm-message-text .dm-link{color:var(--color-accent-primary);cursor:pointer;text-decoration:none;border-radius:var(--radius-xs, 2px);transition:color var(--transition-fast),text-decoration var(--transition-fast)}.dm-message-text .dm-link:hover{text-decoration:underline;color:var(--color-accent-primary-hover)}.dm-message-text .dm-link:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:1px}.dm-message-text .dm-mention{color:var(--color-accent-primary);cursor:pointer;font-weight:500;border-radius:var(--radius-xs, 2px);padding:0 2px;background:color-mix(in srgb,var(--color-accent-primary) 10%,transparent);transition:background var(--transition-fast),color var(--transition-fast)}.dm-message-text .dm-mention:hover{background:color-mix(in srgb,var(--color-accent-primary) 20%,transparent);color:var(--color-accent-primary-hover)}.dm-message-text .dm-mention:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:1px}.dm-message-text .dm-mention--unknown{color:var(--color-text-muted);background:none;cursor:default;font-weight:400}.dm-message-text .dm-md-paragraph{margin:0;white-space:pre-wrap}.dm-message-text .dm-md-codeblock{background:var(--color-bg-secondary);border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-md);overflow-x:auto;white-space:pre;font-family:var(--font-mono, monospace);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed, 1.6);margin:0}.dm-message-text .dm-md-codeblock code{background:none;padding:0;border-radius:0;font-size:inherit;font-family:inherit}.dm-message-text .dm-md-code{background:var(--color-bg-secondary);border-radius:var(--radius-xs, 2px);padding:.1em .35em;font-family:var(--font-mono, monospace);font-size:.9em}.dm-message-text .dm-md-list{margin:0;padding-left:1.5em;white-space:normal}.dm-message-text .dm-md-list li{margin:var(--spacing-xxs) 0}.dm-message-reply-quote{display:block;width:100%;text-align:left;margin:0 0 var(--spacing-xs) 0;padding:2px 6px;border:none;border-left:3px solid var(--color-accent-primary);font-size:var(--font-size-sm);font-family:inherit;font-style:normal;font-weight:var(--font-weight-normal);color:inherit;background:transparent;cursor:pointer;border-radius:var(--radius-md);border-top-left-radius:0;border-bottom-left-radius:0;position:relative}.dm-message-reply-quote:hover{background:var(--color-bg-hover)}.dm-message-reply-quote-inner{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;gap:6px;min-width:0;width:100%;text-align:left}.dm-message-reply-quote-avatar{flex-shrink:0;width:18px;height:18px;border-radius:var(--radius-full);overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--color-bg-muted)}.dm-message-reply-quote-avatar-img{width:100%;height:100%;object-fit:cover;display:block}.dm-message-reply-quote-avatar-placeholder{font-size:10px;font-weight:600;line-height:1;color:var(--color-fg-muted)}.dm-message-reply-quote-author{flex-shrink:1;min-width:0;max-width:42%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:normal;font-weight:600;color:var(--color-accent-primary)}.dm-message-reply-quote-snippet{flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-style:normal;font-weight:var(--font-weight-normal);color:var(--color-text-secondary)}.dm-message--own .dm-message-reply-quote{border-left-color:#ffffff73}.dm-message--own .dm-message-reply-quote .dm-message-reply-quote-author{color:var(--color-primary-fg)}.dm-message--own .dm-message-reply-quote .dm-message-reply-quote-snippet{color:color-mix(in srgb,var(--color-primary-fg) 72%,transparent)}.dm-message--own .dm-message-reply-quote:hover{background:#0000001f}@keyframes dm-message-flash-pulse{0%{box-shadow:inset 0 0 0 0 transparent}14%{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--color-accent-primary) 60%,transparent)}58%{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--color-accent-primary) 60%,transparent)}to{box-shadow:inset 0 0 0 0 transparent}}@keyframes dm-message-flash-pulse-own{0%{box-shadow:inset 0 0 0 0 transparent}14%{box-shadow:inset 0 0 0 2px #ffffff73}58%{box-shadow:inset 0 0 0 2px #ffffff73}to{box-shadow:inset 0 0 0 0 transparent}}.dm-message--flash-highlight{animation:dm-message-flash-pulse 2.2s ease-out 1;border-radius:var(--radius-md)}.dm-message--own.dm-message--flash-highlight{animation:dm-message-flash-pulse-own 2.2s ease-out 1}.dm-message-time{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.dm-message-edited-label{display:inline;font-size:var(--font-size-xs);color:var(--color-text-tertiary);line-height:1.2;font-weight:var(--font-weight-normal, 400);font-family:inherit;margin:0;padding:0;border:none;background:none;cursor:pointer;text-decoration:none;vertical-align:baseline;border-radius:var(--radius-sm)}.dm-message-edited-label:hover{text-decoration:underline;color:var(--color-text-secondary)}.dm-message-footer{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-xxs)}.dm-message-expiry{display:inline-flex;align-items:center;font-size:var(--font-size-xs);color:var(--color-warning);background:var(--color-warning-bg);padding:2px 6px;border-radius:var(--radius-sm);font-weight:500;font-variant-numeric:tabular-nums}.dm-message-fs-indicator{display:inline-flex;align-items:center;font-size:var(--font-size-xs);padding:2px 6px;border-radius:var(--radius-sm);font-weight:600;color:var(--color-text-tertiary);letter-spacing:.02em}.dm-message-fs-indicator--active{color:var(--color-success);background:var(--color-success-bg)}.dm-message-emoji-only{margin:0;font-size:2.5rem;line-height:1.2}.dm-message-emoji-only .dm-custom-emoji-standalone{display:inline-block;width:64px;height:64px;object-fit:contain;vertical-align:middle}.dm-message-avatar-btn,.dm-message-avatar{width:36px;height:36px;border-radius:var(--radius-full);flex-shrink:0;margin-right:var(--spacing-sm);overflow:hidden;background:none;border:none;padding:0;cursor:pointer}.dm-message-avatar-img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-full)}.dm-message-avatar-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;border-radius:var(--radius-full);background:var(--color-bg-tertiary);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:600}.dm-message-content{flex:1;min-width:0}.dm-message-header{display:flex;align-items:baseline;gap:var(--spacing-xs);margin-bottom:2px}.dm-message-reactions{display:flex;flex-wrap:wrap;gap:4px;margin-top:var(--spacing-xs)}.dm-message-reaction{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-bg-tertiary);color:var(--color-text-primary);font-size:var(--font-size-sm);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast)}.dm-message-reaction:hover{background:var(--color-bg-hover);border-color:var(--color-border-focus)}.dm-message-reaction--own{border-color:var(--color-accent-primary);background:color-mix(in srgb,var(--color-accent-primary) 15%,transparent)}.dm-message-reaction--own:hover{background:color-mix(in srgb,var(--color-accent-primary) 25%,transparent)}.dm-message-reaction-emoji{font-size:1rem;line-height:1}.dm-message-reaction-count{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-secondary)}.dm-day-separator{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) 0}.dm-day-separator-line{flex:1;height:1px;background:var(--color-border)}.dm-day-separator-text{font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-muted);white-space:nowrap;flex-shrink:0}.dm-unread-separator{position:absolute;top:0;left:0;right:0;transform:translateY(-50%);display:flex;align-items:center;gap:var(--spacing-sm);padding:0 var(--spacing-xs);pointer-events:none;z-index:1}.dm-unread-separator-line{flex:1;height:1px;background:var(--color-accent-primary)}.dm-unread-separator-text{font-size:var(--font-size-xs);font-weight:600;color:var(--color-accent-primary);white-space:nowrap;flex-shrink:0}.dm-context-menu{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 4px 16px #00000026;padding:var(--spacing-xs) 0;min-width:180px;z-index:50}.dm-context-menu-item{display:flex;align-items:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-primary);background:none;border:none;cursor:pointer;transition:background-color .15s ease}.dm-context-menu-item:hover{background:var(--color-bg-hover)}.dm-context-menu-item[data-disabled],.dm-context-menu-item[data-state=disabled],.dm-context-menu-item[aria-disabled=true]{opacity:.5;cursor:not-allowed}.dm-context-menu-item[data-disabled]:hover,.dm-context-menu-item[data-state=disabled]:hover,.dm-context-menu-item[aria-disabled=true]:hover{background:transparent}.dm-context-menu-item--danger{color:var(--color-error)}.dm-context-menu-item--danger:hover{background:var(--color-error-bg)}.dm-context-menu-item-icon{width:14px;height:14px;flex-shrink:0}.message-edit-history-popover{z-index:60;max-width:min(22rem,92vw);max-height:min(20rem,50vh);overflow:hidden;display:flex;flex-direction:column;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);background:var(--color-bg-elevated, var(--color-bg-secondary));border:1px solid var(--color-border);box-shadow:0 4px 20px color-mix(in srgb,var(--color-bg-base) 25%,transparent)}.message-edit-history-popover__title{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;margin:0 0 var(--spacing-xs);flex-shrink:0}.message-edit-history-popover__status,.message-edit-history-popover__empty,.message-edit-history-popover__error{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.message-edit-history-popover__error{color:var(--color-error)}.message-edit-history-popover__list{margin:0;padding:0 0 0 1.1rem;overflow-y:auto;flex:1;min-height:0;display:flex;flex-direction:column;gap:var(--spacing-sm)}.message-edit-history-popover__item{list-style:decimal;padding-left:var(--spacing-xs)}.message-edit-history-popover__meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-bottom:2px}.message-edit-history-popover__version{font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.message-edit-history-popover__time{font-variant-numeric:tabular-nums}.message-edit-history-popover__text{margin:0;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed, 1.5);color:var(--color-text-primary);white-space:pre-wrap;word-break:break-word}.message-edit-history-popover__unable{margin:0;font-size:var(--font-size-sm);font-style:italic;color:var(--color-text-tertiary)}.message-action-bar-edit-disabled-wrap{display:inline-flex;align-items:center;vertical-align:middle}.message-action-bar-btn--disabled:disabled,.message-action-bar-btn:disabled{opacity:.5;cursor:not-allowed}.message-action-bar-custom-emoji{display:inline-block;vertical-align:middle;object-fit:contain}.emoji-picker-container em-emoji-picker{--rgb-background: var(--color-bg-elevated-rgb);--rgb-input: var(--color-bg-tertiary-rgb);--rgb-color: var(--color-text-primary-rgb);--rgb-accent: var(--color-accent-primary-rgb)}.blocked-conversation-banner{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-tertiary);color:var(--color-text-secondary);font-size:var(--font-size-sm);border-top:1px solid var(--color-border)}.blocked-conversation-banner svg{width:16px;height:16px;flex-shrink:0;color:var(--color-text-muted)}.blocked-conversation-banner span{flex:1;min-width:0;text-align:center}.dm-message-attachments{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-xs)}.dm-message-attachments .media-message{flex:0 1 calc(50% - var(--spacing-xs) / 2);min-width:120px;max-width:none;margin-top:0}.dm-message-attachments .media-message-image{max-height:200px;width:100%;object-fit:cover}.dm-message-attachments .media-message-placeholder{min-height:80px}.dm-message-attachments .media-message-placeholder--rejected,.dm-message-attachments .media-message-placeholder--error{max-height:200px}.media-message{margin-top:var(--spacing-xs);max-width:300px;border-radius:var(--radius-md);overflow:hidden}.media-message-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs);min-height:120px;background:var(--color-bg-muted);border-radius:var(--radius-md);padding:var(--spacing-md)}.media-message-placeholder--sized{min-height:0;padding:var(--spacing-xs)}.media-message-placeholder--rejected,.media-message-placeholder--error{max-width:100%;max-height:300px;width:fit-content}.media-message-placeholder--rejected{background:color-mix(in srgb,var(--color-error) 10%,transparent)}.media-message-placeholder--error{background:color-mix(in srgb,var(--color-warning) 10%,transparent)}.media-message-status-text{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.media-message-reason{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.media-message-progress{width:100%;max-width:200px;height:4px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.media-message-progress-bar{height:100%;background:var(--color-accent-primary);border-radius:var(--radius-full);transition:width .3s ease}.media-message-spinner{width:24px;height:24px;border:2px solid var(--color-border);border-top-color:var(--color-accent-primary);border-radius:var(--radius-full);animation:media-message-spin .8s linear infinite}@keyframes media-message-spin{to{transform:rotate(360deg)}}.media-message-image-container{display:block;border:none;padding:0;background:none;cursor:pointer;border-radius:var(--radius-md);overflow:hidden;max-width:100%}.media-message-image{display:block;max-width:100%;max-height:300px;object-fit:contain;border-radius:var(--radius-md);transition:opacity .2s ease}.media-message-filename{display:block;margin-top:var(--spacing-xxs);font-size:var(--font-size-xs);color:var(--color-text-tertiary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.media-message-retry{background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--spacing-xxs) var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-secondary);cursor:pointer}.media-message-retry:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.media-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn var(--transition-fast) ease-out;cursor:pointer}.media-lightbox-content{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);max-width:92vw;max-height:90vh;cursor:default}.media-lightbox-image{max-width:92vw;max-height:85vh;object-fit:contain;border-radius:var(--radius-md);box-shadow:0 8px 40px #00000080;-webkit-user-select:none;user-select:none}.media-lightbox-filename{font-size:var(--font-size-sm);color:#ffffffb3;max-width:90vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.media-lightbox-close{position:fixed;top:var(--spacing-md);right:var(--spacing-md);width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-full);background:#ffffff1f;color:#ffffffe6;font-size:24px;line-height:1;cursor:pointer;transition:background var(--transition-fast)}body.has-custom-title-bar .media-lightbox-close{top:calc(32px + var(--spacing-md))}.media-lightbox-close:hover{background:#ffffff3d}.file-attachment-bubble{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);max-width:320px;min-width:180px}.file-attachment-bubble__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.file-attachment-bubble__icon svg{width:18px;height:18px}.file-attachment-bubble__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.file-attachment-bubble__name{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-attachment-bubble__size{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.file-attachment-bubble__action{flex-shrink:0;display:flex;align-items:center}.file-attachment-bubble__spinner{width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-accent-primary);border-radius:var(--radius-full);animation:media-message-spin .8s linear infinite}.file-attachment-bubble__download{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-secondary);transition:background-color .15s ease,color .15s ease}.file-attachment-bubble__download:hover{background:var(--color-bg-hover);color:var(--color-accent-primary)}.file-attachment-bubble__download svg{width:16px;height:16px}.file-attachment-bubble__retry{background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--spacing-xxs) var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-text-secondary);cursor:pointer}.file-attachment-bubble__retry:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.file-attachment-bubble__rejected{font-size:var(--font-size-xs);color:var(--color-error)}.file-attachment-bubble__status{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.conversation-composer-attachment--file{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);min-width:140px;max-width:220px;position:relative}.conversation-composer-attachment--file .conversation-composer-attachment-file-info{display:flex;align-items:center;gap:var(--spacing-xs);flex:1;min-width:0}.conversation-composer-attachment--file .conversation-composer-attachment-file-icon{flex-shrink:0;color:var(--color-text-secondary)}.conversation-composer-attachment--file .conversation-composer-attachment-file-icon svg{width:16px;height:16px}.conversation-composer-attachment--file .conversation-composer-attachment-file-meta{display:flex;flex-direction:column;min-width:0}.conversation-composer-attachment--file .conversation-composer-attachment-file-name{font-size:var(--font-size-xs);font-weight:500;color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-composer-attachment--file .conversation-composer-attachment-file-size{font-size:10px;color:var(--color-text-tertiary)}.conversation-composer-attachment--file .conversation-composer-attachment-remove{flex-shrink:0}.emoji-picker-popover{padding:0;overflow:hidden}.message-action-bar{position:absolute;top:0;left:var(--spacing-xs);transform:translateY(-50%);display:flex;align-items:center;gap:2px;padding:2px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 1px 4px #0000001a;z-index:1}.message-action-bar--own{left:auto;right:var(--spacing-xs)}.message-action-bar-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;color:var(--color-text-secondary);transition:background-color .15s ease,color .15s ease}.message-action-bar-btn:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.message-action-bar-btn:disabled{opacity:.4;cursor:not-allowed}.message-action-bar-btn--pinned{color:var(--color-accent-primary)}.message-action-bar-btn--pinned:hover{color:var(--color-accent-primary-hover, var(--color-accent-primary))}.message-action-bar-btn--emoji{font-size:16px;line-height:1;width:26px;height:26px}.message-action-bar-icon{width:16px;height:16px}.message-action-bar-info{padding:var(--spacing-sm);max-width:360px}.message-action-bar-info-table{width:100%;border-collapse:collapse;font-size:var(--font-size-xs)}.message-action-bar-info-label{padding:3px var(--spacing-sm) 3px 0;color:var(--color-text-tertiary);white-space:nowrap;vertical-align:top;font-weight:500}.message-action-bar-info-value{padding:3px 0;color:var(--color-text-primary);word-break:break-all;font-family:var(--font-mono, monospace)}.message-action-bar-menu{display:flex;flex-direction:column;min-width:160px;padding:var(--spacing-xs) 0}.message-action-bar-menu-item{display:block;width:100%;padding:var(--spacing-xs) var(--spacing-md);text-align:left;background:none;border:none;cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-primary);transition:background-color .15s ease}.message-action-bar-menu-item:hover{background:var(--color-bg-hover)}.message-action-bar-menu-item:disabled{opacity:.5;cursor:not-allowed}.message-action-bar-menu-item--danger{color:var(--color-error)}.message-action-bar-menu-item--danger:hover{background:var(--color-error-bg)}.message-action-bar-favorites{display:flex;align-items:center;gap:1px;margin-right:2px;border-right:1px solid var(--color-border);padding-right:4px}.emoji-picker-popover{z-index:var(--z-popover, 100);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border);box-shadow:0 1px 4px #0000001a;background:var(--color-bg-secondary)}.emoji-picker-popover em-emoji-picker{max-height:400px;--rgb-background: var(--color-bg-secondary-rgb);--rgb-input: var(--color-bg-tertiary-rgb);--rgb-color: var(--color-text-primary-rgb);--rgb-accent: var(--color-accent-primary-rgb)}.emoji-picker-popover--context{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:var(--z-modal, 200)}.emoji-picker-popover-close{position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border:none;border-radius:var(--radius-full);cursor:pointer;color:var(--color-text-secondary);font-size:12px}.emoji-picker-popover-close:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}@keyframes message-reaction-chip-splash-up{0%{transform:scale(1);box-shadow:0 0 color-mix(in srgb,var(--color-accent-primary) 40%,transparent)}45%{transform:scale(1.04);box-shadow:0 0 0 4px color-mix(in srgb,var(--color-accent-primary) 18%,transparent)}to{transform:scale(1);box-shadow:0 0 0 0 transparent}}@keyframes message-reaction-chip-splash-down{0%{transform:scale(1);box-shadow:0 0 color-mix(in srgb,var(--color-text-tertiary) 25%,transparent)}50%{transform:scale(.98);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-text-tertiary) 12%,transparent)}to{transform:scale(1);box-shadow:0 0 0 0 transparent}}@keyframes message-reaction-count-tick-up{0%{transform:translateY(.45em);color:var(--color-accent-primary)}55%{color:var(--color-accent-primary)}to{transform:translateY(0);color:var(--color-text-secondary)}}@keyframes message-reaction-count-tick-down{0%{transform:translateY(-.42em);color:var(--color-text-muted)}to{transform:translateY(0);color:var(--color-text-secondary)}}.message-reaction-bar{display:flex;flex-wrap:wrap;gap:4px;margin-top:var(--spacing-sm)}.message-reaction-chip{display:inline-flex;align-items:center;gap:4px;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid color-mix(in srgb,var(--color-accent-primary) 10%,transparent);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-accent-primary) 5%,transparent);cursor:pointer;font-size:var(--font-size-sm);transition:background .15s ease,border-color .15s ease}.message-reaction-chip:hover{background:var(--color-bg-hover);border-color:var(--color-border-hover, var(--color-text-tertiary))}.message-reaction-chip--own{border-color:var(--color-accent-primary);background:color-mix(in srgb,var(--color-accent-primary) 15%,transparent)}.message-reaction-chip--own:hover{background:color-mix(in srgb,var(--color-accent-primary) 100%,transparent)}.message-reaction-chip--count-tick-up{animation:message-reaction-chip-splash-up .45s cubic-bezier(.33,1,.68,1) both}@media(prefers-reduced-motion:reduce){.message-reaction-chip--count-tick-up{animation:none}}.message-reaction-chip--count-tick-down{animation:message-reaction-chip-splash-down .45s cubic-bezier(.33,1,.68,1) both}@media(prefers-reduced-motion:reduce){.message-reaction-chip--count-tick-down{animation:none}}.message-reaction-chip-emoji{display:inline-block;font-size:var(--font-size-lg);line-height:1}.message-reaction-chip-count{display:inline-block;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);min-width:12px;text-align:center;font-variant-numeric:tabular-nums}.message-reaction-chip-count--tick-up{animation:message-reaction-count-tick-up .42s cubic-bezier(.33,1,.68,1) both}@media(prefers-reduced-motion:reduce){.message-reaction-chip-count--tick-up{animation:none}}.message-reaction-chip-count--tick-down{animation:message-reaction-count-tick-down .42s cubic-bezier(.33,1,.68,1) both}@media(prefers-reduced-motion:reduce){.message-reaction-chip-count--tick-down{animation:none}}.dm-fs-rotation-notice{padding:var(--spacing-md) var(--spacing-lg)}.dm-fs-rotation-notice-divider{display:flex;align-items:center;gap:var(--spacing-sm)}.dm-fs-rotation-notice-line{flex:1;height:1px;background:var(--color-border)}.dm-fs-rotation-notice-badge{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);background:var(--color-bg-tertiary);color:var(--color-text-secondary);font-size:var(--font-size-sm);white-space:nowrap}.dm-fs-rotation-notice-icon{width:14px;height:14px;flex-shrink:0}.dm-fs-rotation-notice-body{text-align:center;padding:var(--spacing-xs) 0}.dm-fs-rotation-notice-explanation{margin:0;font-size:var(--font-size-xs);color:var(--color-text-tertiary);line-height:1.4}.dm-fs-rotation-notice-actions{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);margin-top:var(--spacing-xs)}.dm-fs-rotation-notice-link{font-size:var(--font-size-xs);color:var(--color-primary);text-decoration:none}.dm-fs-rotation-notice-link:hover{text-decoration:underline}.dm-fs-rotation-notice-toggle{font-size:var(--font-size-xs);color:var(--color-text-secondary);background:none;border:none;cursor:pointer;padding:0}.dm-fs-rotation-notice-toggle:hover{color:var(--color-text-primary)}.dm-fs-rotation-notice-hidden-messages{display:flex;flex-direction:column;gap:2px;margin-top:var(--spacing-xs);padding:var(--spacing-xs);border-radius:var(--radius-md);background:var(--color-bg-secondary)}.dm-fs-rotation-hidden-message{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.dm-fs-rotation-hidden-message-icon{width:12px;height:12px;color:var(--color-text-tertiary);flex-shrink:0}.dm-fs-rotation-hidden-message-label{font-size:var(--font-size-xs);color:var(--color-text-tertiary);font-style:italic;flex:1}.dm-fs-rotation-hidden-message-time{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.message-list{flex:1;overflow-y:auto;display:flex;flex-direction:column}.message-list--loading,.message-list--error,.message-list--empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--spacing-sm);color:var(--color-text-secondary);text-align:center;padding:var(--spacing-lg)}.message-list-empty-hint{font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.message-list-error{display:flex;align-items:center;gap:var(--spacing-sm)}.message-list-error-icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-full);background:var(--color-error);color:#fff;font-weight:700}.message-list-load-more{display:flex;justify-content:center;padding:var(--spacing-sm)}.message-list-load-more-btn{background:none;border:none;color:var(--color-primary);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);transition:background-color var(--transition-fast)}.message-list-load-more-btn:hover{background:var(--color-bg-tertiary)}.message-list-content{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md)}.message-bubble{display:flex;align-items:flex-end;gap:var(--spacing-sm);max-width:70%}.message-bubble--own{flex-direction:row-reverse;margin-left:auto}.message-bubble--own .message-bubble-content{background:var(--color-primary);color:var(--color-primary-fg)}.message-bubble--own .message-time{text-align:right}.message-bubble--error .message-bubble-content{background:var(--color-error-bg);color:var(--color-error);display:flex;align-items:center;gap:var(--spacing-xs)}.message-bubble--deleted .message-bubble-content{background:var(--color-bg-tertiary);color:var(--color-text-tertiary);font-style:italic}.message-bubble-content{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-lg);background:var(--color-bg-tertiary);color:var(--color-text)}.message-avatar{flex-shrink:0}.message-content-wrapper{display:flex;flex-direction:column}.message-sender-name{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-bottom:var(--spacing-xxs)}.message-text{margin:0;white-space:pre-wrap;word-break:break-word}.message-time{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin-top:var(--spacing-xxs)}.message-expiry{display:inline-flex;align-items:center;gap:var(--spacing-xxs);font-size:var(--font-size-xs);color:var(--color-warning);margin-left:var(--spacing-xs);background:var(--color-warning-bg);padding:2px 6px;border-radius:var(--radius-sm)}.message-expiry-time{font-variant-numeric:tabular-nums;font-weight:500}.message-error-icon{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:var(--radius-full);background:var(--color-error);color:#fff;font-size:10px;font-weight:700;flex-shrink:0}.message-error-text,.message-deleted-text{font-size:var(--font-size-sm)}.message-footer{display:flex;align-items:center;gap:var(--spacing-sm)}.message-actions-btn{background:none;border:none;padding:var(--spacing-xxs) var(--spacing-xs);cursor:pointer;color:var(--color-text-tertiary);border-radius:var(--radius-sm);font-size:var(--font-size-sm);line-height:1;transition:all var(--transition-fast)}.message-actions-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text)}.message-actions-btn:disabled{opacity:.5;cursor:not-allowed}.message-actions-icon{font-weight:700;letter-spacing:1px}.message-actions-menu{display:flex;flex-direction:column;min-width:160px;padding:var(--spacing-xs)}.message-actions-menu-item{background:none;border:none;padding:var(--spacing-sm) var(--spacing-md);text-align:left;cursor:pointer;color:var(--color-text);border-radius:var(--radius-sm);font-size:var(--font-size-sm);transition:background-color var(--transition-fast)}.message-actions-menu-item:hover{background:var(--color-bg-tertiary)}.message-actions-menu-item:disabled{opacity:.5;cursor:not-allowed}.message-actions-menu-item--danger{color:var(--color-error)}.message-actions-menu-item--danger:hover{background:var(--color-error-bg)}.message-composer{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md) var(--spacing-md);border-top:1px solid var(--color-border);background:var(--color-bg-elevated)}.message-composer-toolbar{display:flex;align-items:center;gap:var(--spacing-sm)}.message-composer-ttl-btn,.message-composer-fs-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:none;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast)}.message-composer-ttl-btn:hover,.message-composer-fs-btn:hover{background:var(--color-bg-tertiary);border-color:var(--color-border-hover);color:var(--color-text)}.message-composer-ttl-btn:disabled,.message-composer-fs-btn:disabled{opacity:.5;cursor:not-allowed}.message-composer-ttl-btn--active{background:var(--color-primary-bg);border-color:var(--color-primary);color:var(--color-primary)}.message-composer-ttl-icon{font-size:var(--font-size-md)}.message-composer-ttl-label{font-weight:500}.message-composer-ttl-menu{display:flex;flex-direction:column;min-width:180px;max-height:300px;overflow-y:auto}.message-composer-ttl-menu-header{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-xs);font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.message-composer-ttl-option{padding:var(--spacing-sm) var(--spacing-md);background:none;border:none;text-align:left;font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer;transition:background-color var(--transition-fast)}.message-composer-ttl-option:hover{background:var(--color-bg-tertiary)}.message-composer-ttl-option--selected{background:var(--color-primary-bg);color:var(--color-primary);font-weight:500}.message-composer-fs-btn--active{background:var(--color-success-bg);border-color:var(--color-success);color:var(--color-success)}.message-composer-fs-label{font-weight:500}.message-composer-input-wrapper{position:relative;flex:1}.message-composer-textarea{width:100%;padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font-size:var(--font-size-lg);font-family:inherit;line-height:1.5;resize:none;transition:border-color var(--transition-fast)}.message-composer-textarea:focus{outline:none;border-color:var(--color-primary)}.message-composer-textarea::placeholder{color:var(--color-text-tertiary);line-height:inherit}.message-composer-textarea:disabled{background:var(--color-bg-tertiary);cursor:not-allowed}.message-composer-char-count{position:absolute;right:var(--spacing-sm);bottom:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.message-composer-char-count--warning{color:var(--color-warning)}.message-composer-send-btn{align-self:flex-end}.dm-input{display:flex;align-items:center;gap:var(--spacing-sm)}.dm-input-container{padding:var(--spacing-sm) var(--spacing-md) var(--spacing-md);border-top:1px solid var(--color-border);background:var(--color-bg-elevated)}.dm-input-error{padding:var(--spacing-xs) var(--spacing-sm);margin-bottom:var(--spacing-xs);border-radius:var(--radius-sm);background:var(--color-error-bg);color:var(--color-error);font-size:var(--font-size-sm)}.dm-input-field{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font-size:var(--font-size-md)}.dm-input-field:focus{outline:none;border-color:var(--color-primary)}.dm-input-field:disabled{opacity:.6}.dm-input-send{flex-shrink:0}.activity-settings{display:flex;flex-direction:column;gap:var(--spacing-lg)}.activity-section{display:flex;flex-direction:column;gap:var(--spacing-md)}.activity-radio-group{display:flex;flex-direction:column;gap:var(--spacing-sm)}.app-settings-card .activity-radio-group+.app-settings-toggle--gif-hover{margin-top:var(--spacing-lg)}.activity-radio-item{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast)}.activity-radio-item:hover{border-color:var(--color-border-hover);background:var(--color-bg-hover)}.activity-radio-item[data-state=checked]{border-color:var(--color-primary);background:var(--color-primary-bg)}.activity-radio-control{flex-shrink:0;width:18px;height:18px;margin-top:2px;border:2px solid var(--color-border);border-radius:50%;background:var(--color-bg);transition:border-color var(--transition-fast),background var(--transition-fast)}.activity-radio-control[data-state=checked]{border-color:var(--color-primary);background:var(--color-primary);box-shadow:inset 0 0 0 3px var(--color-bg)}.activity-radio-text{display:flex;flex-direction:column;gap:var(--spacing-xs);flex:1}.activity-radio-title{font-weight:var(--font-weight-medium);color:var(--color-text)}.activity-radio-description{font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.4}.activity-interval-section{flex-direction:row;align-items:center;gap:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.activity-interval-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);white-space:nowrap}.activity-interval-select{flex:1;max-width:200px;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-text);font-size:var(--font-size-sm);cursor:pointer}.activity-interval-select:focus{outline:none;border-color:var(--color-primary)}.activity-interval-select:hover{border-color:var(--color-border-hover)}.activity-interval-select option{background:var(--color-bg-secondary);color:var(--color-text);padding:var(--spacing-sm)}.fs-cache-clear-checkbox{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);margin-top:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast)}.fs-cache-clear-checkbox:hover{border-color:var(--color-border-hover);background:var(--color-bg-hover)}.fs-cache-clear-checkbox[data-state=checked]{border-color:var(--color-primary)}.fs-checkbox-control{width:18px;height:18px;min-width:18px;border:2px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);margin-top:1px;transition:border-color var(--transition-fast),background var(--transition-fast);display:flex;align-items:center;justify-content:center}.fs-checkbox-control[data-state=checked]{background:var(--color-primary);border-color:var(--color-primary)}.fs-checkbox-control[data-state=checked]:after{content:"";display:block;width:5px;height:9px;border:solid var(--color-on-primary, #fff);border-width:0 2px 2px 0;transform:rotate(45deg) translateY(-1px)}.fs-checkbox-label{display:flex;flex-direction:column;gap:2px;cursor:pointer}.fs-checkbox-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.fs-checkbox-hint{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.4}.fs-purge-cache-checkbox{margin-top:var(--spacing-md);border-color:var(--color-border)}.app-settings-card{padding:var(--spacing-lg)}.app-settings-card+.app-settings-card{margin-top:var(--spacing-lg)}.app-settings-section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-sm);color:var(--color-text)}.app-settings-section-desc{margin:0 0 var(--spacing-lg);font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:1.5}.app-settings-alert{margin-bottom:var(--spacing-md)}.app-settings-toggle{display:flex;align-items:flex-start;gap:var(--spacing-md);cursor:pointer}.app-settings-toggle input[type=checkbox]{margin-top:3px;width:18px;height:18px;flex-shrink:0;cursor:pointer;accent-color:var(--color-accent-primary)}.app-settings-toggle-label{display:flex;flex-direction:column;gap:4px}.app-settings-toggle-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text)}.app-settings-toggle-hint{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.45}.app-settings-card-sound{margin-top:var(--spacing-lg)}.app-settings-card-sound .app-settings-toggle+.app-settings-sound-row,.app-settings-card-sound .app-settings-toggle+.app-settings-toggle{margin-top:var(--spacing-md)}.app-settings-sound-row{margin-bottom:var(--spacing-md)}.app-settings-sound-select-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:var(--spacing-sm)}.app-settings-sound-row-controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-md)}.app-settings-sound-row-controls .app-settings-sound-select-control{flex:1;min-width:200px}.app-settings-sound-select-control{width:100%}.app-settings-sound-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-family:var(--font-sans);color:var(--color-text-primary);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.app-settings-sound-select-trigger:hover:not([data-disabled]){background:var(--color-bg-tertiary)}.app-settings-sound-select-trigger:focus-visible{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 2px var(--color-accent-glow)}.app-settings-sound-select-trigger[data-disabled]{opacity:.6;cursor:not-allowed}.app-settings-sound-select-trigger[data-state=open] .app-settings-sound-select-indicator{transform:rotate(180deg)}.app-settings-sound-select-value{flex:1;min-width:0;text-align:left}.app-settings-sound-select-indicator{color:var(--color-text-muted);display:flex;flex-shrink:0;transition:transform var(--transition-fast)}.app-settings-sound-select-positioner{z-index:200!important}.app-settings-sound-select-positioner[data-state=closed]{display:none}.app-settings-sound-select-content{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);max-height:280px;overflow-y:auto;min-width:200px}.app-settings-sound-select-list{padding:var(--spacing-xs) 0}.app-settings-sound-select-item{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-primary);transition:background-color var(--transition-fast)}.app-settings-sound-select-item:hover,.app-settings-sound-select-item[data-highlighted]{background:var(--color-bg-secondary)}.app-settings-sound-select-item[data-disabled]{opacity:.5;cursor:not-allowed}.app-settings-sound-select-item-text{flex:1;min-width:0;text-align:left}.app-settings-sound-select-item-indicator{color:var(--color-accent-primary);display:flex;flex-shrink:0}.app-settings-sound-preview{flex-shrink:0}.app-settings-sound-volume{margin-bottom:var(--spacing-lg)}.app-settings-sound-volume-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:var(--spacing-sm)}.app-settings-sound-volume-row{display:flex;align-items:center;gap:var(--spacing-md)}.app-settings-sound-volume-slider{flex:1;min-width:0;height:6px;border-radius:var(--radius-sm);accent-color:var(--color-accent-primary);cursor:pointer}.app-settings-sound-volume-slider:disabled{opacity:.5;cursor:not-allowed}.app-settings-sound-volume-value{flex-shrink:0;min-width:3.25rem;font-size:var(--font-size-sm);font-variant-numeric:tabular-nums;color:var(--color-text-secondary);text-align:right}.app-settings-sound-volume-hint{margin:var(--spacing-sm) 0 0;font-size:var(--font-size-xs);line-height:var(--line-height-relaxed);color:var(--color-text-muted)}.app-settings-custom-sound{margin-bottom:var(--spacing-md)}.app-settings-custom-sound-label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);margin-bottom:var(--spacing-sm)}.app-settings-custom-sound-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-md)}.app-settings-custom-sound-name{flex:1;min-width:0;font-size:var(--font-size-sm);color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-settings-test-notification{display:flex;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-md)}.app-settings-test-notification-hint{font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.app-settings-embed-visibility{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border-muted)}.app-settings-embed-visibility .app-settings-toggle-title{display:block;margin-bottom:2px}.app-settings-embed-visibility .app-settings-toggle-hint{display:block;margin-bottom:var(--spacing-sm)}.app-settings-radio-group{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.app-settings-radio-item{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);cursor:pointer;font-size:var(--font-size-sm);transition:border-color var(--transition-fast),background var(--transition-fast)}.app-settings-radio-item:hover{border-color:var(--color-accent-primary);background:var(--color-bg-hover)}.app-settings-radio-item[data-state=checked]{border-color:var(--color-accent-primary);background:color-mix(in srgb,var(--color-accent-primary) 10%,transparent)}.app-settings-radio-control{width:16px;height:16px;border-radius:var(--radius-full);border:2px solid var(--color-border);display:flex;align-items:center;justify-content:center;transition:border-color var(--transition-fast)}.app-settings-radio-control[data-state=checked]{border-color:var(--color-accent-primary)}.app-settings-radio-control[data-state=checked]:after{content:"";width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-accent-primary)}.app-settings-embed-allowlist{margin-top:var(--spacing-md)}.app-settings-embed-allowlist-input-row{display:flex;gap:var(--spacing-sm);align-items:center}.app-settings-embed-allowlist-input{flex:1;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-tertiary);color:var(--color-text-primary);font-size:var(--font-size-sm);font-family:var(--font-sans);outline:none;transition:border-color var(--transition-fast)}.app-settings-embed-allowlist-input:focus{border-color:var(--color-accent-primary)}.app-settings-embed-allowlist-input::placeholder{color:var(--color-text-muted)}.app-settings-embed-allowlist-tags{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);margin-top:var(--spacing-sm)}.app-settings-embed-allowlist-tag{display:inline-flex;align-items:center;gap:4px;padding:2px var(--spacing-sm);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--font-size-xs);color:var(--color-text-primary)}.app-settings-embed-allowlist-tag-remove{background:none;border:none;padding:0;cursor:pointer;font-size:14px;line-height:1;color:var(--color-text-muted)}.app-settings-embed-allowlist-tag-remove:hover{color:var(--color-error)}.app-settings-embed-max-width{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border-muted)}.app-settings-embed-max-width .app-settings-toggle-title{display:block;margin-bottom:var(--spacing-xs)}.download-page-card{margin-bottom:var(--spacing-lg)}.download-page-card:last-of-type{margin-bottom:0}.download-page-card-title{margin-top:0;margin-bottom:var(--spacing-md);color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.download-page-list{margin:0;padding-left:1.25rem;color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.download-page-list li+li{margin-top:var(--spacing-sm)}.download-page-placeholder{margin:0 0 var(--spacing-md);color:var(--color-text-secondary);line-height:var(--line-height-relaxed)}.download-version-header{margin-bottom:var(--spacing-lg)}.download-page-version{margin:0;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.download-page-date{margin:var(--spacing-xs) 0 0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.download-loading{display:flex;align-items:center;gap:var(--spacing-sm);color:var(--color-text-secondary);padding:var(--spacing-md) 0}.download-error{color:var(--color-text-secondary)}.download-error p{margin:0 0 var(--spacing-sm)}.download-os-grid{display:flex;flex-direction:column;gap:var(--spacing-lg)}.download-os-section{padding:var(--spacing-md);border-radius:var(--radius-md);background:var(--color-bg-secondary);border:1px solid var(--color-border)}.download-os-recommended{border-color:var(--color-primary)}.download-os-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);color:var(--color-text-primary)}.download-os-name{margin:0;font-size:var(--font-size-md);font-weight:var(--font-weight-semibold)}.download-os-badge{margin-left:auto;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-primary)}.download-os-links{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.download-file-link{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);border-radius:var(--radius-sm);background:var(--color-bg-tertiary);color:var(--color-text-primary);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:background .15s ease,color .15s ease}.download-file-link:hover{background:var(--color-primary);color:var(--color-on-primary, #fff)}.download-file-arch{font-size:var(--font-size-xs);color:var(--color-text-muted);font-weight:var(--font-weight-normal)}.download-meta-links{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.download-meta-link{font-size:var(--font-size-sm);color:var(--color-text-secondary);text-decoration:none}.download-meta-link:hover{color:var(--color-primary);text-decoration:underline}.sidebar-admin-row{width:100%;margin-bottom:var(--spacing-sm)}.sidebar-admin-link{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);text-decoration:none;border:1px solid transparent;transition:background .15s ease,border-color .15s ease}.sidebar-admin-link:hover{background:var(--color-surface-hover)}.sidebar-admin-link.sidebar-admin-link-active{background:var(--color-surface-elevated);border-color:var(--color-border)}.sidebar-admin-link svg{flex-shrink:0;width:18px;height:18px}.sidebar-desktop-row{width:100%;margin-bottom:var(--spacing-sm)}.sidebar-desktop-link{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text);text-decoration:none;border:1px solid transparent;transition:background .15s ease,border-color .15s ease}.sidebar-desktop-link:hover{background:var(--color-surface-hover)}.sidebar-desktop-link.sidebar-desktop-link-active{background:var(--color-surface-elevated);border-color:var(--color-border)}.sidebar-desktop-link svg{flex-shrink:0;width:18px;height:18px}.sidebar-update-nav-row{width:100%;margin-bottom:var(--spacing-sm)}.sidebar-update-nav-btn{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-accent-primary);border:1px solid var(--color-border-muted);background:var(--color-info-bg)}.sidebar-update-nav-btn:hover{background:var(--color-surface-hover);border-color:var(--color-border)}.sidebar-update-nav-btn svg:first-child{flex-shrink:0;width:18px;height:18px;color:var(--color-accent-primary)}.sidebar-update-nav-label{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-update-nav-progress{margin-top:var(--spacing-xxs);padding:0 var(--spacing-xs)}.admin-shell{display:flex;flex-direction:row;align-items:flex-start;gap:var(--spacing-xl);width:100%;max-width:1200px;margin:0 auto;padding:0 var(--spacing-md) var(--spacing-xl)}.admin-sub-sidebar{flex:0 0 200px;position:sticky;top:var(--spacing-md)}.admin-sub-nav{display:flex;flex-direction:column;gap:4px}.admin-nav-link{display:block;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);text-decoration:none;transition:background .15s ease,color .15s ease}.admin-nav-link:hover{background:var(--color-surface-hover);color:var(--color-text)}.admin-nav-link.admin-nav-link-active{background:var(--color-surface-elevated);color:var(--color-text);font-weight:var(--font-weight-medium)}.admin-outlet{flex:1;min-width:0}.admin-page{padding-top:var(--spacing-md)}.admin-stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.admin-stat-card{padding:var(--spacing-lg)}.admin-stat-label{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.admin-stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--color-text)}.admin-chart-card{padding:var(--spacing-lg)}.admin-section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0 0 var(--spacing-md)}.admin-chart-wrap{width:100%}.admin-card{padding:var(--spacing-lg);margin-bottom:var(--spacing-md)}.admin-card-error{display:flex;flex-direction:column;gap:var(--spacing-md);border-color:var(--color-danger-border, var(--color-border))}.admin-loading{display:flex;justify-content:center;padding:var(--spacing-2xl)}.admin-add-row{display:flex;flex-wrap:wrap;gap:var(--spacing-md);align-items:center}.admin-input{flex:1;min-width:200px;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-sm)}.admin-textarea{width:100%;margin-top:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-family:var(--font-family-mono, monospace);font-size:var(--font-size-sm);resize:vertical}.admin-table-wrap{overflow-x:auto}.admin-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.admin-table th,.admin-table td{padding:var(--spacing-sm) var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-border-subtle)}.admin-table th{font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.admin-mono{font-size:var(--font-size-xs);word-break:break-all}.admin-stale{color:var(--color-text-secondary);font-style:italic}.admin-inline-error{color:var(--color-danger, #c62828);font-size:var(--font-size-sm);margin:var(--spacing-sm) 0 0}.admin-field-label{display:block;font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);margin-bottom:var(--spacing-xs)}.admin-hint{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0 0 var(--spacing-sm);line-height:1.45}.admin-toggle{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.admin-toggle input{width:18px;height:18px}.admin-badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-sm, 4px);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);background:var(--color-surface-secondary);color:var(--color-text-secondary)}.admin-badge--success{background:var(--color-success-subtle, #e8f5e9);color:var(--color-success, #2e7d32)}.admin-badge--warning{background:var(--color-warning-subtle, #fff3e0);color:var(--color-warning, #e65100)}.admin-badge--danger{background:var(--color-danger-subtle, #ffebee);color:var(--color-danger, #c62828)}.admin-action-bar{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.admin-page-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);flex-wrap:wrap}.admin-dl{display:grid;grid-template-columns:auto 1fr;gap:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm)}.admin-dl dt{font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.admin-dl dd{margin:0}.admin-table-row--clickable{cursor:pointer}.admin-table-row--clickable:hover{background:var(--color-surface-hover)}.admin-table-mono{font-family:var(--font-family-mono, monospace);font-size:var(--font-size-xs);word-break:break-all}.admin-table-meta{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.admin-alert{padding:var(--spacing-md);border-radius:var(--radius-md, 8px);margin-bottom:var(--spacing-md);font-size:var(--font-size-sm)}.admin-alert--error{background:var(--color-danger-subtle, #ffebee);color:var(--color-danger, #c62828)}.admin-alert--warning{background:var(--color-warning-subtle, #fff3e0);color:var(--color-warning, #e65100)}.admin-loading{display:flex;justify-content:center;padding:var(--spacing-xl)}.admin-empty{text-align:center;color:var(--color-text-secondary);padding:var(--spacing-xl);font-size:var(--font-size-sm)}.admin-empty-inline{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-style:italic}.admin-form-group{margin-bottom:var(--spacing-md)}.admin-form-group label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-xs)}.admin-form-group input,.admin-form-group select,.admin-form-group textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-sm, 4px);font-size:var(--font-size-sm);background:var(--color-surface);color:var(--color-text)}.admin-form-group small{display:block;font-size:var(--font-size-xs);color:var(--color-text-secondary);margin-top:var(--spacing-xs)}.admin-form-row{display:flex;gap:var(--spacing-sm);align-items:flex-end}.admin-form-row input{flex:1}.admin-textarea{resize:vertical;min-height:60px}.admin-list{list-style:none;padding:0;margin:0}.admin-list li{padding:var(--spacing-xs) 0;border-bottom:1px solid var(--color-border-subtle)}.admin-entitlement-item{display:flex;align-items:center;justify-content:space-between}.admin-subscription-modal{width:min(100%,32rem)}.admin-subscription-modal-body{display:flex;flex-direction:column;gap:var(--spacing-lg)}.admin-subscription-summary{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-bg-secondary, var(--color-surface))}.admin-subscription-summary-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em}.admin-subscription-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.admin-subscription-section-title,.admin-subscription-panel-title{margin:0 0 var(--spacing-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold, var(--font-weight-medium));color:var(--color-text-primary)}.admin-subscription-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.admin-subscription-override-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.admin-subscription-override-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-surface)}.admin-subscription-override-row--active{border-color:var(--color-accent-primary);box-shadow:0 0 0 1px var(--color-accent-glow, rgba(99, 102, 241, .15))}.admin-subscription-override-meta{display:flex;flex-direction:column;gap:2px;min-width:0}.admin-subscription-override-tier{font-weight:var(--font-weight-medium);text-transform:capitalize}.admin-subscription-override-expiry{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.admin-subscription-override-actions{display:flex;flex-shrink:0;gap:var(--spacing-xs)}.admin-subscription-panel{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--color-border)}.admin-subscription-panel--add{background:var(--color-bg-secondary, var(--color-surface));border-style:dashed}.admin-subscription-panel--edit{background:color-mix(in srgb,var(--color-accent-primary) 6%,var(--color-surface));border-color:var(--color-accent-primary)}.admin-subscription-panel-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.admin-subscription-panel-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);padding:2px 8px;border-radius:var(--radius-full, 999px);background:var(--color-bg-tertiary, var(--color-border-subtle))}.admin-subscription-panel-hint{margin:calc(-1 * var(--spacing-xs)) 0 0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.admin-subscription-panel-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.admin-subscription-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.admin-subscription-checkbox{display:flex;align-items:flex-start;gap:var(--spacing-sm)}.admin-subscription-checkbox-control{width:1rem;height:1rem;margin-top:2px;flex-shrink:0;accent-color:var(--color-accent-primary)}.admin-subscription-checkbox-label{font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer}.admin-user-profile .admin-card{margin-bottom:var(--spacing-lg)}.admin-user-profile h3{margin:0 0 var(--spacing-md);font-size:var(--font-size-md)}.admin-user-profile h4{margin:var(--spacing-md) 0 var(--spacing-sm);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}@media(max-width:720px){.admin-shell{flex-direction:column}.admin-sub-sidebar{position:static;width:100%}.admin-sub-nav{flex-direction:row;flex-wrap:wrap}.admin-dl{grid-template-columns:1fr}.admin-action-bar{flex-direction:column}.admin-subscription-override-row{flex-direction:column;align-items:stretch}.admin-subscription-override-actions{justify-content:flex-end}}body{transition:background-color .3s ease,color .3s ease}.theme-preset-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.theme-preset-card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md);border:2px solid var(--color-border-muted);border-radius:var(--radius-lg);background:var(--color-bg-secondary);cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);position:relative;text-align:center}.theme-preset-card:hover{border-color:var(--color-border)}.theme-preset-card--active{border-color:var(--color-accent-primary);box-shadow:var(--shadow-glow)}.theme-preset-card-inner{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);background:none;border:none;cursor:pointer;color:inherit;width:100%}.theme-preset-swatches{display:flex;gap:4px;margin-bottom:var(--spacing-xs)}.theme-swatch{display:block;width:28px;height:28px;border-radius:var(--radius-sm);border:1px solid var(--color-border-muted)}.theme-preset-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.theme-preset-label{font-size:var(--font-size-xs);color:var(--color-accent-primary);text-transform:uppercase;letter-spacing:.05em}.theme-preset-meta{font-size:var(--font-size-xs);color:var(--color-text-muted)}.theme-preset-card-actions{position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);display:flex;flex-direction:row;align-items:center;gap:2px}.theme-preset-card-actions .theme-preset-delete{position:static}.theme-preset-share{padding:2px 6px;font-size:var(--font-size-xs);line-height:1;color:var(--color-text-muted);border-radius:var(--radius-sm)}.theme-preset-share:hover:not(:disabled){color:var(--color-accent-primary)}.theme-preset-share-tooltip-wrap{display:inline-flex}.theme-preset-delete{position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);padding:2px 6px;font-size:var(--font-size-xs);line-height:1;color:var(--color-text-muted);border-radius:var(--radius-sm)}.theme-preset-delete:hover{color:var(--color-error)}.icon-pack-families{display:flex;flex-direction:column;gap:var(--spacing-lg);margin-top:var(--spacing-md)}.icon-pack-family-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-sm)}.icon-pack-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--spacing-sm)}.icon-pack-card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-md) var(--spacing-sm);border:2px solid var(--color-border-muted);border-radius:var(--radius-lg);background:var(--color-bg-secondary);cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);text-align:center;color:inherit}.icon-pack-card:hover{border-color:var(--color-border)}.icon-pack-card--active{border-color:var(--color-accent-primary);box-shadow:var(--shadow-glow)}.icon-pack-card-label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.icon-pack-card-default{font-size:.625rem;font-weight:var(--font-weight-semibold);color:var(--color-accent-primary);text-transform:uppercase;letter-spacing:.05em}.icon-pack-card-preview{display:flex;gap:var(--spacing-sm);font-size:1rem;color:var(--color-text-secondary)}.app-settings-section-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md)}.app-settings-section-header--collapsible{width:100%;background:none;border:none;padding:0;margin:0;cursor:pointer;text-align:left;color:inherit;font:inherit;align-items:center}.app-settings-section-header--collapsible:hover .app-settings-section-chevron,.app-settings-section-header--collapsible:focus-visible .app-settings-section-chevron{color:var(--color-text-primary)}.app-settings-section-chevron{flex-shrink:0;font-size:1.125rem;color:var(--color-text-muted);transition:color .15s ease}.app-settings-section-hint{margin-top:var(--spacing-sm);font-size:.8125rem;color:var(--color-text-muted)}.app-settings-section-hint a{color:var(--color-accent-primary);text-decoration:none}.app-settings-section-hint a:hover{text-decoration:underline}.app-settings-language-row{display:flex;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-sm)}.app-settings-language-label{font-size:.875rem;color:var(--color-text-secondary);white-space:nowrap}.app-settings-language-select{padding:.375rem .625rem;border-radius:var(--radius-sm, 6px);border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:.875rem;min-width:10rem;cursor:pointer}.app-settings-language-select:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:1px}.theme-editor{margin-top:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-lg)}.theme-editor-actions{display:flex;gap:var(--spacing-sm)}.theme-editor-category-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--spacing-sm)}.theme-editor-fields{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--spacing-sm)}.theme-editor-field{display:flex;flex-direction:column;gap:2px}.theme-editor-field-label{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.theme-editor-field-controls{display:flex;align-items:center;gap:var(--spacing-xs)}.theme-editor-color-input{width:36px;height:36px;padding:2px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-tertiary);cursor:pointer}.theme-editor-text-input{flex:1;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-tertiary);color:var(--color-text-primary);font-family:var(--font-mono);font-size:var(--font-size-xs)}.theme-editor-field-hint{font-size:10px;color:var(--color-text-muted);font-family:var(--font-mono)}.theme-editor-save{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);align-items:center;padding-top:var(--spacing-md);border-top:1px solid var(--color-border-muted)}.theme-editor-name-input,.theme-editor-desc-input{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-tertiary);color:var(--color-text-primary);font-size:var(--font-size-sm)}.theme-editor-name-input{width:200px}.theme-editor-desc-input{flex:1;min-width:200px}.theme-import-export-row{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.theme-identity-row{display:flex;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-md)}.theme-identity-active{font-size:var(--font-size-sm);color:var(--color-accent-primary)}.theme-result-list{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.theme-result-row{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border:1px solid var(--color-border-muted);border-radius:var(--radius-lg);background:var(--color-bg-secondary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.theme-result-row:hover{border-color:var(--color-border);box-shadow:var(--shadow-sm)}.theme-result-swatches{display:grid;grid-template-columns:1fr 1fr;gap:3px;width:48px;height:48px;flex-shrink:0;border-radius:var(--radius-md);overflow:hidden}.theme-result-swatch{display:block;width:100%;height:100%}.theme-result-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.theme-result-header{display:flex;align-items:baseline;gap:var(--spacing-sm);flex-wrap:wrap}.theme-result-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.theme-result-author{font-size:var(--font-size-xs);color:var(--color-text-muted)}.theme-result-desc{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0;line-height:1.4;cursor:default}.theme-result-stats{font-size:var(--font-size-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.theme-result-actions{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0}.theme-result-upvote-btn{font-variant-numeric:tabular-nums}.theme-result-unshare-btn:hover{color:var(--color-error)}.theme-preview-modal{max-width:560px;max-height:80vh;overflow-y:auto}.theme-preview-body{display:flex;flex-direction:column;gap:var(--spacing-lg)}.theme-preview-category-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 var(--spacing-sm) 0;text-transform:uppercase;letter-spacing:.04em}.theme-preview-tokens{display:flex;flex-direction:column;gap:var(--spacing-xs)}.theme-preview-token{display:flex;align-items:center;gap:var(--spacing-sm)}.theme-preview-swatch{display:block;width:24px;height:24px;border-radius:var(--radius-sm);border:1px solid var(--color-border-muted);flex-shrink:0}.theme-preview-token-label{font-size:var(--font-size-sm);color:var(--color-text-primary);flex:1}.theme-preview-token-value{font-size:var(--font-size-xs);color:var(--color-text-muted);font-family:var(--font-mono, monospace)}.theme-community-card{position:relative}.theme-upvote-btn{position:absolute;top:var(--spacing-xs);right:var(--spacing-xs);display:flex;align-items:center;gap:4px;padding:4px 8px;border:1px solid var(--color-border-muted);border-radius:var(--radius-sm);background:var(--color-bg-secondary);color:var(--color-text-secondary);font-size:var(--font-size-xs);cursor:pointer;transition:color .15s ease,border-color .15s ease}.theme-upvote-btn:hover{color:var(--color-accent-primary);border-color:var(--color-accent-primary)}.theme-upvote-count{font-variant-numeric:tabular-nums}.theme-browser-controls{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.theme-browser-search{flex:1;min-width:200px;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-tertiary);color:var(--color-text-primary);font-size:var(--font-size-sm)}.theme-browser-sort{padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-tertiary);color:var(--color-text-primary);font-size:var(--font-size-sm)}.theme-browser-loading{display:flex;justify-content:center;padding:var(--spacing-2xl)}.theme-browser-empty{text-align:center;color:var(--color-text-muted);padding:var(--spacing-xl)}.theme-browser-pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-lg)}.theme-browser-page-info{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.theme-share-row{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md)}.theme-share-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.appearance-layout{display:grid;grid-template-columns:200px 1fr;gap:var(--spacing-lg);margin-top:var(--spacing-lg);align-items:start}.appearance-sections{min-width:0}.appearance-section-nav{position:sticky;top:var(--spacing-md);z-index:calc(var(--z-sticky) - 1)}.appearance-section-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--spacing-xs)}.appearance-section-btn{display:block;width:100%;padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;border-left:2px solid transparent;cursor:pointer;color:var(--color-text-secondary);font-size:var(--font-size-sm);text-align:left;border-radius:0 var(--radius-sm) var(--radius-sm) 0;transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.appearance-section-btn:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.appearance-section-btn--active{color:var(--color-accent-primary);border-left-color:var(--color-accent-primary);background:var(--color-bg-hover);font-weight:600}.appearance-section-select-wrapper{display:none}.appearance-section-select-control{width:100%}.appearance-section-select-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-primary);font-size:var(--font-size-sm)}.appearance-section-select-indicator{color:var(--color-text-muted);flex-shrink:0}.appearance-section-select-content{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--spacing-xs) 0;z-index:var(--z-popover, 50)}.appearance-section-select-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;font-size:var(--font-size-sm);color:var(--color-text-primary);transition:background var(--transition-fast)}.appearance-section-select-item:hover,.appearance-section-select-item[data-highlighted]{background:var(--color-bg-hover)}.appearance-section-select-check{color:var(--color-accent-primary);flex-shrink:0}.appearance-sections .app-settings-card,.appearance-sections>[data-section]{scroll-margin-top:var(--spacing-lg)}.privacy-sticky-tabs{--sticky-tabs-offset: 2.75rem}.privacy-sticky-tabs .tabs-list{position:sticky;top:0;z-index:var(--z-sticky);background:var(--color-bg-primary);padding-top:var(--spacing-xs)}.privacy-sticky-tabs .appearance-section-nav{top:calc(var(--sticky-tabs-offset) + var(--spacing-md))}.privacy-sticky-tabs .appearance-sections .app-settings-card,.privacy-sticky-tabs .appearance-sections>[data-section]{scroll-margin-top:calc(var(--sticky-tabs-offset) + var(--spacing-md))}@media(max-width:850px){.appearance-layout{grid-template-columns:1fr;gap:0}.appearance-section-nav{display:none}.appearance-section-select-wrapper{display:block;position:sticky;top:0;z-index:calc(var(--z-sticky) - 1);background:var(--color-bg-primary);padding-bottom:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.privacy-sticky-tabs .appearance-section-select-wrapper{top:calc(var(--sticky-tabs-offset, 2.75rem) + var(--spacing-xs))}}.profile-editor{display:flex;flex-direction:column;gap:var(--spacing-lg)}.profile-editor>.profile-preview-header{margin-bottom:0}.profile-editor .btn-primary{background:var(--profile-accent, linear-gradient(135deg, var(--color-accent-primary) 0%, var(--color-accent-secondary) 100%))}.profile-editor .btn-primary:hover:not(:disabled){filter:brightness(1.1)}.profile-editor .profile-preview-tab--active{color:var(--profile-accent, var(--color-accent-primary));border-color:var(--profile-accent, var(--color-accent-primary));background:color-mix(in srgb,var(--profile-accent, var(--color-accent-primary)) 12%,transparent)}.profile-editor .tabs-trigger-active{color:var(--profile-accent, var(--color-accent-primary));border-bottom-color:var(--profile-accent, var(--color-accent-primary))}.profile-section{padding:var(--spacing-lg)}.profile-section-title{font-size:var(--font-size-md);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0}.profile-avatar-row{display:flex;align-items:center;gap:var(--spacing-lg)}.profile-avatar-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.profile-avatar-name{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin:0}.profile-avatar-username{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.profile-field{margin-bottom:var(--spacing-md)}.profile-field:last-child{margin-bottom:0}.profile-field-label{display:block;font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary);margin-bottom:var(--spacing-xs)}.profile-bio-input{resize:vertical;min-height:72px;font-family:inherit}.profile-bio-count{display:block;text-align:right;font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--spacing-xs)}.profile-colors-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--spacing-md)}.profile-privacy-grid{display:flex;flex-direction:column;gap:var(--spacing-sm)}.profile-privacy-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border-muted)}.profile-privacy-row:last-child{border-bottom:none}.profile-privacy-field-label{font-size:var(--font-size-sm);color:var(--color-text-primary)}.profile-preview-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.profile-preview-tabs{display:flex;gap:var(--spacing-xs)}.profile-preview-tab{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-text-secondary);cursor:pointer;transition:all .15s ease}.profile-preview-tab:hover{color:var(--color-text-primary);border-color:var(--color-border-focus)}.profile-preview-tab--active{color:var(--color-accent-primary);border-color:var(--color-accent-primary);background:var(--color-accent-glow)}.profile-preview-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-bg-secondary)}.profile-preview-banner{height:120px;background-size:cover;background-position:center;background-color:var(--color-bg-tertiary)}.profile-preview-body{padding:var(--spacing-lg);padding-top:calc(var(--spacing-lg) + 32px);position:relative}.profile-preview-avatar-wrapper{position:absolute;top:-40px;left:var(--spacing-lg)}.profile-preview-avatar{width:80px;height:80px;border-radius:50%;object-fit:cover;border:3px solid var(--color-bg-secondary)}.profile-preview-avatar--placeholder{background:var(--color-bg-tertiary)}.profile-preview-name{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0}.profile-preview-username{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-sm) 0}.profile-preview-bio{font-size:var(--font-size-sm);color:var(--color-text-primary);margin:0 0 var(--spacing-sm) 0;line-height:1.5}.profile-preview-meta{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0}.profile-save-bar{display:flex;justify-content:flex-end;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) 0}.profile-save-message{font-size:var(--font-size-sm)}.profile-save-message--success{color:var(--color-success)}.profile-save-message--error{color:var(--color-error)}.profile-edit-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-bg-secondary)}.profile-edit-banner .banner-upload{height:120px;border:none;border-radius:0;background-color:var(--profile-banner-bg, var(--color-bg-tertiary))}.profile-edit-banner .banner-upload:hover{border:none}.profile-edit-banner .banner-upload--dragging{border:none;background-color:var(--profile-banner-bg, var(--color-accent-glow))}.profile-edit-body{padding:var(--spacing-lg);padding-top:calc(var(--spacing-lg) + 32px);position:relative}.profile-edit-avatar-wrapper{position:absolute;top:-40px;left:var(--spacing-lg)}.profile-edit-avatar-wrapper .avatar-upload-button{border:3px solid var(--color-bg-secondary)}.profile-edit-field{position:relative}.profile-edit-field--clickable{cursor:pointer;border-radius:var(--radius-sm);padding:var(--spacing-xs);margin:calc(-1 * var(--spacing-xs));transition:background-color .15s ease}.profile-edit-field--clickable:hover{background-color:var(--color-bg-tertiary)}.profile-edit-field--clickable:hover .profile-edit-field-icon{opacity:1}.profile-edit-field-icon{position:absolute;top:50%;right:var(--spacing-sm);transform:translateY(-50%);opacity:0;color:var(--color-text-muted);transition:opacity .15s ease;pointer-events:none}.profile-edit-inline-input{width:100%;background:var(--color-bg-tertiary);border:1px solid var(--color-border-focus);border-radius:var(--radius-sm);color:var(--color-text-primary);padding:var(--spacing-xs) var(--spacing-sm);font-family:inherit}.profile-edit-inline-input--name{font-size:var(--font-size-lg);font-weight:600}.profile-edit-inline-input--bio{font-size:var(--font-size-sm);resize:vertical;min-height:60px;line-height:1.5}.profile-edit-inline-input:focus{outline:none;border-color:var(--color-accent-primary);box-shadow:0 0 0 2px var(--color-accent-glow)}.profile-edit-colors-section{margin-top:var(--spacing-md)}.profile-view-achievements-grid,.profile-achievements-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-sm)}.profile-view-achievements-empty{margin-top:var(--spacing-sm)}.achievement-card{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);transition:opacity var(--transition-fast),filter var(--transition-fast)}.achievement-card-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-accent-primary) 12%,transparent);color:var(--color-accent-primary)}.achievement-card-info{display:flex;flex-direction:column;gap:2px;min-width:0}.achievement-card-name{font-weight:600;font-size:var(--font-size-sm);color:var(--color-text-primary)}.achievement-card-desc{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.achievement-card-how{font-size:var(--font-size-xs);color:var(--color-text-muted);font-style:italic}.achievement-card-date{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:2px}.achievement-card--locked{opacity:.45;filter:grayscale(.6)}.achievement-card--locked .achievement-card-icon{background:color-mix(in srgb,var(--color-text-muted) 10%,transparent);color:var(--color-text-muted)}.achievement-card-not-earned{font-size:var(--font-size-xs);color:var(--color-text-muted);font-style:italic;margin-top:2px}.achievement-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);flex-wrap:wrap;min-width:0;width:100%}.achievement-header__filters{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:var(--spacing-xs);min-width:0;flex:1 1 auto}.achievement-select-control{display:flex;align-items:center;min-width:0;max-width:100%}.achievement-select-trigger{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:var(--font-size-xs);cursor:pointer;white-space:nowrap;transition:border-color var(--transition-fast);min-width:0;max-width:100%;box-sizing:border-box}.achievement-select-trigger>:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis}.achievement-select-trigger:hover{border-color:var(--color-accent-primary)}.achievement-select-indicator{color:var(--color-text-muted);flex-shrink:0}.achievement-select-content{background:var(--profile-card-bg, var(--color-bg-elevated));border:1px solid;border-color:color-mix(in srgb,var(--profile-accent, var(--profile-card-bg, var(--color-border))) 40%,var(--color-border));border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--spacing-xs) 0;min-width:120px;max-width:min(100%,100vw - 2 * var(--spacing-md));box-sizing:border-box;z-index:var(--z-popover, 100)}.achievement-select-item{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-text-primary);cursor:pointer;transition:background var(--transition-fast);min-width:0}.achievement-select-item>:first-child{min-width:0;overflow-wrap:anywhere}.achievement-select-item:hover,.achievement-select-item[data-highlighted]{background:color-mix(in srgb,var(--profile-accent, transparent) 12%,var(--profile-card-bg, var(--color-bg-hover)))}.achievement-select-item[data-state=checked]{color:var(--profile-accent, var(--color-accent-primary))}.achievement-select-item-indicator{color:var(--profile-accent, var(--color-accent-primary));flex-shrink:0}.profile-view-section-title{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-md);font-weight:600;color:var(--color-text-primary);margin:0}.profile-edit-achievements-section{margin-top:var(--spacing-md)}.profile-preview-viewing-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);font-weight:500}.profile-preview-bio--placeholder{color:var(--color-text-muted)}.avatar-upload{position:relative;flex-shrink:0}.avatar-upload-button{position:relative;width:100%;height:100%;box-sizing:border-box;border-radius:50%;overflow:hidden;border:2px solid var(--color-border);background:var(--color-bg-tertiary);cursor:pointer;padding:0;transition:border-color .15s ease}.avatar-upload-button:hover{border-color:var(--color-accent-primary)}.avatar-upload-button:disabled{cursor:default;opacity:.7}.avatar-upload-image{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}.avatar-upload-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--color-text-muted);line-height:1}.avatar-upload-overlay,.avatar-upload-hover-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;border-radius:50%}.avatar-upload-overlay{background:#0009}.avatar-upload-hover-overlay{background:#0006;opacity:0;transition:opacity .15s ease;color:#fff}.avatar-upload-button:hover .avatar-upload-hover-overlay{opacity:1}.avatar-upload-progress{width:48px;height:48px}.avatar-upload-ring{transform:rotate(-90deg)}.avatar-upload-remove{position:absolute;top:-4px;right:-4px;width:22px;height:22px;border-radius:50%;background:var(--color-error);border:2px solid var(--color-bg-primary);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;z-index:1;transition:transform .1s ease}.avatar-upload-remove:hover{transform:scale(1.1)}.avatar-upload-error{font-size:var(--font-size-xs);color:var(--color-error);margin:var(--spacing-xs) 0 0 0;text-align:center}.banner-upload-wrapper{position:relative}.banner-upload{width:100%;height:160px;border:2px dashed var(--color-border);border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-tertiary);cursor:pointer;padding:0;position:relative;transition:border-color .15s ease}.banner-upload:hover{border-color:var(--color-accent-primary)}.banner-upload:disabled{cursor:default;opacity:.7}.banner-upload--dragging{border-color:var(--color-accent-primary);background:var(--color-accent-glow)}.banner-upload-image{width:100%;height:100%;object-fit:cover}.banner-upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--spacing-xs);color:var(--color-text-muted);font-size:var(--font-size-sm)}.banner-upload-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs)}.banner-upload-hover-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0006;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs);color:#fff;font-size:var(--font-size-sm);opacity:0;transition:opacity .15s ease}.banner-upload:hover .banner-upload-hover-overlay{opacity:1}.banner-upload-progress-bar{width:120px;height:4px;background:#fff3;border-radius:2px;overflow:hidden}.banner-upload-progress-fill{height:100%;background:var(--color-accent-primary);transition:width .2s ease;border-radius:2px}.banner-upload-progress-text{font-size:var(--font-size-xs);color:#fff}.banner-upload-remove{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);width:28px;height:28px;border-radius:50%;background:var(--color-bg-primary);border:1px solid var(--color-border);color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;z-index:1;transition:all .15s ease}.banner-upload-remove:hover{background:var(--color-error);color:#fff;border-color:var(--color-error)}.banner-upload-error{font-size:var(--font-size-xs);color:var(--color-error);margin:var(--spacing-xs) 0 0 0}.profile-color-picker{display:flex;flex-direction:column;gap:var(--spacing-xs)}.profile-color-picker-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-secondary)}.profile-color-picker-controls{display:flex;align-items:center;gap:var(--spacing-sm)}.profile-color-picker-native{position:absolute;width:0;height:0;opacity:0;pointer-events:none;overflow:hidden}.profile-color-picker-swatch{width:36px;height:36px;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;padding:0;position:relative;transition:border-color .15s ease}.profile-color-picker-swatch:hover{border-color:var(--color-border-focus)}.profile-color-picker-swatch:disabled{cursor:default;opacity:.6}.profile-color-picker-swatch--default{background:var(--color-bg-tertiary);border-style:dashed}.profile-color-picker-strike{width:100%;height:100%;display:block}.profile-color-picker-strike line{stroke:var(--color-text-muted);stroke-width:2;stroke-linecap:round}.profile-color-picker-clear{width:24px;height:24px;border-radius:50%;background:var(--color-bg-tertiary);border:1px solid var(--color-border);color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:all .15s ease}.profile-color-picker-clear:hover{color:var(--color-text-primary);border-color:var(--color-border-focus)}.profile-color-picker-value{font-size:var(--font-size-xs);color:var(--color-text-muted);font-family:var(--font-family-mono, monospace)}.privacy-select-control{display:flex;align-items:center;gap:var(--spacing-xs)}.privacy-select-label{font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap}.privacy-select-trigger{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-primary);font-size:var(--font-size-sm);cursor:pointer;min-width:100px;transition:all .15s ease}.privacy-select-trigger:hover{border-color:var(--color-border-focus)}.privacy-select-trigger[data-disabled]{opacity:.5;cursor:default}.privacy-select-indicator{color:var(--color-text-muted);flex-shrink:0}.privacy-select-content{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--spacing-xs);z-index:100;min-width:120px}.privacy-select-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-text-primary);cursor:pointer;transition:background .1s ease}.privacy-select-item:hover,.privacy-select-item[data-highlighted]{background:var(--color-bg-hover)}.privacy-select-item[data-state=checked]{color:var(--color-accent-primary)}.privacy-select-item-indicator{color:var(--color-accent-primary);flex-shrink:0}.report-select-control{display:flex;flex-direction:column}.report-select-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--spacing-sm) var(--spacing-md);font-family:var(--font-sans);font-size:var(--font-size-md);color:var(--color-text-primary);background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);outline:none}.report-select-trigger:hover:not(:disabled){border-color:var(--color-text-muted)}.report-select-trigger:focus{border-color:var(--color-accent-primary);box-shadow:0 0 0 3px var(--color-accent-glow)}.report-select-trigger[data-placeholder]{color:var(--color-text-muted)}.report-select-indicator{color:var(--color-text-muted);flex-shrink:0}.report-select-content{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:var(--spacing-xs);z-index:calc(var(--z-modal) + 10)}.report-select-item{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);font-size:var(--font-size-md);color:var(--color-text-primary);cursor:pointer;transition:background-color var(--transition-fast)}.report-select-item:hover{background:var(--color-bg-hover)}.report-select-item[data-state=checked]{color:var(--color-accent-primary)}.report-select-item-indicator{color:var(--color-accent-primary);flex-shrink:0}.profile-view{display:flex;flex-direction:column;gap:var(--spacing-lg)}.profile-view .btn-primary{background:var(--profile-accent, linear-gradient(135deg, var(--color-accent-primary) 0%, var(--color-accent-secondary) 100%))}.profile-view .btn-primary:hover:not(:disabled){filter:brightness(1.1)}.profile-view .achievement-card{background:var(--profile-card-bg, var(--color-bg-secondary));border:1px solid;border-color:color-mix(in srgb,var(--profile-accent, var(--profile-card-bg, var(--color-border))) 38%,var(--color-border));border-radius:var(--radius-lg);box-shadow:none}.profile-view .achievement-card-icon{background:color-mix(in srgb,var(--profile-accent, var(--color-accent-primary)) 12%,transparent);color:var(--profile-accent, var(--color-accent-primary))}.profile-view .achievement-select-trigger{border-color:color-mix(in srgb,var(--profile-accent, var(--color-border)) 40%,transparent);background:var(--profile-card-bg, var(--color-bg-secondary))}.profile-view .achievement-select-trigger:hover{border-color:var(--profile-accent, var(--color-accent-primary))}.profile-view .achievement-select-indicator{color:var(--profile-accent, var(--color-text-muted))}.profile-view-loading{display:flex;justify-content:center;padding:var(--spacing-xl) 0}.profile-view-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-bg-secondary)}.profile-view>.profile-view-card{border-color:color-mix(in srgb,var(--profile-accent, var(--profile-card-bg, var(--color-border))) 38%,var(--color-border))}.profile-view-banner{height:180px;background-size:cover;background-position:center;background-color:var(--color-bg-tertiary)}@media(max-width:600px){.profile-view-banner{height:120px}}.profile-view-body{padding:var(--spacing-lg);padding-top:calc(var(--spacing-lg) + 36px);position:relative}.profile-view-avatar-wrapper{position:absolute;top:-48px;left:var(--spacing-lg)}.profile-view-avatar{width:96px;height:96px;border-radius:50%;object-fit:cover;border:4px solid var(--color-bg-secondary);background:var(--color-bg-secondary)}.profile-view-avatar--placeholder{display:flex;align-items:center;justify-content:center;font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-secondary)}@media(max-width:600px){.profile-view-avatar{width:72px;height:72px}}.profile-view-name-row{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);flex-wrap:wrap;margin-bottom:var(--spacing-md)}.profile-view-display-name{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0}.profile-view-username{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.profile-view-friendship{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:var(--spacing-xs) 0 0 0}.profile-view-bio{font-size:var(--font-size-md);color:var(--color-text-primary);line-height:1.5;margin:0 0 var(--spacing-md) 0}.profile-view-meta{font-size:var(--font-size-xs);color:var(--color-text-muted);margin:0 0 var(--spacing-xs) 0}.profile-view-meta:last-child{margin-bottom:0}.account-update-section{display:flex;flex-direction:column;gap:var(--spacing-sm)}.account-update-version{display:flex;align-items:center;gap:var(--spacing-md)}.account-update-message{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0}.account-update-actions{display:flex;gap:var(--spacing-sm);align-items:center}.account-status-error{color:var(--color-error)}.about-updates-container{display:flex;flex-direction:column;gap:var(--spacing-2xl)}.about-updates-header.page-header{margin-bottom:0}.about-updates-web-card .about-updates-web-card__inner{display:flex;flex-direction:column;gap:var(--spacing-md);align-items:flex-start}.about-updates-web-card .about-updates-web-card__title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.about-updates-web-card .about-updates-web-card__hint{margin:0;color:var(--color-text-muted);line-height:1.45}.desktop-updates-panel .account-overview,.desktop-updates-panel .account-details{gap:0}.desktop-updates-panel .account-detail-row{align-items:flex-start;gap:var(--spacing-lg);padding:var(--spacing-md) 0 0;border-bottom:none}.desktop-updates-panel .account-detail-label{flex-shrink:0;min-width:5.75rem;padding-top:2px;line-height:1.45}.desktop-updates-panel .account-detail-content{flex:1;min-width:0;justify-content:flex-start}.desktop-updates-panel .account-update-section{width:100%;gap:var(--spacing-md)}.desktop-updates-panel .desktop-updates-win-log-hint,.desktop-updates-panel .desktop-updates-in-app-log-hint{padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-bg-tertiary) 85%,transparent);border:1px solid var(--color-border-muted);line-height:1.45}.desktop-updates-panel .desktop-updates-in-app-log-hint>p{margin:0 0 var(--spacing-sm)}.desktop-updates-panel .desktop-updates-in-app-log-hint>p:last-of-type{margin-bottom:0}.desktop-updates-panel .desktop-updates-logs-diagnostics{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border-muted)}.desktop-updates-panel .desktop-updates-logs-diagnostics .desktop-updates-win-log-hint+.desktop-updates-in-app-log-hint{margin-top:var(--spacing-md)}.desktop-updates-panel .desktop-updates-log-path{display:block;margin-top:var(--spacing-xs);font-size:var(--font-size-xs);word-break:break-all;white-space:pre-wrap;color:var(--color-text-secondary);background:var(--color-bg-secondary, transparent);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.desktop-updates-panel .desktop-updates-installer-log-link{display:inline;padding:0;margin:0;border:none;background:none;font:inherit;color:var(--color-accent-primary);text-decoration:underline;cursor:pointer;text-align:inherit}.desktop-updates-panel .desktop-updates-installer-log-link:hover{color:var(--color-accent-secondary, var(--color-accent-primary))}.desktop-updates-panel .desktop-updates-installer-log-link:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}.desktop-updates-panel .desktop-updates-cache-tools{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border-muted)}.desktop-updates-panel .desktop-updates-cache-tools__title{margin:0 0 var(--spacing-xs);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.desktop-updates-panel .desktop-updates-cache-tools__hint{margin:0 0 var(--spacing-md);font-size:var(--font-size-xs);color:var(--color-text-secondary);line-height:1.45}.desktop-updates-panel .desktop-updates-cache-tools__post-clear{display:flex;flex-direction:column;gap:var(--spacing-sm)}.moderation-filter-label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.moderation-filter-select{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-sm)}.moderation-filter-select:focus{outline:2px solid var(--color-accent-primary);outline-offset:1px}.moderation-status-badge{display:inline-block;padding:.125rem .5rem;border-radius:var(--radius-full, 999px);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:capitalize}.moderation-status-open{background:var(--color-warning-bg, rgba(250, 200, 50, .15));color:var(--color-warning, #b58900)}.moderation-status-escalated{background:var(--color-error-bg, rgba(220, 50, 50, .12));color:var(--color-error, #dc322f)}.moderation-status-resolved{background:var(--color-success-bg, rgba(50, 200, 80, .12));color:var(--color-success, #2aa198)}.moderation-status-closed{background:var(--color-surface-alt, rgba(128, 128, 128, .1));color:var(--color-text-secondary)}.moderation-report-row:hover td{background:var(--color-surface-hover, rgba(128, 128, 128, .06))}.moderation-cell-mono{font-family:var(--font-mono, monospace);font-size:var(--font-size-xs);word-break:break-all}.moderation-detail-grid{display:grid;grid-template-columns:10rem 1fr;gap:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm)}.moderation-detail-grid dt{color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.moderation-detail-grid dd{margin:0}.moderation-copyable-id{display:inline-flex;align-items:center;gap:.35rem;background:none;border:none;padding:0;color:inherit;font:inherit;cursor:pointer;border-radius:var(--radius-xs, 2px);transition:color .15s ease,opacity .15s ease}.moderation-copyable-id svg{opacity:.35;flex-shrink:0;transition:opacity .15s ease}.moderation-copyable-id:hover{color:var(--color-accent-primary)}.moderation-copyable-id:hover svg{opacity:.8}.moderation-textarea{width:100%;padding:var(--spacing-sm);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-family:inherit;font-size:var(--font-size-sm);resize:vertical}.moderation-textarea:focus{outline:2px solid var(--color-accent-primary);outline-offset:1px}.moderation-action-form{margin-top:var(--spacing-md);padding:var(--spacing-md);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface-alt, rgba(0, 0, 0, .02))}.moderation-action-form h3{margin:0 0 var(--spacing-sm);font-size:var(--font-size-base)}.moderation-action-checks{display:flex;flex-wrap:wrap;gap:var(--spacing-sm) var(--spacing-lg);margin-top:var(--spacing-sm);font-size:var(--font-size-sm)}.moderation-action-checks label{display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer}.moderation-timeline{display:flex;flex-direction:column;gap:var(--spacing-sm)}.moderation-timeline-event{padding:var(--spacing-sm) var(--spacing-md);border-left:3px solid var(--color-border-subtle);font-size:var(--font-size-sm)}.moderation-event-comment_internal{border-left-color:var(--color-warning, #b58900)}.moderation-event-enforcement_action{border-left-color:var(--color-error, #dc322f)}.moderation-timeline-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:.125rem}.moderation-timeline-type{font-weight:var(--font-weight-medium);text-transform:capitalize}.moderation-timeline-date{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.moderation-timeline-body{margin:.25rem 0 0;white-space:pre-wrap}.support-page-header{display:flex;flex-wrap:wrap;gap:var(--spacing-md);justify-content:space-between;align-items:flex-start}.support-loading,.support-loading-page{display:flex;justify-content:center;padding:var(--spacing-xl)}.support-loading-page{min-height:12rem;align-items:center}.support-pagination{margin-top:var(--spacing-md)}.support-ticket-list{display:none;list-style:none;margin:0;padding:0}.support-ticket-list-item{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);text-decoration:none;color:inherit;transition:background .15s,border-color .15s}.support-ticket-list-item:hover{background:var(--color-surface-hover, var(--color-bg-hover));border-color:var(--color-border-focus, var(--color-primary))}.support-ticket-list-item:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.support-ticket-list-title{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);word-break:break-word}.support-ticket-list-id{font-family:var(--font-family-mono, monospace);font-size:var(--font-size-xs);color:var(--color-text-secondary);word-break:break-all}.support-ticket-list-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm)}.support-ticket-list-category,.support-ticket-list-date{font-size:var(--font-size-xs);color:var(--color-text-secondary)}.support-back-link{display:inline-block;margin-bottom:var(--spacing-sm);color:var(--color-text-secondary);font-size:var(--font-size-sm);text-decoration:none}.support-back-link:hover{color:var(--color-primary)}.support-ticket-meta{display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:var(--spacing-md) var(--spacing-xl)}.support-ticket-meta dt{font-size:var(--font-size-xs);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;margin-bottom:var(--spacing-xs)}.support-ticket-meta dd{margin:0;font-size:var(--font-size-sm)}.support-ticket-body{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border);min-width:0;overflow-wrap:anywhere;word-break:break-word}.support-ticket-body .dm-md-codeblock{overflow-x:auto;max-width:100%}.support-ticket-attachments{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-top:var(--spacing-md)}.support-ticket-attachment{max-width:100%;max-height:16rem;border-radius:var(--radius-md)}.support-ticket-timeline-card{margin-top:var(--spacing-lg)}.support-ticket-section-title{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-lg)}.support-timeline{display:flex;flex-direction:column;gap:var(--spacing-md)}.support-timeline-system{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-xs) 0}.support-timeline-system-text{font-size:var(--font-size-xs);color:var(--color-text-secondary);font-style:italic}.support-timeline-time{font-size:var(--font-size-xs);color:var(--color-text-secondary);white-space:nowrap}.support-timeline-comment{border-radius:var(--radius-md);padding:var(--spacing-md);border:1px solid var(--color-border);background:var(--color-surface);min-width:0;background:color-mix(in srgb,var(--color-accent-primary) 20%,var(--color-border) 50%);border-color:color-mix(in srgb,var(--color-accent-primary) 28%,var(--color-border))}.support-timeline-comment--staff{border-left:3px solid var(--color-primary)}.support-timeline-comment--user{border-left:3px solid var(--color-text-secondary)}.support-timeline-comment--own{background:none;border-color:none;border:none}.support-timeline-comment--user.support-timeline-comment--own{border-left-color:color-mix(in srgb,var(--color-text-secondary) 70%,var(--color-accent-primary))}.support-timeline-comment--staff.support-timeline-comment--own{background:color-mix(in srgb,var(--color-accent-primary) 16%,var(--color-surface));border-left-color:var(--color-accent-primary)}.support-timeline-comment--internal.support-timeline-comment--own{background:color-mix(in srgb,var(--color-warning, #b58900) 14%,var(--color-surface));border-color:color-mix(in srgb,var(--color-warning, #b58900) 32%,var(--color-border));border-left-color:var(--color-warning, #b58900)}.support-timeline-comment-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.support-timeline-actor{font-size:var(--font-size-sm);font-weight:600;flex:1;min-width:0}.support-timeline-comment--staff .support-timeline-actor{color:var(--color-primary)}.support-timeline-comment-body{font-size:var(--font-size-sm);line-height:1.5;min-width:0;overflow-wrap:anywhere;word-break:break-word}.support-timeline-comment-body .dm-md-codeblock{overflow-x:auto;max-width:100%}.support-timeline-comment--internal{border-left:3px solid var(--color-warning, #b58900);background:color-mix(in srgb,var(--color-warning, #b58900) 6%,var(--color-surface))}.support-timeline-comment--internal .support-timeline-actor{color:var(--color-warning, #b58900)}.support-timeline-internal-badge{display:inline-flex;align-items:center;padding:.1rem .45rem;border-radius:var(--radius-full, 999px);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.03em;background:color-mix(in srgb,var(--color-warning, #b58900) 18%,transparent);color:var(--color-warning, #b58900);flex-shrink:0}.support-ticket-timeline-card--moderation{margin-top:0}.moderation-ticket-comment-form{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.moderation-ticket-comment-visibility{display:flex;flex-wrap:wrap;gap:var(--spacing-md);margin-top:var(--spacing-sm);font-size:var(--font-size-sm)}.moderation-ticket-comment-visibility label{display:flex;align-items:center;gap:var(--spacing-xs);cursor:pointer}.support-comment-form{margin-top:var(--spacing-lg);padding-top:var(--spacing-lg);border-top:1px solid var(--color-border)}.support-comment-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.support-resolve-form{margin-top:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface)}.md-textarea{border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.md-textarea-tabs{display:flex;border-bottom:1px solid var(--color-border);background:var(--color-surface)}.md-textarea-tab{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm);background:none;border:none;color:var(--color-text-secondary);cursor:pointer;border-bottom:2px solid transparent;transition:color .15s,border-color .15s}.md-textarea-tab:hover{color:var(--color-text)}.md-textarea-tab--active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.md-textarea-input{width:100%;padding:var(--spacing-md);border:none;background:var(--color-surface);color:var(--color-text);font-family:var(--font-family-mono, monospace);font-size:var(--font-size-sm);resize:vertical;min-height:60px}.md-textarea-input:focus{outline:none}.md-textarea-preview{padding:var(--spacing-md);font-size:var(--font-size-sm);line-height:1.6;background:var(--color-surface);overflow-y:auto;min-width:0;overflow-wrap:anywhere;word-break:break-word}.md-textarea-preview .dm-md-codeblock{overflow-x:auto;max-width:100%}.md-textarea-preview-empty{color:var(--color-text-secondary);font-style:italic}@media(max-width:600px){.support-page{padding:var(--spacing-md)}.support-page .container{padding:0}.support-page .card{padding:var(--spacing-md)}.support-page .page-title{word-break:break-word}.support-page-header{flex-direction:column;align-items:stretch}.support-page-header .btn{width:100%}.support-ticket-table{display:none}.support-ticket-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.support-ticket-meta{grid-template-columns:1fr}.support-timeline-system{flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:var(--spacing-xs)}.support-timeline-comment-header{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;column-gap:var(--spacing-sm);row-gap:2px}.support-timeline-comment-header>:first-child{grid-row:1/3;align-self:start}.support-timeline-internal-badge{grid-column:2;justify-self:start;margin-top:2px}.support-timeline-comment-header:has(.support-timeline-internal-badge){grid-template-rows:auto auto auto}.support-timeline-comment-header:has(.support-timeline-internal-badge) .support-timeline-time{grid-row:3}.support-timeline-actor{flex:unset;overflow:hidden;text-overflow:ellipsis}.support-timeline-time{grid-column:2;white-space:normal}.support-comment-actions,.support-page .admin-action-bar{flex-direction:column;align-items:stretch}.support-comment-actions .btn,.support-page .admin-action-bar .btn{width:100%}.support-pagination{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center}.support-pagination .btn{width:auto;flex:1;min-width:0}}.gif-picker-popover{z-index:var(--z-popover, 100);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border);box-shadow:0 4px 16px #0003;background:var(--color-bg-elevated);padding:0}.gif-picker{display:flex;flex-direction:column;width:340px;height:440px;background:var(--color-bg-elevated);border-radius:var(--radius-md)}.gif-picker__tabs{display:flex;align-items:center;border-bottom:1px solid var(--color-border);position:relative;padding:0 var(--spacing-sm)}.gif-picker__tab{flex:1;padding:var(--spacing-sm) var(--spacing-md);border:none;background:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium, 500);color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast)}.gif-picker__tab:hover{color:var(--color-text-primary)}.gif-picker__tab[data-selected]{color:var(--color-accent-primary)}.gif-picker__tab-indicator{position:absolute;bottom:0;height:2px;background:var(--color-accent-primary);border-radius:2px 2px 0 0;transition:left .2s ease,width .2s ease}.gif-picker__search{margin:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--font-size-sm);outline:none}.gif-picker__search::placeholder{color:var(--color-text-muted)}.gif-picker__search:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 2px rgba(var(--color-primary-rgb, 99, 102, 241),.15)}.gif-picker__rate-limit{margin:0 var(--spacing-sm) var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-warning-text, var(--color-warning));background:color-mix(in srgb,var(--color-warning) 10%,transparent);border-radius:var(--radius-sm);text-align:center}.gif-picker__grid{flex:1;overflow-y:auto;padding:0 var(--spacing-sm) var(--spacing-sm);display:flex;flex-direction:column;align-items:center}.gif-picker__masonry{position:relative;width:308px;flex-shrink:0}.gif-picker__placeholder-grid{display:grid;grid-template-columns:repeat(2,150px);gap:8px;width:308px}.gif-picker__tile{display:block;padding:0;border:none;border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;background-size:cover;background-position:center;transition:transform .1s ease}.gif-picker__tile:hover{transform:scale(1.03)}.gif-picker__tile:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}.gif-picker__tile-img{display:block;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .2s ease}.gif-picker__tile-img--loaded{opacity:1}.gif-picker__placeholder{height:110px;border-radius:var(--radius-sm);background:var(--color-bg-muted);animation:gif-picker-shimmer 1.2s ease infinite}.gif-picker__empty,.gif-picker__error{width:100%;padding:var(--spacing-lg);text-align:center;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.gif-picker__retry{display:inline-block;margin-top:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:var(--font-size-xs);cursor:pointer}.gif-picker__retry:hover{background:var(--color-bg-hover)}.gif-picker__page-loader{width:100%;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md) 0}.gif-picker__spinner{width:22px;height:22px;border:2px solid var(--color-border);border-top-color:var(--color-accent-primary);border-radius:50%;animation:gif-picker-spin .7s linear infinite}.gif-picker__sentinel{height:1px;width:100%}.gif-picker__attribution{display:flex;align-items:center;justify-content:center;padding:var(--spacing-xs) var(--spacing-sm);border-top:1px solid var(--color-border)}.gif-picker__attribution-logo{height:18px;width:auto;opacity:.7}@keyframes gif-picker-shimmer{0%,to{opacity:.5}50%{opacity:.8}}@keyframes gif-picker-spin{to{transform:rotate(360deg)}}.composer-gif-preview{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary)}.composer-gif-preview__img{width:48px;height:48px;object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0}.composer-gif-preview__label{flex:1;font-size:var(--font-size-sm);color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.composer-gif-preview__remove{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:var(--radius-full);background:transparent;color:var(--color-text-muted);cursor:pointer;flex-shrink:0}.composer-gif-preview__remove:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.composer-gif-preview__remove svg{width:14px;height:14px}.gif-attachment{position:relative;border-radius:var(--radius-md);overflow:hidden;margin-top:var(--spacing-xs);background-size:cover;background-position:center}.gif-attachment__img{display:block;width:100%;height:auto;opacity:0;transition:opacity .2s ease}.gif-attachment__img--loaded{opacity:1}.gif-attachment__watermark{position:absolute;bottom:6px;left:6px;pointer-events:none;line-height:0}.gif-attachment__watermark img{display:block;max-height:10px;width:auto;opacity:.7;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.gif-fallback{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);margin-top:var(--spacing-xs);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-accent-primary) 12%,transparent);border:1px solid color-mix(in srgb,var(--color-accent-primary) 25%,transparent)}.gif-fallback__label{flex:1;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium, 500);color:var(--color-accent-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gif-fallback__reveal{flex-shrink:0;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid color-mix(in srgb,var(--color-accent-primary) 40%,transparent);border-radius:var(--radius-sm);background:transparent;font-size:var(--font-size-xs);color:var(--color-accent-primary);cursor:pointer;transition:background var(--transition-fast)}.gif-fallback__reveal:hover{background:color-mix(in srgb,var(--color-accent-primary) 18%,transparent)}.custom-emoji-tier-summary{display:flex;flex-direction:column;gap:.375rem;margin-bottom:1rem}.custom-emoji-tier-label{font-size:.8125rem;color:var(--color-text-muted)}.custom-emoji-tier-bar{height:6px;border-radius:3px;background:var(--color-border);overflow:hidden}.custom-emoji-tier-bar-fill{height:100%;border-radius:3px;background:var(--color-accent-primary);transition:width .3s ease}.custom-emoji-header-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:1.25rem}.custom-emoji-limit-note{font-size:.75rem;color:var(--color-text-muted)}.custom-emoji-loading{display:flex;justify-content:center;padding:2rem 0}.custom-emoji-empty{text-align:center;color:var(--color-text-muted);padding:2rem 0;font-size:.875rem}.custom-emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}@media(max-width:480px){.custom-emoji-grid{grid-template-columns:1fr}}.custom-emoji-card{display:flex;flex-direction:column;align-items:stretch;gap:.5rem;padding:.625rem;border-radius:8px;background:var(--color-surface-secondary, var(--color-bg-secondary));transition:background .15s ease}.custom-emoji-card:hover{background:var(--color-surface-hover, var(--color-bg-hover))}.custom-emoji-card-main{display:flex;flex-direction:row;align-items:flex-start;gap:.625rem;min-width:0}.custom-emoji-card-preview{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.custom-emoji-card-img{max-width:40px;max-height:40px;object-fit:contain;border-radius:4px}.custom-emoji-card-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:.125rem}.custom-emoji-card-name{font-size:.8125rem;font-weight:500;color:var(--color-text-primary);word-break:break-word;overflow-wrap:anywhere}.custom-emoji-card-shortcode{font-size:.75rem;color:var(--color-text-muted);font-family:var(--font-mono, monospace);word-break:break-all;overflow-wrap:anywhere}.custom-emoji-card-actions{flex-shrink:0;display:flex;gap:.25rem;justify-content:flex-end;opacity:0;transition:opacity .15s ease}.custom-emoji-card:hover .custom-emoji-card-actions{opacity:1}.custom-emoji-dialog{max-width:420px;width:100%}.custom-emoji-dialog--bulk{max-width:540px;transition:outline-color .15s ease}.custom-emoji-dialog--drag-active{outline:2px solid var(--color-accent-primary);outline-offset:-2px}.bulk-emoji-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem 0;border-radius:12px;transition:background .15s ease}.bulk-emoji-dropzone--active{background:color-mix(in srgb,var(--color-accent-primary) 8%,transparent)}.custom-emoji-upload-trigger{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;width:100%;min-height:148px;padding:1.25rem 1rem;border:2px dashed var(--color-border);border-radius:12px;background:transparent;color:var(--color-text-muted);cursor:pointer;transition:border-color .15s ease,color .15s ease}.custom-emoji-upload-trigger:hover:not(:disabled){border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.custom-emoji-upload-trigger:disabled{opacity:.5;cursor:not-allowed}.custom-emoji-upload-trigger span{font-size:.8125rem}.bulk-emoji-dropzone--active .custom-emoji-upload-trigger{border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.custom-emoji-upload-hint{font-size:.6875rem!important;color:var(--color-text-muted)}.bulk-emoji-list{display:flex;flex-direction:column;gap:.625rem;max-height:400px;overflow-y:auto;padding-right:.25rem}.bulk-emoji-item{display:flex;align-items:flex-start;gap:.625rem;padding:.5rem .625rem;border-radius:8px;background:var(--color-surface-secondary, var(--color-bg-secondary));transition:background .15s ease,opacity .2s ease}.bulk-emoji-item--saved{opacity:.6}.bulk-emoji-item--failed{background:color-mix(in srgb,var(--color-error, #e53e3e) 6%,var(--color-surface-secondary, var(--color-bg-secondary)))}.bulk-emoji-item-preview{flex-shrink:0;position:relative;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:var(--color-surface-primary, var(--color-bg-primary))}.bulk-emoji-item-preview img{max-width:36px;max-height:36px;object-fit:contain;border-radius:4px}.bulk-emoji-item-check{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;border-radius:6px;background:color-mix(in srgb,var(--color-accent-primary) 70%,transparent);color:var(--color-text-on-accent, #fff)}.bulk-emoji-item-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.25rem}.bulk-emoji-item-name-input{font-size:.8125rem}.bulk-emoji-item-status{font-size:.75rem;color:var(--color-text-muted)}.bulk-emoji-item-status--done{color:var(--color-accent-primary);font-family:var(--font-mono, monospace)}.bulk-emoji-item-remove{flex-shrink:0;align-self:center}.bulk-emoji-add-more{display:flex;align-items:center;justify-content:center;gap:.375rem;padding:.5rem;border:2px dashed var(--color-border);border-radius:8px;background:transparent;color:var(--color-text-muted);font-size:.8125rem;cursor:pointer;transition:border-color .15s ease,color .15s ease}.bulk-emoji-add-more:hover{border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.custom-emoji-upload-status{width:100%;max-width:200px;display:flex;flex-direction:column;align-items:center;gap:.25rem}.bulk-emoji-item-body .custom-emoji-upload-status{max-width:none;align-items:flex-start}.custom-emoji-upload-progress-bar{width:100%;height:4px;border-radius:2px;background:var(--color-border);overflow:hidden}.custom-emoji-upload-progress-fill{height:100%;border-radius:2px;background:var(--color-accent-primary);transition:width .3s ease}.custom-emoji-upload-status-label{font-size:.75rem;color:var(--color-text-muted)}.custom-emoji-upload-error{font-size:.75rem;color:var(--color-error, #e53e3e);margin:0}.custom-emoji-metadata-fields{display:flex;flex-direction:column;gap:.75rem}.custom-emoji-field{display:flex;flex-direction:column;gap:.25rem}.custom-emoji-field-label{font-size:.8125rem;font-weight:500;color:var(--color-text-secondary, var(--color-text-primary))}.custom-emoji-shortcode-wrapper{display:flex;align-items:center;gap:.125rem}.custom-emoji-shortcode-colon{font-family:var(--font-mono, monospace);font-size:.9375rem;color:var(--color-text-muted);-webkit-user-select:none;user-select:none}.custom-emoji-shortcode-input{flex:1;font-family:var(--font-mono, monospace)!important}.custom-emoji-field-error{font-size:.75rem;color:var(--color-error, #e53e3e);margin:0}.custom-emoji-save-error{margin-top:.5rem}.custom-emoji-edit-row{display:flex;flex-direction:column;gap:.5rem;width:100%}.custom-emoji-edit-fields{display:flex;flex-direction:column;gap:.375rem}.custom-emoji-edit-actions{display:flex;gap:.375rem;justify-content:flex-end}.btn-danger-ghost{color:var(--color-error, #e53e3e)}.btn-danger-ghost:hover{background:#e53e3e1a}.checkout-complete-page{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:var(--ark-space-6, 1.5rem)}.checkout-complete-card{max-width:32rem;width:100%}.checkout-complete-title{margin-top:0;margin-bottom:var(--ark-space-3, .75rem);font-size:var(--ark-font-size-xl, 1.25rem)}.checkout-complete-body{margin:0 0 var(--ark-space-5, 1.25rem);color:var(--ark-color-text-muted, inherit);line-height:1.5}.checkout-complete-actions{margin-bottom:var(--ark-space-4, 1rem)}.checkout-complete-dev-hint{margin-top:var(--ark-space-4, 1rem);font-size:var(--ark-font-size-sm, .875rem)}.checkout-pending-banner__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--ark-space-3, .75rem)}.checkout-pending-banner__message{margin:0;flex:1 1 12rem}.comparison-table-shell{--comparison-table-pin-width: max(300px, min(20rem, 40vw));position:relative;min-width:0;max-width:100%}.comparison-table-scroll{overflow-x:auto;overflow-y:visible;-webkit-overflow-scrolling:touch;width:100%;overscroll-behavior-x:contain;touch-action:pan-x pan-y}.comparison-table-scroll--can-pan-x thead tr:first-child th{cursor:grab}.comparison-table-scroll--dragging{cursor:grabbing}.comparison-table-scroll--dragging thead tr:first-child th{cursor:grabbing;-webkit-user-select:none;user-select:none}.comparison-table-col-feature{width:var(--comparison-table-pin-width)}.comparison-table-table{width:100%;min-width:48rem;border-collapse:collapse;font-size:var(--font-size-sm)}.comparison-table-scroll-nudge-bar{position:sticky;top:0;z-index:7;display:grid;grid-template-columns:minmax(2.5rem,auto) 1fr minmax(2.5rem,auto);align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-elevated);color:var(--color-text-primary);box-shadow:var(--shadow-md)}.comparison-table-scroll-nudge-bar__side{display:flex;justify-content:flex-start;min-width:2.25rem}.comparison-table-scroll-nudge-bar__side--end{justify-content:flex-end}.comparison-table-scroll-nudge-hint{margin:0;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1.35;text-align:center;color:var(--color-text-secondary)}.comparison-table-scroll-nudge-btn{display:flex;align-items:center;justify-content:center;width:2.35rem;height:2.35rem;margin:0;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-text-primary);box-shadow:var(--shadow-sm);cursor:pointer}.comparison-table-scroll-nudge-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-primary)}.comparison-table-scroll-nudge-btn:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:2px}.comparison-table-scroll-nudge-placeholder{display:block;width:2.35rem;height:2.35rem}.comparison-table--subscription .comparison-table-scroll-nudge-bar{border:1px solid color-mix(in srgb,var(--color-accent-primary) 35%,var(--color-border));background:color-mix(in srgb,var(--color-accent-primary) 12%,var(--color-bg-elevated));box-shadow:var(--shadow-md),inset 0 1px color-mix(in srgb,var(--color-accent-primary) 18%,transparent)}.comparison-table--subscription .comparison-table-scroll-nudge-hint{color:color-mix(in srgb,var(--color-text-primary) 88%,var(--color-accent-primary))}.comparison-table--subscription .comparison-table-scroll-nudge-btn{border:1px solid color-mix(in srgb,var(--color-accent-primary) 45%,var(--color-border));background:color-mix(in srgb,var(--color-accent-primary) 18%,var(--color-bg-secondary));color:var(--color-accent-primary)}.comparison-table--subscription .comparison-table-scroll-nudge-btn:hover{background:color-mix(in srgb,var(--color-accent-primary) 26%,var(--color-bg-secondary));color:var(--color-accent-secondary)}.comparison-table-tier-heading{display:flex;flex-direction:column;align-items:center;gap:2px}.comparison-table-tier-heading-name{display:block;line-height:1.2}.comparison-table-tier-heading-sub{display:block;font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);color:var(--color-text-muted)}.comparison-table-feature-col,.comparison-table-tier-col{padding:var(--spacing-sm) var(--spacing-sm);text-align:left;vertical-align:bottom;border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.comparison-table-pin-col{position:sticky;left:0;z-index:2;box-shadow:3px 0 10px color-mix(in srgb,var(--color-text-primary) 8%,transparent)}.comparison-table-pin-col--header{z-index:3;background:var(--color-bg-secondary)}.comparison-table-feature-col.comparison-table-pin-col{min-width:var(--comparison-table-pin-width);max-width:var(--comparison-table-pin-width);box-sizing:border-box;overflow-wrap:anywhere}tbody .comparison-table-pin-col{background:var(--color-bg-primary)}.comparison-table-tier-col{text-align:center}.comparison-table-actions-row td{padding:var(--spacing-md);vertical-align:top;border-bottom:1px solid var(--color-border);background:var(--color-bg-secondary)}.comparison-table-actions-pin{padding:var(--spacing-md) var(--spacing-sm)}.comparison-table-actions-cell{text-align:center}.comparison-table-actions-cell .subscription-tier-status{align-items:center}.comparison-table-actions-cell .subscription-manage-btn,.comparison-table-actions-cell .subscription-subscribe-btn{width:100%;max-width:11rem;margin-left:auto;margin-right:auto}.comparison-table-price{margin:0 0 var(--spacing-xs);font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-align:center}.comparison-table-feature-name{padding:var(--spacing-sm) var(--spacing-sm);text-align:left;font-weight:var(--font-weight-medium);color:var(--color-text-secondary);border-bottom:1px solid var(--color-border-subtle, var(--color-border));background:var(--color-bg-primary);min-width:var(--comparison-table-pin-width);max-width:var(--comparison-table-pin-width);box-sizing:border-box;overflow-wrap:anywhere}.comparison-table-cell{padding:var(--spacing-sm) var(--spacing-md);text-align:center;vertical-align:middle;border-bottom:1px solid var(--color-border-subtle, var(--color-border))}.comparison-table-cell-value{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.comparison-table-cell-billing{text-align:center;font-size:var(--font-size-xs);color:var(--color-text-secondary);max-width:10rem}.comparison-table-billing-amount{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:1.3}.comparison-table-billing-kind{margin-top:var(--spacing-2xs);font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);color:var(--color-text-secondary);line-height:1.35}.comparison-table-billing-loading{display:flex;align-items:center;justify-content:center;min-height:2rem}.comparison-table-feature-name-with-note .comparison-table-feature-label{margin-right:var(--spacing-2xs)}.comparison-footnote-refs{display:inline-flex;flex-wrap:wrap;align-items:baseline;gap:0 .15em;margin-left:.05em}a.comparison-footnote-ref{margin-left:.1em;color:var(--color-accent-primary);text-decoration:none;font-weight:var(--font-weight-semibold)}a.comparison-footnote-ref:hover,a.comparison-footnote-ref:focus-visible{text-decoration:underline}a.comparison-footnote-ref:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:2px;border-radius:var(--radius-sm)}.comparison-table-footnotes-row .comparison-table-footnotes-cell{padding:var(--spacing-md) var(--spacing-sm);border-top:1px solid var(--color-border);background:var(--color-bg-secondary);vertical-align:top}.comparison-table-footnotes{display:flex;flex-direction:column;gap:var(--spacing-sm);font-size:var(--font-size-xs);color:var(--color-text-secondary);text-align:left}.comparison-table-footnote-line{margin:0;line-height:1.45}.comparison-table-footnote-line sup{margin-right:var(--spacing-xs);color:var(--color-accent-primary);font-weight:var(--font-weight-semibold)}.comparison-table-footnote-line-text{color:var(--color-text-secondary)}.comparison-table-billing-row .comparison-table-feature-name,.comparison-table-join-row .comparison-table-feature-name{font-weight:var(--font-weight-semibold)}.comparison-table-join-row .comparison-table-cell-join{padding:var(--spacing-sm) var(--spacing-md);text-align:center;vertical-align:middle;border-bottom:1px solid var(--color-border-subtle, var(--color-border))}.comparison-table-join-btn{font-size:var(--font-size-xs);padding:var(--spacing-xs) var(--spacing-md);white-space:nowrap}.subscription-tier-badge--owned{display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}tbody tr:nth-child(2n) .comparison-table-feature-name,tbody tr:nth-child(2n) .comparison-table-pin-col,tbody tr:nth-child(2n) .comparison-table-cell{background:color-mix(in srgb,var(--color-bg-secondary) 55%,var(--color-bg-primary))}.call-toolbar-btn{display:inline-flex;align-items:center;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0}.call-toolbar-btn__primary{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-text-secondary);cursor:pointer;transition:color var(--transition-fast),background var(--transition-fast);padding:var(--spacing-xs)}.call-toolbar-btn__primary:hover:not(:disabled){color:var(--color-text-primary);background:var(--color-bg-hover)}.call-toolbar-btn__primary:disabled{opacity:.4;cursor:not-allowed}.call-toolbar-btn--in-call .call-toolbar-btn__primary{color:var(--color-success)}.call-device-setup__body{display:flex;flex-direction:column;gap:var(--spacing-lg);padding:var(--spacing-lg)}.call-device-setup__field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.call-device-setup__field label{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.call-device-setup__field select{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:var(--font-size-sm);transition:border-color var(--transition-fast)}.call-device-setup__field select:focus{border-color:var(--color-border-focus);outline:none}.call-device-setup__preview{position:relative;border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-tertiary);aspect-ratio:16/9;max-height:200px}.call-device-setup__preview video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.call-device-setup__note{font-size:var(--font-size-xs);color:var(--color-text-muted)}.call-device-setup__error{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-error-bg);border-radius:var(--radius-md);color:var(--color-error);font-size:var(--font-size-sm)}.call-device-setup__actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--color-border)}.call-overlay{display:none;position:fixed;top:45px;left:min(20vw,300px);right:0;height:calc(50vh - 22px);z-index:100;flex-direction:column;background:var(--color-bg-primary);color:var(--color-text-primary);border-bottom:1px solid var(--color-border);overflow:hidden}.call-overlay[data-call-visible=true]{display:flex}.call-overlay .lk-video-conference{height:100%}.call-overlay-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) var(--spacing-lg);border-bottom:1px solid var(--color-border);flex-shrink:0}.call-overlay-title{display:flex;flex-direction:column;gap:2px}.call-overlay-conversation-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.call-overlay-status{font-size:var(--font-size-xs);color:var(--color-text-muted)}.call-overlay-minimize{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:1.2rem;line-height:1}.call-overlay-minimize:hover{background:var(--color-bg-hover)}.call-overlay-body{flex:1;overflow:auto;display:flex;align-items:center;justify-content:center}.call-overlay-connecting{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);color:var(--color-text-muted)}.call-overlay-connecting p{font-size:var(--font-size-sm)}.call-overlay-footer{flex-shrink:0;display:flex;justify-content:center;padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--color-border)}.app-layout.sidebar-is-collapsed~.call-overlay[data-call-visible=true]{left:64px}.call-conference{display:flex;flex-direction:column;height:100%;overflow:hidden}.call-conference__grid{flex:1;display:grid;gap:var(--spacing-sm);padding:var(--spacing-sm);overflow:hidden}.call-conference__grid--single{grid-template-columns:1fr}.call-conference__grid--small{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(auto-fit,minmax(0,1fr))}.call-conference__grid--large{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(auto-fit,minmax(0,1fr))}.call-conference__tile-wrapper{display:contents}.call-conference__tile{position:relative;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);border-radius:var(--radius-lg);overflow:hidden;min-height:0}.call-conference__tile--local .call-conference__video{transform:scaleX(-1)}.call-conference__tile--screen .call-conference__video{transform:none}.call-conference__video{width:100%;height:100%;object-fit:cover}.call-conference__avatar{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-lg)}.call-conference__overlay{position:absolute;bottom:0;left:0;right:0;display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:linear-gradient(transparent,#0009);color:#fff}.call-conference__name{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.call-conference__muted-icon{display:inline-flex;align-items:center;color:var(--color-error, #ef4444);flex-shrink:0}.call-conference__controls{flex-shrink:0;display:flex;justify-content:center;padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid var(--color-border);background:var(--color-bg-primary)}.call-conference__controls .lk-control-bar{display:flex;gap:var(--spacing-sm)}.call-controls{display:flex;align-items:center;gap:var(--spacing-sm)}.call-control-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);border-radius:9999px;transition:background var(--transition-fast),color var(--transition-fast)}.call-control-btn--muted{color:var(--color-error);background:var(--color-error-bg)}.call-control-btn--muted:hover{background:var(--color-error-bg);opacity:.85}.call-control-btn--active{color:var(--color-success);background:var(--color-success-bg)}.call-control-btn--leave{color:var(--color-error)}.call-control-btn--leave:hover{background:var(--color-error-bg)}.call-control-btn--end{color:#fff;background:var(--color-error)}.call-control-btn--end:hover{opacity:.85}.call-control-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.call-control-group{display:inline-flex;align-items:center;position:relative}.call-control-device-trigger{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:2px;border-radius:var(--radius-sm);transition:color var(--transition-fast),background var(--transition-fast);margin-left:-2px}.call-control-device-trigger:hover{color:var(--color-text-primary);background:var(--color-bg-hover)}.call-device-popover{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 4px 12px var(--color-shadow);min-width:200px;max-width:320px;padding:var(--spacing-sm) 0}.call-device-popover__section{display:flex;flex-direction:column}.call-device-popover__section+.call-device-popover__section{border-top:1px solid var(--color-border);margin-top:var(--spacing-xs);padding-top:var(--spacing-xs)}.call-device-popover__heading{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);padding:var(--spacing-xs) var(--spacing-md);text-transform:uppercase;letter-spacing:.03em}.call-device-popover__item{display:block;width:100%;text-align:left;background:none;border:none;color:var(--color-text-primary);font-size:var(--font-size-sm);padding:var(--spacing-sm) var(--spacing-md);cursor:pointer;transition:background var(--transition-fast);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.call-device-popover__item:hover{background:var(--color-bg-hover)}.incoming-call-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);animation:incoming-call-pulse 2s ease-in-out infinite}@keyframes incoming-call-pulse{0%,to{opacity:1}50%{opacity:.85}}.incoming-call-info{display:flex;align-items:center;gap:var(--spacing-sm)}.incoming-call-icon{color:var(--color-success);flex-shrink:0}.incoming-call-details{display:flex;flex-direction:column}.incoming-call-caller{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.incoming-call-type{font-size:var(--font-size-xs);color:var(--color-text-muted)}.incoming-call-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.incoming-call-decline{color:var(--color-error)}.incoming-call-accept{display:inline-flex;align-items:center;gap:var(--spacing-xs)}.sidebar-call-widget{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm)}.sidebar-call-widget--active{background:var(--color-success-bg);border:1px solid var(--color-success)}.sidebar-call-widget--incoming{background:var(--color-bg-secondary);border:1px solid var(--color-border);animation:incoming-call-pulse 2s ease-in-out infinite}.sidebar-call-widget__info{display:flex;align-items:center;gap:var(--spacing-sm);min-width:0;flex:1;background:none;border:none;color:inherit;cursor:pointer;padding:0;text-align:left}.sidebar-call-widget__info:hover{opacity:.8}.sidebar-call-widget__icon{flex-shrink:0;color:var(--color-success)}.sidebar-call-widget__icon--ringing{animation:sidebar-call-ring 1s ease-in-out infinite}.sidebar-call-widget__text{display:flex;flex-direction:column;min-width:0}.sidebar-call-widget__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-call-widget__duration,.sidebar-call-widget__status{font-size:var(--font-size-xs);color:var(--color-text-muted)}.sidebar-call-widget__actions{display:flex;align-items:center;gap:var(--spacing-xs);flex-shrink:0}.sidebar-call-widget__decline{color:var(--color-error)}.sidebar-call-widget__leave{color:var(--color-error);flex-shrink:0}@keyframes sidebar-call-ring{0%,to{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}.message-embeds{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-sm);max-width:100%;min-width:0}.embed-youtube{position:relative;width:100%;max-width:var(--embed-max-width, none);border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-tertiary)}.embed-youtube--hero{max-width:100%}.embed-youtube-iframe{display:block;width:100%;aspect-ratio:16/9;border:none}.embed-link{display:flex;flex-direction:column;max-width:var(--embed-max-width, none);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-secondary);text-decoration:none;color:inherit;transition:border-color var(--transition-fast),background var(--transition-fast)}.embed-link:hover{border-color:var(--color-border-hover, var(--color-text-tertiary));background:var(--color-bg-hover)}.embed-link--loading{pointer-events:none}.embed-link-skeleton{height:72px;background:linear-gradient(90deg,var(--color-bg-tertiary) 25%,var(--color-bg-secondary) 50%,var(--color-bg-tertiary) 75%);background-size:200% 100%;animation:embed-skeleton-shimmer 1.5s infinite}.embed-link-image{width:100%;max-height:200px;overflow:hidden}.embed-link-image img{width:100%;height:100%;object-fit:cover;display:block}.embed-link-body{display:flex;flex-direction:column;gap:2px;padding:var(--spacing-sm) var(--spacing-md)}.embed-link-site{display:flex;align-items:center;gap:var(--spacing-xs);font-size:var(--font-size-xs);color:var(--color-text-muted)}.embed-link-favicon{width:14px;height:14px;border-radius:2px}.embed-link-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-accent-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.embed-link-description{font-size:var(--font-size-xs);color:var(--color-text-secondary);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}@keyframes embed-skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.dm-link-embed-toggle{display:inline-flex;align-items:center;justify-content:center;padding:0 2px;margin-left:2px;background:none;border:none;cursor:pointer;color:var(--color-text-muted);opacity:.5;vertical-align:baseline;line-height:1;font-size:.85em;transition:opacity var(--transition-fast),color var(--transition-fast)}.dm-link-embed-toggle:hover,.dm-link-embed-toggle:focus-visible{opacity:1;color:var(--color-text-secondary)}.dm-link-embed-toggle:focus-visible{outline:2px solid var(--color-accent-primary);outline-offset:1px;border-radius:2px}.page-content{padding:var(--spacing-xl);min-height:100vh}.container{width:100%;max-width:80rem;margin:0 auto;padding:var(--spacing-xl)}.page-header{margin-bottom:var(--spacing-xl)}.page-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 var(--spacing-xs) 0}.page-subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin:0}.grid{display:grid;gap:var(--spacing-lg)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}@media(max-width:768px){.grid-2,.grid-3{grid-template-columns:1fr}}.actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap}a{text-decoration:none}.loading-container{display:flex;justify-content:center;align-items:center;min-height:200px}.sidebar-logout-btn{width:100%;justify-content:flex-start;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);color:var(--color-text-secondary)}.sidebar-logout-btn:hover{color:var(--color-error)}.sidebar-logout-btn svg{width:20px;height:20px;flex-shrink:0}.sidebar-collapsed .sidebar-logout-btn{justify-content:center;padding:var(--spacing-sm)}.sidebar-collapsed .sidebar-logout-label{display:none}.account-overview{display:flex;flex-direction:column;gap:var(--spacing-xl)}.account-details{display:flex;flex-direction:column;gap:var(--spacing-md)}.account-detail-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border-muted)}.account-detail-row:last-child{border-bottom:none}.account-detail-row:hover .account-edit-btn{opacity:1}.account-detail-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.account-detail-value{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.account-detail-muted{color:var(--color-text-muted);font-style:italic}.account-status-good{color:var(--color-success)}.account-detail-content{flex:1;display:flex;justify-content:flex-end}.account-detail-display{display:flex;align-items:center;gap:var(--spacing-sm)}.account-edit-btn{opacity:0;transition:opacity var(--transition-fast)}.verification-badge{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--radius-full);cursor:help}.verification-badge.verification-verified{color:var(--color-success);background:var(--color-success-bg)}.verification-badge.verification-pending{color:var(--color-warning);background:var(--color-warning-bg)}.account-edit-form{display:flex;flex-direction:column;gap:var(--spacing-sm);width:100%;max-width:320px}.account-edit-info{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0 0 var(--spacing-xs) 0}.account-edit-alert{margin-bottom:var(--spacing-xs)}.account-edit-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-xs)}