.ui-avatar{display:grid;flex:0 0 auto;place-items:center;overflow:hidden;border-radius:var(--radius-full);background:var(--gradient-avatar-fallback);color:var(--color-text-inverse);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold);line-height:1;text-transform:uppercase}.ui-avatar img{display:block;width:100%;height:100%;object-fit:cover}[data-avatar-tone="1"]{background:var(--color-avatar-tone-1-bg);color:var(--color-avatar-tone-1-fg)}[data-avatar-tone="2"]{background:var(--color-avatar-tone-2-bg);color:var(--color-avatar-tone-2-fg)}[data-avatar-tone="3"]{background:var(--color-avatar-tone-3-bg);color:var(--color-avatar-tone-3-fg)}[data-avatar-tone="4"]{background:var(--color-avatar-tone-4-bg);color:var(--color-avatar-tone-4-fg)}[data-avatar-tone="5"]{background:var(--color-avatar-tone-5-bg);color:var(--color-avatar-tone-5-fg)}[data-avatar-tone="6"]{background:var(--color-avatar-tone-6-bg);color:var(--color-avatar-tone-6-fg)}[data-avatar-tone="7"]{background:var(--color-avatar-tone-7-bg);color:var(--color-avatar-tone-7-fg)}[data-avatar-tone="8"]{background:var(--color-avatar-tone-8-bg);color:var(--color-avatar-tone-8-fg)}.ui-avatar--square{border-radius:var(--radius-xl)}.ui-avatar--xl{width:80px;height:80px;font-size:var(--font-size-2xl)}.ui-avatar--lg{width:var(--space-12);height:var(--space-12);font-size:var(--font-size-md)}.ui-avatar--md{width:44px;height:44px;font-size:var(--font-size-base)}.ui-avatar--sm{width:var(--space-8);height:var(--space-8);font-size:var(--font-size-sm)}button.ui-avatar{padding:0;border:0;cursor:pointer}button.ui-avatar:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.toast--message{position:relative;display:flex;align-items:flex-start;gap:var(--space-3);max-width:380px;padding:var(--space-3) var(--space-4);background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);color:var(--color-text);font-size:var(--font-size-sm);animation:toast-slide .25s ease-out;margin-left:var(--space-2);border-bottom-left-radius:var(--radius-sm)}.toast--message:before{content:"";position:absolute;bottom:0;left:calc(var(--space-2) * -1);width:var(--space-4);height:var(--space-4);background:var(--color-surface);border-bottom-left-radius:var(--radius-sm);clip-path:polygon(0 100%,100% 100%,0 0);box-shadow:var(--shadow-sm)}.toast__avatar{flex:0 0 auto;margin-top:var(--space-1)}.toast__content{display:flex;flex-direction:column;gap:var(--space-1);flex:1 1 auto;min-width:0}.toast__title{font-family:var(--font-family-heading);font-size:var(--font-size-base);font-weight:var(--font-weight-semi-bold);color:var(--color-conversation-primary-text);line-height:var(--line-height-sm);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.toast__subtitle{font-size:var(--font-size-sm);color:var(--color-conversation-secondary-text);line-height:var(--line-height-sm);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.toast__action{display:flex;align-items:flex-start;gap:var(--space-3);flex:1 1 auto;min-width:0;padding:0;border:0;background:transparent;cursor:pointer;text-align:left;border-radius:var(--radius-sm)}.toast__action:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.toast__action:active{opacity:.85}.toast__close{flex:0 0 auto;display:grid;place-items:center;width:var(--space-8);height:var(--space-8);padding:0;border:0;border-radius:var(--radius-full);background:transparent;color:var(--color-text-tertiary);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.toast__close:hover{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.toast__close:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:1px}:root[data-theme=dark] .toast--message{background:var(--color-surface)}:root[data-theme=dark] .toast--message:before{background:var(--color-surface)}:root[data-theme=dark] .toast__close:hover{background:var(--color-bg-tertiary)}@media(prefers-reduced-motion:reduce){.toast--message{animation:none}}.ui-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:1px solid transparent;border-radius:var(--radius-full);font-family:var(--font-family-body);font-weight:var(--font-weight-semi-bold);letter-spacing:var(--letter-spacing-wide);cursor:pointer;transition:background .15s,border-color .15s,color .15s}.ui-button:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.ui-button:disabled{opacity:.6;cursor:not-allowed}.ui-button--sm{padding:6px 14px;font-size:var(--font-size-sm)}.ui-button--md{padding:10px 20px;font-size:var(--font-size-md)}.ui-button--lg{padding:14px 24px;font-size:var(--font-size-md)}.ui-button--full{width:100%}.ui-button--primary{background:var(--color-primary);color:var(--color-text-inverse)}.ui-button--primary:hover:not(:disabled){background:var(--color-primary-dark)}.ui-button--outline{background:var(--color-btn-secondary-bg);border-color:var(--color-divider);color:var(--color-btn-secondary-text)}.ui-button--outline:hover:not(:disabled){background:var(--color-bg-tertiary)}.ui-button--ghost{background:transparent;color:var(--color-primary)}.ui-button--ghost:hover:not(:disabled){background:var(--color-primary-surface)}.auth-gate__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:var(--color-overlay)}.auth-gate__dialog{position:relative;display:flex;width:min(100%,446px);max-height:calc(100vh - var(--space-8));flex-direction:column;gap:var(--space-4);padding:var(--space-4);overflow-y:auto;border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-modal);outline:none}.auth-gate__hero{position:relative;height:212px;flex:0 0 212px;overflow:hidden;border-radius:var(--radius)}.auth-gate__hero-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.auth-gate__logo{position:absolute;top:var(--space-2);left:var(--space-2);display:block;width:35px;height:27px}.auth-gate__logo .brand-logo__mark{width:35px;height:27px}.auth-gate__close{position:absolute;top:var(--space-2);right:var(--space-2);display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:var(--space-2);border:none;border-radius:var(--radius-full);background:#ffffffc7;color:var(--color-text);cursor:pointer}.auth-gate__close:hover{background:var(--color-surface)}.auth-gate__close:focus-visible,.auth-gate__login button:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.auth-gate__content{display:flex;flex-direction:column;gap:var(--space-4);padding-bottom:var(--space-1)}.auth-gate__copy{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding-top:var(--space-1);text-align:center}.auth-gate__title{margin:0;color:var(--color-text);font-family:var(--font-family-body);font-size:var(--font-size-md);font-weight:var(--font-weight-semi-bold);line-height:1.1;letter-spacing:-.32px}.auth-gate__message{max-width:344px;margin:0;color:var(--color-text-secondary);font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:1.45;letter-spacing:-.12px}.auth-gate__actions{display:flex;align-items:center;gap:var(--space-3)}.auth-gate__actions .ui-button{min-height:32px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1.1;letter-spacing:-.24px}.auth-gate__actions .ui-button--ghost{background:var(--color-btn-secondary-bg);color:var(--color-btn-secondary-text)}.auth-gate__login{margin:0;color:var(--color-text);text-align:center;font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:1.2;letter-spacing:-.24px}.auth-gate__login button{padding:0;border:0;background:none;color:var(--color-primary);font:inherit;font-weight:var(--font-weight-semi-bold);cursor:pointer}@media(max-width:480px){.auth-gate__overlay{align-items:flex-end;padding:var(--space-2);padding-bottom:var(--space-10)}.auth-gate__dialog{max-height:calc(100vh - var(--space-10));padding:var(--space-4)}}@media(max-width:360px){.auth-gate__actions{flex-direction:column}}.shell.auth-flow{background:var(--color-surface)}.auth-flow>.auth-flow__main{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8) var(--space-6);background:var(--color-surface)}.auth-flow__card{display:flex;width:min(100%,440px);flex-direction:column;align-items:stretch}.auth-flow__brand{align-self:center;width:53px;height:35px;margin-bottom:var(--space-4)}.auth-flow__heading{margin:0;color:var(--color-text);font-family:var(--font-family-heading);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:1.15;text-align:center}.auth-flow__subheading{max-width:260px;margin:var(--space-2) auto 0;color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.4;text-align:center;white-space:pre-line}.auth-flow__form{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-8)}.auth-flow__field{display:flex;flex-direction:column;gap:var(--space-1)}.auth-flow__field label,.auth-flow__field>span:not(.form-error){color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.auth-flow__field small{color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:1.35}.auth-flow__input{width:100%;min-height:40px;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:var(--font-size-sm);outline:none}.auth-flow__input:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-surface)}.auth-flow__input--error{border-color:var(--color-error)}.auth-flow__input--error:focus{border-color:var(--color-error);box-shadow:0 0 0 2px var(--color-error-surface)}.auth-flow__primary,.auth-flow__social{min-height:40px;border-radius:var(--radius-md);font:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer}.auth-flow__primary{border:0;background:var(--color-primary);color:var(--color-text-inverse)}.auth-flow__primary:hover{background:var(--color-primary-dark)}.auth-flow__primary:disabled{opacity:.6;cursor:wait}.auth-flow__primary--blocked:disabled{cursor:not-allowed}.auth-flow__divider{display:flex;align-items:center;gap:var(--space-3);margin:var(--space-1) 0;color:var(--color-text-tertiary);font-size:var(--font-size-xs);text-align:center}.auth-flow__divider:before,.auth-flow__divider:after{height:1px;flex:1;background:var(--color-divider);content:""}.auth-flow__social{display:flex;height:40px;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:var(--radius-xs);background:var(--color-surface);color:var(--color-text);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);gap:var(--space-2)}.auth-flow__social:hover{background:var(--color-bg-secondary)}.auth-flow__social:disabled{opacity:.6;cursor:wait}.auth-flow__social-icon{flex:none}.auth-flow__social-icon--facebook{color:var(--color-brand-facebook)}.auth-flow__social,.auth-flow__google{width:100%;max-width:400px;align-self:center}.auth-flow__google{display:flex;min-height:40px;justify-content:center}.auth-flow__google--disabled{opacity:.6;pointer-events:none}.auth-flow__footer{margin-top:var(--space-8);color:var(--color-text);font-size:var(--font-size-sm);text-align:center}.auth-flow__footer a{color:var(--color-primary);font-weight:var(--font-weight-semi-bold);text-decoration:none}.auth-flow__privacy{margin-top:var(--space-8);color:var(--color-text-tertiary);font-size:var(--font-size-xs);text-align:center}.auth-flow__progress{width:36px;height:3px;margin:0 auto var(--space-2);border-radius:var(--radius-full);background:var(--color-divider)}.auth-flow__progress span{display:block;width:50%;height:100%;border-radius:inherit;background:var(--color-primary)}.auth-flow__step-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.auth-flow__step-nav .auth-flow__back,.auth-flow__step-nav .auth-flow__skip{margin-bottom:0}.auth-flow__skip{align-self:flex-end;margin-bottom:var(--space-4);border:0;background:transparent;color:var(--color-primary);font:inherit;font-size:var(--font-size-xs);cursor:pointer}.auth-flow__choice-field{padding:0;border:0}.auth-flow__choice-field legend{margin-bottom:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.auth-flow__choices{display:flex;gap:var(--space-2)}.auth-flow__choice{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:var(--font-size-xs);cursor:pointer}.auth-flow__choice--selected{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-text-inverse)}.auth-flow__interactive-field{position:relative}.auth-flow__scale-panel,.auth-flow__calendar{position:relative;width:100%;margin-top:var(--space-2);padding:var(--space-4);border-radius:var(--radius-md);background:var(--color-bg-secondary);box-shadow:var(--shadow-md)}.auth-flow__unit-toggle{display:flex;justify-content:center;gap:var(--space-1);margin-bottom:var(--space-3)}.auth-flow__unit-toggle button{padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-secondary);font:inherit;font-size:var(--font-size-xs);cursor:pointer}.auth-flow__unit-toggle button.active{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-text-inverse)}.auth-flow__scale-panel strong{display:block;margin-bottom:var(--space-3);text-align:center;font-size:var(--font-size-md)}.auth-flow__ticks{display:flex;align-items:flex-end;justify-content:space-between;height:32px;border-bottom:2px solid var(--color-primary)}.auth-flow__ticks i{width:1px;height:12px;background:var(--color-border)}.auth-flow__ticks i:nth-child(5n+1){height:22px;background:var(--color-text-tertiary)}.auth-flow__upload-hint{margin-top:var(--space-4);color:var(--color-text-tertiary);font-size:var(--font-size-xs);text-align:center}.auth-flow__upload-zone{position:relative;display:flex;min-height:150px;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);overflow:hidden;border:1px dashed var(--color-primary-soft);border-radius:var(--radius-md);background:var(--color-primary-surface);color:var(--color-primary);text-align:center;cursor:pointer}.auth-flow__upload-zone span{font-size:var(--font-size-2xl)}.auth-flow__upload-zone small{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.auth-flow__upload-zone input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.auth-flow__upload-zone img{width:64px;height:64px;border-radius:var(--radius-full);object-fit:cover}.auth-flow__illustration{display:grid;width:180px;height:150px;margin:var(--space-4) auto;place-items:center;border-radius:45% 45% 35% 35%;background:var(--color-primary-surface);color:var(--color-primary);font-family:var(--font-family-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.auth-flow__welcome .auth-flow__subheading{max-width:344px}.auth-flow__welcome .auth-flow__social{margin-top:var(--space-2)}.auth-flow__survey-question{gap:var(--space-3)}.auth-flow__survey-question .auth-flow__back{margin-bottom:0}.auth-flow__survey-options{display:flex;flex-direction:column;gap:var(--space-2);margin:var(--space-4) 0}.auth-flow__survey-option{display:flex;align-items:center;justify-content:space-between;min-height:40px;padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:var(--font-size-sm);text-align:left;cursor:pointer}.auth-flow__survey-option--selected{border-color:var(--color-primary);background:var(--color-primary-surface);color:var(--color-primary)}.auth-flow__survey-slider{display:flex;flex-direction:column;gap:var(--space-3);margin:var(--space-8) 0;color:var(--color-primary);text-align:center}.auth-flow__survey-slider output{font-size:var(--font-size-xl);font-weight:var(--font-weight-semi-bold)}.auth-flow__semi-slider{position:relative;display:flex;min-height:190px;align-items:flex-end;justify-content:center;gap:var(--space-4);margin:var(--space-4) 0;padding:0 var(--space-4) var(--space-8)}.auth-flow__semi-slider:before{position:absolute;right:12%;bottom:42px;left:12%;height:100px;border:2px solid var(--color-border);border-bottom:0;border-radius:120px 120px 0 0;content:""}.auth-flow__semi-option{position:relative;z-index:1;display:flex;width:74px;height:74px;align-items:center;justify-content:center;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text-secondary);font:inherit;font-size:var(--font-size-xs);text-align:center;cursor:pointer}.auth-flow__semi-option--1,.auth-flow__semi-option--3{transform:translateY(35px)}.auth-flow__semi-option.active{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-text-inverse);box-shadow:0 0 0 5px var(--color-primary-surface)}.auth-flow__checkin-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2);margin:var(--space-4) 0}.auth-flow__checkin-card{display:flex;min-height:150px;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font:inherit;cursor:pointer}.auth-flow__checkin-card.active{border-color:var(--color-primary);background:var(--color-primary-surface)}.auth-flow__checkin-grid{display:grid;width:100%;grid-template-columns:repeat(6,1fr);gap:3px;padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.auth-flow__checkin-grid i{aspect-ratio:1;border-radius:2px;background:var(--color-bg-secondary)}.auth-flow__checkin-grid i.filled{background:var(--color-primary-soft)}.auth-flow__checkin-card strong{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-align:center;white-space:pre-line}.auth-flow__survey-question--ratings{min-height:min(720px,calc(100vh - var(--space-8)))}.auth-flow__rating-list{display:flex;max-height:min(540px,calc(100vh - 250px));flex-direction:column;gap:var(--space-2);margin:var(--space-2) 0 var(--space-3);overflow-y:auto;scrollbar-width:thin}.auth-flow__rating-card{min-width:0;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.auth-flow__rating-card legend{width:100%;color:var(--color-text);font-size:var(--font-size-xs);line-height:1.35}.auth-flow__rating-card legend span{display:inline-grid;width:20px;height:20px;margin-right:var(--space-2);place-items:center;border-radius:var(--radius-full);background:var(--color-primary-surface);color:var(--color-primary);font-weight:var(--font-weight-semi-bold)}.auth-flow__stars{display:flex;justify-content:center;gap:var(--space-2);margin:var(--space-1) 0}.auth-flow__stars button{padding:0;border:0;background:transparent;color:var(--color-border);font-size:22px;line-height:1;cursor:pointer}.auth-flow__stars button.active{color:var(--color-accent)}.auth-flow__rating-labels{display:flex;justify-content:space-between;gap:var(--space-2);color:var(--color-text-tertiary);font-size:10px}.auth-flow__age-ruler{display:flex;flex-direction:column;gap:var(--space-2);margin:var(--space-4) 0}.auth-flow__age-ruler output{color:var(--color-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semi-bold);text-align:center}.auth-flow__back{align-self:flex-start;margin-bottom:var(--space-5);border:0;background:transparent;color:var(--color-text-secondary);font:inherit;cursor:pointer}.auth-flow__back:disabled{opacity:.6;cursor:not-allowed}.auth-flow__modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:grid;place-items:center;padding:var(--space-4);background:var(--color-overlay)}.auth-flow__modal{width:min(100%,300px);padding:var(--space-6);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-modal);text-align:center}.auth-flow__modal-mark{width:53px;height:35px;margin-bottom:var(--space-3)}.auth-flow__modal h2{margin:0 0 var(--space-2);font-size:var(--font-size-md)}.auth-flow__modal p{margin:0 0 var(--space-4);color:var(--color-text-secondary);font-size:var(--font-size-xs)}.auth-flow__modal-actions{display:flex;gap:var(--space-2)}.auth-flow__modal-actions button{flex:1}@media(max-width:768px){.auth-flow>.side-nav{display:none}.auth-flow>.auth-flow__main{min-height:100vh;padding:var(--space-6) var(--space-4)}}.ui-badge{display:inline-flex;align-items:center;justify-content:center;min-width:var(--space-5);height:var(--space-5);padding:0 var(--space-1);border-radius:var(--radius-full);background:var(--color-error);color:var(--color-text-inverse);font-family:var(--font-family-body);font-size:var(--font-size-xs);font-weight:var(--font-weight-semi-bold);line-height:1;flex:0 0 auto}.popover-menu__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal)}.popover-menu{position:fixed;z-index:calc(var(--z-modal) + 1);display:grid;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-modal)}.popover-menu__list{display:grid;gap:0;min-height:0;padding:var(--space-2);overflow-y:auto;overscroll-behavior:contain}.popover-menu__item{display:flex;align-items:center;gap:var(--space-3);min-height:48px;padding:0 var(--space-3);border:0;border-radius:var(--radius-md);background:transparent;color:var(--color-text);font:inherit;font-size:var(--font-size-sm);text-align:left;cursor:pointer}.popover-menu__item+.popover-menu__item{margin-top:2px}.popover-menu__item:hover{background:var(--color-bg-secondary)}.popover-menu__item:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:-2px}.popover-menu__item--destructive{color:var(--color-error-dark)}.popover-menu__item--destructive:hover{background:color-mix(in srgb,var(--color-error) 10%,transparent)}.popover-menu__icon{display:grid;place-items:center;width:22px;height:22px;flex-shrink:0;color:inherit}.popover-menu__label{font-size:var(--font-size-sm);line-height:var(--line-height-md)}.popover-menu__check{display:grid;place-items:center;margin-left:auto;color:var(--color-primary);flex-shrink:0}.shell{width:100%;max-width:var(--shell-max-width);min-height:100vh;margin:0 auto;display:flex;flex-direction:row;align-items:flex-start;background:var(--color-bg)}.mobile-top-bar{display:none}.mobile-top-bar__logo{display:flex;align-items:center;min-width:0;color:var(--color-text);text-decoration:none}.mobile-top-bar__logo .brand-logo__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mobile-top-bar__actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.mobile-top-bar__button{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);cursor:pointer}.mobile-top-bar__button:hover{background:var(--color-bg-tertiary);color:var(--color-text)}.mobile-top-bar__button:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.mobile-menu__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);background:var(--color-overlay)}.mobile-menu{position:absolute;top:0;right:0;bottom:0;display:flex;flex-direction:column;width:min(320px,88vw);background:var(--color-surface);box-shadow:var(--shadow-lg);animation:mobile-menu-in .18s ease}@keyframes mobile-menu-in{0%{transform:translate(100%)}}@media(prefers-reduced-motion:reduce){.mobile-menu{animation:none}}.mobile-menu:focus-visible{outline:none}.mobile-menu__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);flex-shrink:0;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-divider)}.mobile-menu__title{margin:0;font-family:var(--font-family-heading);font-size:var(--font-size-md);font-weight:var(--font-weight-semi-bold);color:var(--color-text)}.mobile-menu__close{display:grid;place-items:center;width:40px;height:40px;border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);cursor:pointer}.mobile-menu__close:hover{background:var(--color-bg-tertiary);color:var(--color-text)}.mobile-menu__close:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.mobile-menu__body{flex:1 1 auto;min-height:0;padding:var(--space-3) var(--space-3) var(--space-6);overflow-y:auto;overscroll-behavior:contain}.mobile-menu__profile,.mobile-menu__guest{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2);border:none;border-radius:var(--radius-md);background:transparent;text-align:left}.mobile-menu__profile{cursor:pointer}.mobile-menu__profile:hover{background:var(--color-bg-tertiary)}.mobile-menu__profile:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.mobile-menu__avatar{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:40px;height:40px;border-radius:var(--radius-full);background:var(--color-bg-tertiary);color:var(--color-text-tertiary)}.mobile-menu__avatar-photo{width:100%;height:100%;border-radius:var(--radius-full);object-fit:cover}.mobile-menu__profile-name{overflow:hidden;font-size:var(--font-size-sm);font-weight:var(--font-weight-semi-bold);color:var(--color-text);text-overflow:ellipsis;white-space:nowrap}.mobile-menu__guest-info{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}.mobile-menu__guest-signup{padding:0;border:none;background:transparent;font-size:var(--font-size-xs);font-weight:var(--font-weight-semi-bold);color:var(--color-primary);cursor:pointer}.mobile-menu__guest-signup:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.mobile-menu__list{list-style:none;display:flex;flex-direction:column;gap:var(--space-1);margin:0;padding:0}.mobile-menu__divider{height:1px;margin:var(--space-1) var(--space-3);background:var(--color-divider)}.mobile-menu__section{margin-top:var(--space-3)}.mobile-menu__section-title{margin:0 0 var(--space-1);padding:0 var(--space-3);font-size:var(--font-size-xs);font-weight:var(--font-weight-semi-bold);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.mobile-menu__link{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:44px;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-align:left;text-decoration:none;cursor:pointer}.mobile-menu__badge{margin-inline-start:auto}.mobile-menu__link:hover{background:var(--color-bg-tertiary);color:var(--color-text)}.mobile-menu__link:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.mobile-menu__link--active{background:var(--color-bg-secondary);color:var(--color-primary);font-weight:var(--font-weight-semi-bold)}.mobile-menu__link--locked,.mobile-menu__link--locked:hover{color:var(--color-text-muted);background:transparent}.mobile-menu__link--logout{margin-top:var(--space-3);color:var(--color-logout)}.mobile-menu__link--logout:hover{color:var(--color-logout);background:color-mix(in srgb,var(--color-logout) 8%,transparent)}.side-nav{position:sticky;top:0;height:100vh;width:var(--sidenav-width);flex-shrink:0;display:flex;flex-direction:column;padding:var(--space-5) var(--space-3);background:var(--color-surface);border-right:1px solid var(--color-divider);overflow:hidden}.side-nav__top{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0;width:100%;margin-bottom:var(--space-6)}.side-nav__logo{display:flex;align-items:center;flex:1 1 auto;min-width:0;min-height:40px;padding:0 var(--space-2);color:var(--color-text);text-decoration:none}.side-nav__theme-toggle{display:grid;place-items:center;flex:0 0 auto;width:40px;height:40px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.side-nav__theme-toggle:hover{background:var(--color-bg-tertiary);color:var(--color-text)}.side-nav__theme-toggle:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.side-nav__logo-dot{width:8px;height:8px;border-radius:var(--radius-full);background:#00d74c;flex-shrink:0}.side-nav__list{list-style:none;display:flex;flex-direction:column;flex-shrink:0;gap:var(--space-1)}.side-nav__link{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-3);border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-sm);text-decoration:none;cursor:pointer;transition:background .15s,color .15s}.side-nav__badge{margin-inline-start:auto}.side-nav__ai-avatar{width:var(--space-5);height:var(--space-5);flex-shrink:0;border-radius:var(--radius-full);object-fit:cover}.side-nav__create-icon{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:var(--radius-full);background:var(--color-text);color:var(--color-text-inverse);flex-shrink:0}.side-nav__link:hover{background:var(--color-bg-tertiary);color:var(--color-text)}.side-nav__link:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.side-nav__link--active{color:var(--color-primary);background:var(--color-bg-secondary);font-weight:var(--font-weight-semi-bold)}.side-nav__link--locked,.side-nav__link--locked:hover{color:var(--color-text-muted);background:transparent}.side-nav__spacer{flex:1 1 auto;min-height:0}.side-nav__more{display:flex;flex:0 1 auto;flex-direction:column;width:100%;min-height:0;margin-bottom:var(--space-1)}.side-nav__more-toggle{flex-shrink:0}.side-nav__more-toggle--open{color:var(--color-text);font-weight:var(--font-weight-semi-bold)}.side-nav__more-chevron,.side-nav__more-close{margin-left:auto;flex-shrink:0}.side-nav__more-chevron{transition:transform .2s ease}.side-nav__submenu-toggle--open .side-nav__more-chevron{transform:rotate(180deg)}.side-nav__more-list{list-style:none;display:flex;flex:1 1 auto;flex-direction:column;gap:var(--space-1);width:100%;min-height:0;margin:var(--space-1) 0 0;padding:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent;animation:side-nav-more-in .18s ease}.side-nav__more-list::-webkit-scrollbar{width:var(--space-1)}.side-nav__more-list::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:var(--color-border)}.side-nav__submenu-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-1);margin:var(--space-1) 0 var(--space-1) var(--space-5);padding:var(--space-1);border-radius:var(--radius-md);background:var(--color-bg-secondary);animation:side-nav-more-in .18s ease}.side-nav__submenu-link{color:var(--color-text-secondary)}.side-nav__submenu-link:hover{background:var(--color-surface)}@keyframes side-nav-more-in{0%{opacity:0;transform:translateY(calc(-1 * var(--space-2)))}}@media(prefers-reduced-motion:reduce){.side-nav__more-list{animation:none}.side-nav__more-chevron{transition:none}}.side-nav__more-link{gap:var(--space-2);padding:var(--space-2) var(--space-3);color:var(--color-text-secondary);font-size:var(--font-size-xs)}.side-nav__more-link.side-nav__link--locked,.side-nav__more-link.side-nav__link--locked:hover,.side-nav__submenu-link.side-nav__link--locked,.side-nav__submenu-link.side-nav__link--locked:hover{color:var(--color-text-muted);background:transparent}.side-nav__menu-divider{height:1px;margin:var(--space-1) var(--space-3);background:var(--color-divider)}.side-nav__link--logout{color:var(--color-logout)}.side-nav__link--logout:hover{color:var(--color-logout);background:color-mix(in srgb,var(--color-logout) 8%,transparent)}.side-nav__profile-row{display:flex;align-items:center;flex-shrink:0;gap:var(--space-1);width:100%;margin-bottom:var(--space-3)}.side-nav__profile{flex:1;min-width:0;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);border:none;background:transparent;cursor:pointer;text-align:left;border-radius:var(--radius-md)}.side-nav__logout{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--space-10);height:var(--space-10);padding:0;border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-logout);cursor:pointer;transition:background .15s}.side-nav__logout:hover{background:color-mix(in srgb,var(--color-logout) 8%,transparent)}.side-nav__logout:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.side-nav__profile:hover{background:var(--color-bg-tertiary)}.side-nav__profile:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.side-nav__guest{flex-shrink:0;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2);margin-bottom:var(--space-3)}.side-nav__guest-info{display:flex;flex-direction:column;align-items:flex-start;gap:2px;min-width:0}.side-nav__guest-signup{border:none;background:transparent;padding:0;font-size:var(--font-size-xs);font-weight:var(--font-weight-semi-bold);color:var(--color-primary);cursor:pointer}.side-nav__guest-signup:hover{text-decoration:underline}.side-nav__guest-signup:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.side-nav__profile-avatar{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);background:var(--color-bg-tertiary);color:var(--color-text-tertiary);flex-shrink:0}.side-nav__profile-photo{width:100%;height:100%;border-radius:var(--radius-full);object-fit:cover}.side-nav__profile-info{display:flex;flex-direction:column;min-width:0}.side-nav__profile-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semi-bold);color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-nav__profile-handle{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.side-nav__create-btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-3);border:none;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-text-inverse);font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-semi-bold);letter-spacing:var(--letter-spacing-wide);cursor:pointer;transition:background .15s}.side-nav__create-btn:hover{background:var(--color-primary-dark)}.side-nav__create-btn:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.shell__content{flex:1 1 auto;min-width:0;max-width:600px;min-height:100vh;margin:0 var(--space-8);padding:0}.shell__content:has(.messages-page){max-width:780px}.right-banner{position:sticky;top:0;height:100vh;width:var(--banner-width);flex-shrink:0;overflow:hidden;background:var(--color-surface);border-left:1px solid var(--color-divider)}.right-banner__card{position:relative;min-height:100%;overflow:hidden;background:var(--color-surface)}.right-banner__copy{position:relative;z-index:1;display:flex;width:min(435px,calc(100% - var(--space-8)));flex-direction:column;gap:var(--space-6);padding-top:52px;margin-left:32px}.right-banner__image{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}.right-banner__logo{width:53px;height:35px;margin-bottom:var(--space-1)}.right-banner__title{font-family:var(--font-family-heading);font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);color:var(--color-banner-heading);line-height:1.2;letter-spacing:var(--letter-spacing-tight);text-transform:capitalize;margin-bottom:var(--space-2)}.right-banner__subtitle{font-family:var(--font-family-body);font-size:var(--font-size-md);font-weight:var(--font-weight-regular);color:var(--color-banner-subtext);line-height:1.35;margin-bottom:var(--space-5)}.right-banner__actions{display:flex;align-items:flex-start;gap:var(--space-3)}.right-banner .ui-button{height:52px;padding:var(--space-4) var(--space-6);border-radius:var(--radius);border-color:var(--color-bg-secondary);font-family:var(--font-family-body);font-size:var(--font-size-md);font-weight:var(--font-weight-semi-bold);line-height:1;letter-spacing:var(--letter-spacing-tight);white-space:nowrap}.right-banner .ui-button--primary{background:var(--color-primary)}.right-banner .ui-button--outline{background:var(--color-bg-secondary);color:var(--color-btn-secondary-text)}@media(max-width:1280px){.right-banner{display:none}.shell__content{margin:0 auto}}@media(max-width:1024px){:root{--sidenav-width: 72px}.side-nav{padding:var(--space-4) var(--space-2);align-items:center;gap:var(--space-1);overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}.side-nav::-webkit-scrollbar{display:none}.side-nav__top{flex-direction:column;gap:var(--space-2);margin-bottom:var(--space-4)}.side-nav__logo{justify-content:center;padding:0;margin-bottom:0}.side-nav__logo .brand-logo__name{display:none}.side-nav__list{align-items:center;gap:var(--space-2);width:100%}.side-nav__link{flex-direction:column;gap:var(--space-1);width:100%;padding:var(--space-2);font-size:var(--font-size-xs);text-align:center}.side-nav__link span,.side-nav__submenu-toggle .side-nav__more-chevron,.side-nav__more-close{display:none}.side-nav__profile-row{flex-direction:column;gap:var(--space-1)}.side-nav__more-list{align-items:center}.side-nav__more-list li{width:100%}.side-nav__submenu-list{margin-left:0}.side-nav__profile{justify-content:center;padding:var(--space-1)}.side-nav__profile-info,.side-nav__guest-info{display:none}.side-nav__create-btn{padding:var(--space-3) var(--space-2)}.side-nav__create-btn svg{width:20px;height:20px}.shell__content{margin:0 var(--space-4)}}@media(max-width:768px){.shell{flex-direction:column;min-height:100vh}.mobile-top-bar{position:sticky;top:0;z-index:var(--z-sticky);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);width:100%;min-height:var(--mobile-top-bar-height);padding:var(--space-2) var(--space-3);background:var(--color-surface);border-bottom:1px solid var(--color-divider)}.side-nav{position:fixed;top:auto;bottom:0;left:0;right:0;height:auto;width:100%;flex-direction:row;align-items:center;padding:var(--space-1) var(--space-2);border-right:none;border-top:1px solid var(--color-divider);z-index:var(--z-sticky);overflow:visible}.side-nav__top,.side-nav__logo,.side-nav__spacer,.side-nav__profile-row,.side-nav__profile,.side-nav__guest,.side-nav__more{display:none}.side-nav__list{flex-direction:row;justify-content:space-around;width:100%}.side-nav__list li{order:var(--mobile-tab-order, 0);flex:1 1 0;min-width:0}.side-nav__link{position:relative;flex-direction:column;gap:var(--space-1);width:100%;padding:var(--space-2) var(--space-1);font-size:var(--font-size-xs)}.side-nav__badge{position:absolute;top:0;inset-inline-start:50%;margin-inline-start:var(--space-1)}.side-nav__link span{display:inline;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.side-nav__item--menu-only{display:none}.side-nav__link--primary-action{justify-content:center;padding:0}.side-nav__link--primary-action span{display:none}.side-nav__link--primary-action svg{width:var(--space-12);height:var(--space-12);padding:var(--space-3);border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-text-inverse)}.side-nav__link--primary-action:hover svg{background:var(--color-primary-dark)}.side-nav__link--primary-action.side-nav__link--locked svg,.side-nav__link--primary-action.side-nav__link--locked:hover svg{background:var(--color-text-muted)}.side-nav__create-btn{display:none}.shell__content{width:100%;max-width:100%;min-height:0;margin:0;padding:var(--space-3) var(--space-3);padding-bottom:calc(var(--mobile-tab-bar-height) + var(--space-2))}}@media(max-width:480px){.shell__content{padding:var(--space-2) var(--space-2);padding-bottom:calc(var(--mobile-tab-bar-height) + var(--space-2))}.side-nav__link{padding:var(--space-2) 2px;font-size:.625rem}}.infinite-footer{position:relative;display:flex;align-items:center;justify-content:center;min-height:56px;padding:var(--space-4) 0;overflow-anchor:none}.infinite-footer__sentinel{position:absolute;top:0;left:0;width:100%;height:1px;pointer-events:none}.infinite-footer__spinner{display:block;width:24px;height:24px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:var(--radius-full);opacity:0;transition:opacity var(--transition-base) ease-out}.infinite-footer--busy .infinite-footer__spinner{opacity:1;animation:infinite-footer-spin .8s linear infinite}@keyframes infinite-footer-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.infinite-footer__spinner,.infinite-footer--busy .infinite-footer__spinner{transition:none;animation:none}}.list-status{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center;color:var(--color-text-secondary)}.list-status--block{padding:var(--space-10) var(--space-4)}.list-status--inline{gap:var(--space-2);padding:var(--space-4)}.list-status--error.list-status--block,.list-status--error.list-status--inline{border:1px solid var(--color-error-light);border-radius:var(--radius-md);background:var(--color-error-surface)}.list-status__icon{display:inline-flex;color:var(--color-text-muted)}.list-status__title{margin:0;color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.list-status--error .list-status__title{color:var(--color-error-dark);font-size:var(--font-size-md)}.list-status--inline .list-status__title{font-size:var(--font-size-md)}.list-status__message{margin:0 0 var(--space-1);max-width:34ch;font-size:var(--font-size-sm);line-height:1.5}.hashtag-link,.mention-link{display:inline;padding:0;border:none;background:none;color:var(--color-primary);font:inherit;font-weight:var(--font-weight-medium);cursor:pointer;transition:color var(--transition-fast) ease}.hashtag-link:hover,.mention-link:hover{color:var(--color-primary-dark);text-decoration:underline}.hashtag-link:active,.mention-link:active{color:var(--color-primary-dark)}.hashtag-link:focus-visible,.mention-link:focus-visible{border-radius:var(--radius-xs);outline:2px solid var(--color-border-focused);outline-offset:1px}.skeleton{display:block;flex-shrink:0;background:var(--gradient-skeleton);background-size:400% 100%;animation:skeleton-sweep 1.4s ease-in-out infinite}.skeleton--line{height:var(--space-3);border-radius:var(--radius-xs)}.skeleton--circle{border-radius:var(--radius-full)}.skeleton--rect{border-radius:var(--radius-md)}@keyframes skeleton-sweep{0%{background-position:100% 50%}to{background-position:0 50%}}.skeleton-group{display:flex;flex-direction:column}.skeleton-fade-in{animation:skeleton-fade-in var(--transition-base) ease-out both}@keyframes skeleton-fade-in{0%{opacity:0;transform:translateY(var(--space-2))}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.skeleton,.skeleton-fade-in{animation:none}}.feed-header{position:sticky;top:0;z-index:10;padding:var(--space-3) 0;background:var(--color-bg)}.feed-tabs{display:flex;gap:var(--space-4);padding:var(--space-1);margin-bottom:var(--space-2);border-radius:var(--radius);background:var(--color-surface)}.feed-header__tools{display:flex;align-items:center;justify-content:space-between;min-height:32px;padding:0 var(--space-3)}.feed-header__avatar,.feed-header__filter{display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;border:1px solid var(--color-primary-light);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-primary);font-family:var(--font-family-heading);font-size:var(--font-size-xs);cursor:pointer}.feed-header__avatar-photo{width:100%;height:100%;border-radius:var(--radius-full);object-fit:cover}.feed-header__filter,.feed-header__skinny-news{margin-left:var(--space-2);border:none;background:var(--color-bg-tertiary);color:var(--color-text)}.feed-header__skinny-news{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:var(--radius-full);border:2px solid var(--color-primary);overflow:hidden;cursor:pointer}.feed-header__skinny-news-image{width:30px;height:30px;border-radius:var(--radius-full);display:block;object-fit:cover}.feed-header__skinny-news:hover,.feed-header__skinny-news:focus-visible{border-color:var(--color-primary-dark)}.feed-header__skinny-news:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.feed-header__ask{display:inline-flex;align-items:center;gap:var(--space-2);margin-left:auto;border:none;background:transparent;color:var(--color-banner-heading);font-family:var(--font-family-body);font-size:var(--font-size-sm);cursor:pointer}.feed-header__robi{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--color-primary-light);border-radius:var(--radius-full);color:var(--color-primary);background:var(--color-surface)}.feed-header__robi-image{width:20px;height:20px;display:block}.feed-tabs__tab{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);flex:1;padding:var(--space-2) var(--space-3);border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-semi-bold);letter-spacing:var(--letter-spacing-wide);cursor:pointer;transition:background .15s,color .15s,border-color .15s}.feed-tabs__tab-icon{width:18px;height:18px;flex:0 0 auto}.feed-tabs__tab:hover{color:var(--color-primary)}.feed-tabs__tab:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.feed-tabs__tab--active{background:var(--color-surface);border-color:var(--color-tab-active-border);color:var(--color-primary)}.feed-list{display:flex;flex-direction:column;gap:var(--space-3)}.feed-empty{padding:var(--space-12) var(--space-4);text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-md)}.feed-empty--buddies{display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.feed-empty__title{margin:0;color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.feed-empty__subtitle{margin:0 0 var(--space-2);max-width:320px}.feed-status{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-12) var(--space-4);text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-md)}.feed-status--error{color:var(--color-error-dark)}.post-skeleton__avatar{width:48px;height:48px}.post-skeleton__author{display:flex;min-width:0;flex:1;flex-direction:column;gap:var(--space-2)}.post-skeleton__line--name{width:40%}.post-skeleton__line--meta{width:25%;height:var(--space-2)}.post-skeleton__text{display:flex;flex-direction:column;gap:var(--space-2);padding:0 var(--space-4) var(--space-3)}.post-skeleton__line--short{width:65%}.skeleton.post-skeleton__media{width:100%;aspect-ratio:16 / 9;border-radius:0}.post-skeleton__action{width:var(--space-10);height:var(--space-4)}.post-card{border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-card);overflow:hidden}.post-card__header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-4) var(--space-3)}.post-card__avatar{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-full);font-family:var(--font-family-body);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);flex-shrink:0}img.post-card__avatar{object-fit:cover}.post-card__author{display:flex;flex-direction:column;flex:1;min-width:0}.post-card__author-action{padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:inherit;cursor:pointer}.post-card__author-action:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px;border-radius:var(--radius-xs)}.post-card__avatar-action{display:inline-flex;flex-shrink:0;border-radius:var(--radius-full)}.post-card__menu-action{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:var(--radius-full);background:transparent;color:var(--color-text-secondary);cursor:pointer}.post-card__menu-action:hover{background:var(--color-bg-secondary);color:var(--color-text)}.post-card__menu-action:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.post-card__name{font-family:var(--font-family-body);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);line-height:var(--line-height-md);color:var(--color-text)}.post-card__feeling{font-weight:var(--font-weight-regular);color:var(--color-text-secondary)}.post-card__tagged-user{font-weight:var(--font-weight-bold)}.post-card__tagged-text{font-weight:var(--font-weight-regular)}.post-card__meta{font-size:var(--font-size-xs);font-weight:var(--font-weight-regular);color:var(--color-text-secondary)}.post-card__text{font-family:var(--font-family-body);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:var(--line-height-md);color:var(--color-post-body);padding:0 var(--space-4) var(--space-3);white-space:pre-line}.post-card__text a{color:var(--color-primary);text-decoration:underline}.post-card__text p{margin:var(--space-1) 0;padding:0}.post-card__text:has(iframe){white-space:normal}.post-card:not(:has(.post-card__separate-hashtags)) .post-card__text{padding-bottom:var(--space-2)}.post-card__separate-hashtags{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-2);padding-top:0;padding-bottom:var(--space-2);white-space:normal}.post-card__hashtag{color:var(--color-primary)}.feed-hashtag-banner{display:flex;align-items:center;gap:var(--space-2);min-height:40px;padding:0 var(--space-3);margin-bottom:var(--space-3);border-radius:var(--radius-md);background:var(--color-bg-secondary)}.feed-hashtag-banner__text{font-size:var(--font-size-sm);color:var(--color-text-secondary);white-space:nowrap}.feed-hashtag-banner__tag{display:inline-flex;align-items:center;height:28px;padding:0 var(--space-3);border-radius:var(--radius-full);background:var(--color-primary-surface);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary);white-space:nowrap}.feed-hashtag-banner__clear{margin-left:auto;border:none;background:none;padding:var(--space-1) var(--space-2);font:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-primary);cursor:pointer;border-radius:var(--radius-sm);transition:background .15s ease;white-space:nowrap}.feed-hashtag-banner__clear:hover{background:var(--color-primary-surface)}.post-card__media-button{display:block;position:relative;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in}.post-card__gallery-badge{position:absolute;top:var(--space-2);right:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);background:var(--color-overlay);color:var(--color-text-inverse);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);pointer-events:none}.post-card__media{display:block;width:100%;height:auto;object-position:center;border-radius:var(--radius-md)}.post-card__media-button img.post-card__media{--post-media-max-height: 640px;--post-media-placeholder-ratio: 4 / 3;width:auto;max-width:100%;max-height:var(--post-media-max-height);margin-inline:auto;object-fit:contain}.post-card__media-button img.post-card__media--unmeasured{width:100%;aspect-ratio:var(--post-media-placeholder-ratio);background:var(--color-bg-secondary)}.post-card__media-button video.post-card__media{width:100%;height:auto;max-height:none;object-fit:cover;object-position:center;background:var(--color-media-stage-dark)}.post-card__media-button video.post-card__media:fullscreen{width:100vw;height:100vh;max-width:100vw;max-height:100vh;object-fit:contain;background:var(--color-media-stage-dark)}.post-card__media-button video.post-card__media:-webkit-full-screen{width:100vw;height:100vh;max-width:100vw;max-height:100vh;object-fit:contain;background:var(--color-media-stage-dark)}.post-card__media--sunrise{background:var(--gradient-media-sunrise)}.post-card__media--meal{background:var(--gradient-media-meal)}.post-card__media--workout{background:var(--gradient-media-workout)}.post-card__gallery{display:grid;gap:2px;border-radius:var(--radius-md);overflow:hidden;background:var(--color-media-stage);aspect-ratio:1 / 1}.post-card__gallery--2{grid-template-columns:1fr 1fr;aspect-ratio:16 / 9}.post-card__gallery--3{grid-template-columns:2fr 1fr;grid-template-rows:1fr 1fr}.post-card__gallery--3 .post-card__gallery-item:first-child{grid-row:1 / span 2}.post-card__gallery--4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.post-card__gallery--5{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr}.post-card__gallery--5 .post-card__gallery-item:first-child{grid-column:1 / span 2;grid-row:1 / span 2}.post-card__gallery--6{grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr}.post-card__gallery-item{position:relative;display:block;padding:0;border:0;background:var(--color-media-stage);cursor:zoom-in;overflow:hidden}.post-card__gallery-item img{width:100%;height:100%;object-fit:cover;display:block}.post-card__gallery-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000080;color:var(--color-text-inverse);font-size:var(--font-size-xl);font-weight:var(--font-weight-semi-bold)}.post-card__actions{display:flex;align-items:center;gap:var(--space-6);padding:var(--space-3) var(--space-4)}.post-card__action-group{display:inline-flex;align-items:center;gap:var(--space-1)}.post-card__action{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text-tertiary);font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:color .15s,background .15s}.post-card__action:hover{color:var(--color-primary);background:var(--color-tab-container)}.post-card__count{padding:var(--space-1) var(--space-2);border:0;border-radius:var(--radius-md);background:transparent;color:var(--color-text-tertiary);font:inherit;cursor:pointer}.post-card__count:hover{color:var(--color-primary);background:var(--color-tab-container)}.post-card__action--liked,.post-card__action--liked:hover{color:var(--color-error)}.post-card__action:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.post-card__buddy{display:inline-flex;align-items:center;justify-content:center;width:var(--space-8);height:var(--space-8);flex:0 0 auto;margin-left:auto;padding:0;border:2px solid var(--color-primary);border-radius:var(--radius-full);background:var(--color-primary-surface);color:var(--color-primary);cursor:pointer;transition:border-color .15s,background .15s}.post-card__buddy:hover{border-color:var(--color-primary-dark);background:var(--color-tab-container)}.post-card__buddy:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.post-card__buddy:disabled{cursor:wait;opacity:.7}.post-card__buddy-avatar{width:100%;height:100%;border-radius:var(--radius-full);object-fit:cover}.post-card__buddy-spinner{width:var(--space-4);height:var(--space-4);border:2px solid var(--color-primary);border-top-color:transparent;border-radius:var(--radius-full);animation:post-buddy-spin .6s linear infinite}@keyframes post-buddy-spin{to{transform:rotate(360deg)}}@media(max-width:768px){.feed-header{top:var(--mobile-top-bar-height)}.feed-tabs{gap:var(--space-2);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.feed-tabs::-webkit-scrollbar{display:none}.post-card__media-button img.post-card__media{--post-media-max-height: 450px}.post-card__actions{gap:var(--space-4);padding:var(--space-2) var(--space-3);flex-wrap:wrap;row-gap:var(--space-2);justify-content:space-between;width:100%;box-sizing:border-box;padding-bottom:var(--space-3)}.post-card__action{flex:0 0 auto;justify-content:center}.post-card__action span{font-size:var(--font-size-xs)}}@media(max-width:480px){.feed-tabs__tab{padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-normal)}.post-card__header{padding:var(--space-3) var(--space-3) var(--space-1)}.post-card__avatar{width:40px;height:40px;font-size:var(--font-size-sm)}.post-card__text{padding:0 var(--space-3) var(--space-2);font-size:var(--font-size-sm);line-height:var(--line-height-base)}.post-card__media-button img.post-card__media{--post-media-max-height: 350px}.post-card__actions{gap:var(--space-3);padding:var(--space-2) var(--space-3) var(--space-3)}.post-card__action{font-size:var(--font-size-xs)}}.form-error{display:flex;align-items:flex-start;gap:var(--space-1);color:var(--color-error-dark);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1.4;text-align:left}.form-error__icon{flex:none;margin-top:1px}.form-error__text{min-width:0}.form-error--field{margin-top:var(--space-1);animation:form-error-in .14s ease-out}.form-error--banner{gap:var(--space-2);align-items:center;padding:var(--space-2) var(--space-3);border:1px solid var(--color-error-light);border-left:3px solid var(--color-error);border-radius:var(--radius-md);background:var(--color-error-surface);font-size:var(--font-size-sm);animation:form-error-in .16s ease-out}@keyframes form-error-in{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.form-error--field,.form-error--banner{animation:none}}.gif-picker{--gif-picker-tile-aspect: 1 / 1;display:flex;flex-direction:column;gap:var(--space-3);width:100%;height:100%}.gif-picker__search{display:flex;flex-shrink:0;align-items:center;gap:var(--space-2);min-height:var(--space-10);padding:0 var(--space-3);border:1px solid var(--color-input-border);border-radius:var(--radius-full);background:var(--color-input);transition:border-color var(--transition-fast) ease,box-shadow var(--transition-fast) ease}.gif-picker__search:focus-within{border-color:var(--color-primary);box-shadow:var(--shadow-drop-target)}.gif-picker__search-icon{flex:0 0 auto;color:var(--color-icon-secondary)}.gif-picker__search-input{min-width:0;flex:1;border:0;background:transparent;color:var(--color-text);font:inherit;font-size:var(--font-size-base);outline:0}.gif-picker__search-input::placeholder{color:var(--color-text-tertiary)}.gif-picker__search-input::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.gif-picker__body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.gif-picker__body::-webkit-scrollbar{width:var(--space-1)}.gif-picker__body::-webkit-scrollbar-track{background:transparent}.gif-picker__body::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.gif-picker__body::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.gif-picker__grid,.gif-picker__skeleton-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2);margin:0;padding:0;list-style:none}.gif-picker__cell{min-width:0}.gif-picker__item,.gif-picker__skeleton-grid .gif-picker__skeleton-cell{aspect-ratio:var(--gif-picker-tile-aspect);border-radius:var(--radius-lg)}.gif-picker__item{position:relative;display:block;width:100%;overflow:hidden;padding:0;border:1px solid transparent;background:var(--color-bg-secondary);cursor:pointer;transition:transform var(--transition-fast) ease,box-shadow var(--transition-fast) ease,border-color var(--transition-fast) ease}@media(hover:hover){.gif-picker__item:hover:not(:disabled){transform:scale(1.03);box-shadow:var(--shadow-md)}}.gif-picker__item:active:not(:disabled){transform:scale(.99)}.gif-picker__item:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.gif-picker__item:disabled{opacity:.5;cursor:not-allowed}.gif-picker__item img{display:block;width:100%;height:100%;object-fit:cover}.gif-picker__item--selected{border-color:var(--color-primary);box-shadow:var(--shadow-drop-target)}.gif-picker__check{position:absolute;top:var(--space-2);right:var(--space-2);display:grid;width:var(--space-6);height:var(--space-6);place-items:center;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-text-inverse);opacity:0;transform:scale(.8);transition:opacity var(--transition-fast) ease,transform var(--transition-fast) ease}.gif-picker__item--selected .gif-picker__check{opacity:1;transform:none}.gif-picker__status{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);margin:0;padding:var(--space-8) var(--space-3);color:var(--color-text-secondary);font-size:var(--font-size-base);text-align:center}.gif-picker__status p{margin:0}.gif-picker__status-hint{color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.gif-picker__retry{min-height:var(--space-8);padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-primary);font:inherit;font-size:var(--font-size-sm);cursor:pointer}.gif-picker__retry:hover{background:var(--color-bg-secondary)}@media(min-width:640px){.gif-picker__grid,.gif-picker__skeleton-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.gif-picker__item,.gif-picker__check{transition:none}.gif-picker__item:hover:not(:disabled),.gif-picker__item:active:not(:disabled){transform:none}}.comments-modal__body{display:flex;min-height:0;flex:1;flex-direction:column;overflow:auto;overscroll-behavior:contain}.comments-modal__post{margin:var(--space-4) var(--space-5) var(--space-2);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-divider)}.comments-modal__post-author{display:flex;align-items:center;gap:var(--space-2)}.comments-modal__post-author-avatar{display:grid;width:var(--space-10);flex:0 0 var(--space-10);aspect-ratio:1;place-items:center;border-radius:var(--radius-full);object-fit:cover}.comments-modal__post-author-avatar--initials{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.comments-modal__post-author strong{font-size:var(--font-size-sm)}.comments-modal__post-author small{margin-left:auto;color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.comments-modal__post-author-avatar-action{display:flex;flex:0 0 auto;padding:0;border:0;background:transparent;cursor:pointer;border-radius:var(--radius-full)}.comments-modal__post-author-avatar-action:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.comments-modal__post-author-action{padding:0;border:0;background:transparent;color:inherit;font:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-align:inherit;cursor:pointer}.comments-modal__post-author-action:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px;border-radius:var(--radius-xs)}.comments-modal__post-menu{display:grid;flex:0 0 auto;place-items:center;width:var(--space-8);height:var(--space-8);padding:0;border:0;border-radius:var(--radius-full);background:transparent;color:var(--color-text-secondary);cursor:pointer}.comments-modal__post-menu:hover{background:var(--color-bg-secondary);color:var(--color-text)}.comments-modal__post-menu:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.comments-modal__post p{margin:var(--space-2) 0;color:var(--color-post-body);font-size:var(--font-size-sm);line-height:var(--line-height-md)}.modal.feed-modal--post-detail{width:min(96vw,640px);height:min(92vh,820px);max-height:min(92vh,820px);display:flex;flex-direction:column}.feed-modal--post-detail .comments-modal__body{display:flex;flex:1;flex-direction:column;overflow:auto}.feed-modal--post-detail .comments-modal__post{flex:0 0 auto;margin:0;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-divider)}.feed-modal--post-detail .comments-modal__list{flex:1 1 auto;min-height:0;overflow:visible;border-left:0;padding:var(--space-3) var(--space-5) var(--space-4)}.feed-modal--post-detail .comments-modal__composer{flex:0 0 auto}.comments-modal__post-actions{display:flex;align-items:center;gap:var(--space-5);margin-top:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--color-divider)}.comments-modal__post-action-group{display:flex;align-items:center;gap:var(--space-1)}.comments-modal__post-action{display:inline-flex;align-items:center;gap:var(--space-1);border:0;background:transparent;color:var(--color-text-secondary);font:inherit;font-size:var(--font-size-sm);cursor:pointer;padding:var(--space-1) 0}.comments-modal__post-action--liked{color:var(--color-error)}.comments-modal__post-count{border:0;background:transparent;color:var(--color-text-secondary);font:inherit;font-size:var(--font-size-sm);cursor:pointer;padding:0}.comments-modal__post-count:hover{color:var(--color-text)}.modal.feed-modal--media-viewer{width:min(96vw,1200px);height:min(92vh,820px);max-height:min(92vh,820px);display:flex;flex-direction:column}.media-viewer{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,36%);flex:1;min-height:0}.media-viewer__media{display:flex;align-items:center;justify-content:center;min-width:0;min-height:0;background:var(--color-media-stage);overflow:hidden}.media-viewer__media .comments-modal__media-stage{position:relative;container-type:size;display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-height:0;padding:var(--space-5);background:var(--color-media-stage)}.media-viewer__media .comments-modal__post-media{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center;border-radius:var(--radius-lg)}.media-viewer__media--framed .comments-modal__post-media{width:min(100cqw,calc(100cqh * var(--media-aspect)));height:auto}.media-viewer__media--framed img.comments-modal__post-media{background:var(--color-surface);box-shadow:var(--shadow-xs)}.comments-modal__post-media:fullscreen{width:100vw;height:100vh;max-width:100vw;max-height:100vh;object-fit:contain;background:var(--color-media-stage-dark)}.comments-modal__post-media:-webkit-full-screen{width:100vw;height:100vh;max-width:100vw;max-height:100vh;object-fit:contain;background:var(--color-media-stage-dark)}.media-viewer__side{display:flex;min-width:0;min-height:0;flex-direction:column;border-left:1px solid var(--color-media-stage-border);background:var(--color-surface)}.media-viewer__scroll{display:flex;flex:1;min-height:0;flex-direction:column;overflow:auto;overscroll-behavior:contain}.media-viewer__scroll .comments-modal__post{margin:0;padding:var(--space-4) var(--space-5) var(--space-3);border-bottom:1px solid var(--color-divider)}.media-viewer__scroll .comments-modal__list{flex:1;min-height:0;overflow:visible;padding:var(--space-3) var(--space-5) var(--space-4)}.media-viewer__side .comments-modal__composer{flex:0 0 auto}.comments-modal__list{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3) var(--space-6) var(--space-4) var(--space-5)}.comments-modal__status{margin:var(--space-8) 0;color:var(--color-text-secondary);text-align:center}.feed-modal-skeleton{gap:var(--space-4);padding:var(--space-2) 0}.feed-modal-skeleton__row{display:flex;align-items:center;gap:var(--space-3)}.feed-modal-skeleton__avatar{width:var(--space-10);height:var(--space-10)}.feed-modal-skeleton__meta{display:flex;min-width:0;flex:1;flex-direction:column;gap:var(--space-2)}.feed-modal-skeleton__line--name{width:40%}.feed-modal-skeleton__line--text{width:70%}.feed-modal-skeleton__line--option{width:65%;height:var(--space-4)}.comment-row-wrapper{padding:var(--space-1) 0}.comment-row-wrapper--reply{padding:0}.comment-row{display:flex;align-items:stretch;gap:var(--space-2)}.comment-row--new{animation:comment-row-enter var(--space-6) ease-out both}.comment-row--reply{--comment-avatar-size: 28px}@keyframes comment-row-enter{0%{opacity:0;transform:translateY(var(--space-2))}to{opacity:1;transform:translateY(0)}}.comment-row__avatar-col{flex-shrink:0}.comment-row__avatar{display:grid;width:var(--space-10);aspect-ratio:1;place-items:center;border-radius:var(--radius-full);object-fit:cover}.comment-row__avatar-action{display:flex;padding:0;border:0;background:transparent;cursor:pointer;border-radius:var(--radius-full)}.comment-row__avatar-action:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.comment-row__avatar--reply{width:28px;height:28px}.comment-row__avatar--initials{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.comment-row__content{flex:1;min-width:0}.comment-row__meta{display:flex;align-items:baseline;gap:var(--space-2)}.comment-row__meta strong{font-size:var(--font-size-sm)}.comment-row__meta small{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.comment-row__author-action{padding:0;border:0;background:transparent;color:inherit;font:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);text-align:inherit;cursor:pointer}.comment-row__author-action:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px;border-radius:var(--radius-xs)}.comment-row__edited-label{color:var(--color-text-tertiary);font-size:var(--font-size-xs);font-style:italic}.comment-row__content p{margin:var(--space-1) 0;color:var(--color-post-body);font-size:var(--font-size-sm);line-height:var(--line-height-sm);overflow-wrap:anywhere}.comment-row__reply-mention{color:var(--color-primary);font-weight:var(--font-weight-medium)}.comment-row__media{display:block;max-width:200px;margin-top:var(--space-1);border-radius:var(--radius-md)}.comment-row__reply-btn{margin-top:var(--space-1);border:0;background:transparent;color:var(--color-text-secondary);font:inherit;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;padding:0}.comment-row__reply-btn:hover{color:var(--color-primary)}.comment-row__right-col{display:flex;flex-direction:column;align-items:center;justify-content:space-between;flex-shrink:0;position:relative;padding-bottom:var(--space-1)}.comment-row__like{display:flex;align-items:center;gap:2px;border:0;background:transparent;color:var(--color-text-tertiary);font-size:var(--font-size-xs);cursor:pointer;padding:2px 0}.comment-row__like--active{color:var(--color-error)}.comment-row__kebab{display:grid;place-items:center;width:var(--space-7);height:var(--space-7);border:0;border-radius:var(--radius-full);background:transparent;color:var(--color-text-tertiary);cursor:pointer;position:relative;z-index:12;opacity:0;transition:opacity var(--transition-fast)}.comment-row:hover .comment-row__kebab,.comment-row:focus-within .comment-row__kebab,.comment-row__kebab:focus-visible,.comment-row__kebab[aria-expanded=true]{opacity:1}.comment-row__kebab:hover{background:var(--color-bg-secondary);color:var(--color-text)}.comment-row__kebab:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:1px}.comment-row__edit{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-1)}.comment-row__edit-input{width:100%;min-height:var(--space-10);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-text);font:inherit;font-size:var(--font-size-sm);line-height:var(--line-height-sm);resize:vertical}.comment-row__edit-input:focus{border-color:var(--color-primary);outline:2px solid var(--color-border-focused);outline-offset:1px}.comment-row__edit-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.comment-row__edit-counter{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.comment-row__edit-actions{display:flex;gap:var(--space-2)}.comment-row__edit-cancel{padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:transparent;color:var(--color-text-secondary);font:inherit;font-size:var(--font-size-xs);cursor:pointer}.comment-row__edit-cancel:hover{background:var(--color-bg-secondary)}.comment-row__edit-save{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border:0;border-radius:var(--radius-sm);background:var(--color-primary);color:var(--color-text-inverse);font:inherit;font-size:var(--font-size-xs);cursor:pointer}.comment-row__edit-save:disabled{opacity:.5;cursor:not-allowed}.comment-row__replies-section{margin-top:var(--space-1);padding-left:calc(var(--space-10) + var(--space-2))}.comment-row__replies-toggle{border:0;background:transparent;color:var(--color-text-secondary);font:inherit;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;padding:var(--space-1) 0}.comment-row__replies-toggle:hover{color:var(--color-primary)}.comment-row__replies-list{margin-top:var(--space-1);display:flex;flex-direction:column;gap:var(--space-1)}.comments-modal__banner{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-5);background:var(--color-bg-secondary);border-top:1px solid var(--color-divider);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.comments-modal__banner strong{color:var(--color-text)}.comments-modal__banner button{display:grid;place-items:center;width:var(--space-7);height:var(--space-7);border:0;border-radius:var(--radius-full);background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-lg);cursor:pointer}.comments-modal__banner button:hover{background:var(--color-bg-tertiary, var(--color-bg-secondary))}.comments-modal__emoji-panel{height:320px;flex-shrink:0;overflow:hidden;border-top:1px solid var(--color-divider);background:var(--color-surface)}.mention-suggestions{position:absolute;bottom:100%;left:var(--space-5);right:var(--space-5);z-index:20;max-height:220px;margin:0 0 var(--space-2);padding:var(--space-1);overflow-y:auto;list-style:none;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-lg)}.mention-suggestions__item{display:flex;width:100%;align-items:center;gap:var(--space-2);padding:var(--space-2);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text);font:inherit;text-align:left;cursor:pointer}.mention-suggestions__item--active{background:var(--color-bg-secondary)}.mention-suggestions__item:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:-2px}.mention-suggestions__avatar{width:var(--space-8);height:var(--space-8);flex-shrink:0;border-radius:var(--radius-full);object-fit:cover}.mention-suggestions__avatar--initials{display:grid;place-items:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.mention-suggestions__text{display:flex;min-width:0;flex-direction:column}.mention-suggestions__name{overflow:hidden;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-overflow:ellipsis;white-space:nowrap}.mention-suggestions__username{overflow:hidden;color:var(--color-text-tertiary);font-size:var(--font-size-xs);text-overflow:ellipsis;white-space:nowrap}.comments-modal__composer{position:sticky;bottom:0;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-divider);background:var(--color-surface)}.comments-modal__composer input{min-width:0;flex:1;min-height:var(--space-10);padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-bg-secondary);color:var(--color-text);font:inherit;font-size:var(--font-size-sm)}.comments-modal__tool,.comments-modal__send{display:grid;width:var(--space-10);height:var(--space-10);flex:0 0 var(--space-10);place-items:center;border:0;border-radius:var(--radius-full);background:transparent;color:var(--color-text-secondary);cursor:pointer}.comments-modal__tool svg{display:block}.comments-modal__tool:hover{background:var(--color-bg-secondary)}.comments-modal__tool:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.comments-modal__tool[aria-pressed=true]{color:var(--color-primary)}.comments-modal__send{background:var(--color-primary);color:var(--color-text-inverse)}.comments-modal__send:disabled{opacity:.5;cursor:not-allowed}.comments-modal__tool--gif{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);color:var(--color-primary)}.comments-modal__gif-panel{height:380px;flex-shrink:0;overflow:hidden;padding:var(--space-2) var(--space-3);border-top:1px solid var(--color-border);background:var(--color-surface)}.comments-modal__gif-panel .gif-picker{--gif-picker-tile-aspect: 16 / 9}.filter-modal__content{display:flex;min-height:0;flex-direction:column;gap:var(--space-5);overflow:auto;overscroll-behavior:contain;padding:var(--space-5)}.filter-modal__tabs{display:flex;padding:var(--space-1);border-radius:var(--radius-lg);background:var(--color-bg-secondary)}.filter-modal__tabs button{flex:1;min-height:var(--space-10);border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);font:inherit;font-size:var(--font-size-sm);cursor:pointer}.filter-modal__tabs button.active{border-color:var(--color-border);background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-xs)}.filter-modal__toggle{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.filter-modal__toggle span{display:flex;flex-direction:column;gap:var(--space-1)}.filter-modal__toggle strong,.filter-modal__content legend{color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-semi-bold)}.filter-modal__toggle small{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.filter-modal__toggle input{width:var(--space-7);height:var(--space-4);accent-color:var(--color-primary);cursor:pointer}.filter-modal__content fieldset{margin:0;padding:0;border:0}.filter-modal__choices{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2)}.filter-modal__choices button{min-height:var(--space-10);padding:0 var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-secondary);font:inherit;font-size:var(--font-size-sm);cursor:pointer}.filter-modal__choices button.active{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-text-inverse)}.filter-modal__range .scale-bar{margin-top:var(--space-2)}.filter-modal__empty{padding:var(--space-8) 0;color:var(--color-text-secondary);text-align:center}.filter-modal__people-tab,.filter-modal__hashtag-tab{display:flex;flex-direction:column;gap:var(--space-4)}.filter-modal__unit-toggle{display:inline-flex;gap:var(--space-1);align-self:flex-end;margin-bottom:var(--space-2);padding:2px;border-radius:var(--radius-md);background:var(--color-bg-secondary)}.filter-modal__unit{min-width:44px;padding:var(--space-1) var(--space-2);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-secondary);font:inherit;font-size:var(--font-size-xs);cursor:pointer}.filter-modal__unit.active{background:var(--color-surface);color:var(--color-text);font-weight:var(--font-weight-medium)}.filter-modal__unit:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:1px}.filter-modal__select{width:100%;min-height:var(--space-10);padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:var(--font-size-sm);cursor:pointer}.filter-modal__select:focus-visible{border-color:var(--color-primary);outline:2px solid var(--color-border-focused);outline-offset:1px}.filter-modal__search-row{display:flex;align-items:center;gap:var(--space-2);min-height:var(--space-10);padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-text-tertiary)}.filter-modal__search-input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--color-text);font:inherit;font-size:var(--font-size-sm)}.filter-modal__search-input::placeholder{color:var(--color-text-tertiary)}.filter-modal__suggestions{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:var(--space-1)}.filter-modal__suggestion{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:var(--font-size-sm);text-align:left;cursor:pointer}.filter-modal__suggestion:hover{background:var(--color-bg-secondary)}.filter-modal__chips-section{display:flex;flex-direction:column;gap:var(--space-2)}.filter-modal__chips-section strong{font-size:var(--font-size-sm);color:var(--color-text)}.filter-modal__chips{display:flex;flex-wrap:wrap;gap:var(--space-2)}.filter-modal__chip{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-text-inverse);font-size:var(--font-size-xs)}.filter-modal__chip button{display:grid;place-items:center;width:18px;height:18px;border:0;border-radius:var(--radius-full);background:transparent;color:var(--color-text-inverse);cursor:pointer}.filter-modal__chip button:hover{background:#fff3}.filter-modal__footer{display:flex;gap:var(--space-3);margin-top:var(--space-2)}.filter-modal__footer button{flex:1}.comments-modal__media-stage{position:relative;display:grid;place-items:center;min-width:0}.comments-modal__post-media{display:block;width:100%;max-height:600px;border-radius:var(--radius-md);object-fit:contain;object-position:center;background:var(--color-media-stage)}.comments-modal__media-stage video.comments-modal__post-media{background:var(--color-media-stage-dark)}.comments-modal__media-navigation{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-2);pointer-events:none}.comments-modal__media-navigation button{display:grid;width:var(--space-10);height:var(--space-10);place-items:center;border:0;border-radius:var(--radius-full);background:var(--color-overlay);color:var(--color-text-inverse);font-size:var(--font-size-xl);pointer-events:auto;cursor:pointer}.likes-modal__list{display:flex;min-height:180px;max-height:60vh;flex-direction:column;gap:var(--space-2);overflow:auto;overscroll-behavior:contain;padding:var(--space-4) var(--space-5)}.likes-modal__user{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2);border-radius:var(--radius-md)}.likes-modal__user:hover{background:var(--color-bg-secondary)}.likes-modal__identity{display:flex;min-width:0;flex:1;align-items:center;gap:var(--space-3);border:0;background:transparent;color:var(--color-text);text-align:left;cursor:pointer}.likes-modal__identity--static{cursor:default}.report-post-modal{width:min(100%,32rem);min-height:0}.report-post-modal .modal__header{flex:0 0 auto}.report-post-modal__content{display:flex;min-height:0;flex:1;flex-direction:column;gap:var(--space-4);overflow:hidden;padding:var(--space-4) var(--space-5) var(--space-3)}.report-post-modal__intro{display:grid;gap:var(--space-1)}.report-post-modal__heading{margin:0;color:var(--color-text);font-size:var(--font-size-md);font-weight:var(--font-weight-semi-bold)}.report-post-modal__subheading{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.report-post-modal__reasons{display:grid;min-height:0;flex:1;gap:var(--space-2);overflow-y:auto;overscroll-behavior:contain;padding:var(--space-1) var(--space-1) var(--space-2) 0}.report-post-modal__reason-wrap{display:grid;gap:var(--space-2)}.report-post-modal__reason{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:var(--space-10);padding:var(--space-2) 0;border:0;border-radius:0;background:transparent;color:var(--color-text);font:inherit;text-align:left;cursor:pointer}.report-post-modal__reason:hover,.report-post-modal__reason--selected{color:var(--color-primary)}.report-post-modal__reason-indicator{display:grid;width:var(--space-5);height:var(--space-5);flex-shrink:0;place-items:center;margin-top:1px;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-inverse);font-size:var(--font-size-sm);line-height:1}.report-post-modal__reason--selected .report-post-modal__reason-indicator{border-color:var(--color-primary);background:var(--color-primary)}.report-post-modal__reason-label{font-size:var(--font-size-sm);line-height:var(--line-height-md)}.report-post-modal__details{display:block;box-sizing:border-box;width:100%;min-height:7rem;max-height:12rem;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-text);font:inherit;line-height:var(--line-height-md);resize:vertical}.report-post-modal__content>.ui-button{flex:0 0 auto;margin-top:auto}.report-post-modal__success{display:grid;gap:var(--space-4);justify-items:center;padding:var(--space-2) 0 var(--space-1);text-align:center}.report-post-modal__success-icon{display:grid;place-items:center;width:4rem;height:4rem;border-radius:var(--radius-full);background:var(--color-success);color:var(--color-text-inverse);font-size:var(--font-size-2xl)}.report-post-modal__success h3,.report-post-modal__success p{margin:0}.feed-prompt-modal{width:min(100%,424px)}.feed-prompt-modal .modal__header{justify-content:flex-end;padding:var(--space-3) var(--space-3) 0;border-bottom:0}.feed-prompt-modal .modal__header h2{display:none}.feed-prompt{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:0 var(--space-5) var(--space-8);text-align:center}.feed-prompt__media{display:inline-flex;width:var(--size-avatar-lg);height:var(--size-avatar-lg);flex:0 0 var(--size-avatar-lg);align-items:center;justify-content:center;border-radius:var(--radius-full);object-fit:cover}.feed-prompt__media--initials{font-size:var(--font-size-md);font-weight:var(--font-weight-bold)}.feed-prompt__media--preview{width:var(--size-media-preview);height:auto;flex:0 0 auto;aspect-ratio:3 / 2;border-radius:var(--radius-md)}.feed-prompt__media--alert{color:var(--color-error)}.feed-prompt__copy{display:flex;width:100%;flex-direction:column;gap:var(--space-3)}.feed-prompt__title{margin:0;color:var(--color-text);font-family:var(--font-family-body);font-size:var(--font-size-md);font-weight:var(--font-weight-semi-bold);line-height:1.1;letter-spacing:-.32px;overflow-wrap:anywhere}.feed-prompt__message{margin:0;color:var(--color-text-secondary);font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:1.45;letter-spacing:-.12px}.feed-prompt__actions{display:flex;width:100%;align-items:center;gap:var(--space-3)}.feed-prompt__actions .ui-button{min-height:32px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:1.1;letter-spacing:-.24px}.feed-prompt__actions .ui-button--ghost{background:var(--color-btn-secondary-bg);color:var(--color-btn-secondary-text)}.feed-prompt__actions .ui-button--ghost:hover:not(:disabled){background:var(--color-bg-tertiary)}.likes-modal__user img,.likes-modal__avatar{display:grid;width:var(--space-10);flex:0 0 var(--space-10);aspect-ratio:1;place-items:center;border-radius:var(--radius-full);object-fit:cover}.likes-modal__avatar{font-weight:var(--font-weight-bold)}.likes-modal__identity>span:not(.likes-modal__avatar){display:flex;min-width:0;flex-direction:column;gap:var(--space-1)}.likes-modal__user strong{overflow:hidden;font-size:var(--font-size-sm);text-overflow:ellipsis;white-space:nowrap}.likes-modal__user small{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.likes-modal__follow{min-width:72px;min-height:var(--space-8);padding:0 var(--space-2);border:1px solid var(--color-primary);border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-text-inverse);font:inherit;font-size:var(--font-size-xs);cursor:pointer}.likes-modal__follow:disabled{opacity:.65;cursor:wait}.likes-modal__user>svg{flex:0 0 auto;color:var(--color-error)}.share-post-modal{width:min(100%,26rem)}.share-post{display:flex;gap:var(--space-6);padding:var(--space-5)}.share-post__option{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);border:0;background:transparent;color:var(--color-text);font:inherit;font-size:var(--font-size-sm);cursor:pointer}.share-post__icon{display:grid;width:var(--space-12);height:var(--space-12);place-items:center;border-radius:var(--radius-full);background:var(--color-bg-secondary);color:var(--color-text-secondary)}.share-post__option:hover .share-post__icon{background:var(--color-primary-surface);color:var(--color-primary)}.share-post__option:disabled{opacity:.65;cursor:wait}@media(max-width:768px){.report-post-modal{width:min(100%,32rem);max-height:88vh;border-radius:var(--radius-lg)}.report-post-modal__content{padding-right:var(--space-4);padding-left:var(--space-4)}.report-post-modal__reason{min-height:var(--space-10);padding:var(--space-3) var(--space-2)}.report-post-modal__details{min-height:8rem}.modal.feed-modal--post-detail,.modal.feed-modal--media-viewer{width:100%;height:94vh;max-height:94vh}.media-viewer{display:flex;flex-direction:column}.media-viewer__media{flex:0 0 auto;max-height:42vh;background:var(--color-media-stage)}.media-viewer__media .comments-modal__media-stage{background:var(--color-media-stage)}.media-viewer__media .comments-modal__post-media{max-height:42vh;object-fit:contain}.media-viewer__side{border-left:0;border-top:1px solid var(--color-divider)}}.comments-modal__post-text{margin:var(--space-2) 0;color:var(--color-post-body);font-size:var(--font-size-sm);line-height:var(--line-height-md);word-break:break-word}.comments-modal__post-text a{color:var(--color-primary);text-decoration:underline}.comments-modal__post-text p{margin:var(--space-1) 0}.comments-modal__post-text br+*{margin-top:var(--space-1)}.comments-modal__separate-hashtags{display:flex;flex-wrap:wrap;gap:var(--space-1) var(--space-2);margin-top:var(--space-1)}.comments-modal__post-text iframe,.post-card__text iframe{display:block;width:100%;max-width:100%;margin:var(--space-2) 0 0;aspect-ratio:16 / 9;border:0;border-radius:var(--radius-md);overflow:hidden}@keyframes comment-highlight-pulse{0%{background:var(--color-primary-surface);box-shadow:0 0 0 2px var(--color-primary)}to{background:transparent;box-shadow:0 0 0 0 transparent}}.comment-row-wrapper--highlighted{border-radius:var(--radius-md);animation:comment-highlight-pulse .4s ease-in-out 0s 4}.comments-modal__comment-unavailable{margin:var(--space-3) 0;padding:var(--space-2) var(--space-3);color:var(--color-text-secondary);font-size:var(--font-size-xs);text-align:center;background:var(--color-bg-secondary);border-radius:var(--radius-sm)}.modal__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);display:grid;place-items:center;padding:var(--space-4);background:var(--color-overlay);overscroll-behavior:contain}.modal{display:flex;width:min(100%,640px);max-height:min(92vh,760px);flex-direction:column;overflow:hidden;overscroll-behavior:contain;border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-modal)}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-divider)}.modal__header h2{margin:0;color:var(--color-text);font-family:var(--font-family-heading);font-size:var(--font-size-lg)}.modal__close{display:grid;width:var(--space-8);height:var(--space-8);place-items:center;border:0;border-radius:var(--radius-full);background:transparent;color:var(--color-text);font-size:var(--font-size-xl);cursor:pointer}.modal__close:hover{background:var(--color-bg-secondary)}@media(max-width:640px){.modal__backdrop{align-items:end;padding:0}.modal{width:100%;max-height:94vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0}}.emoji-picker{display:flex;flex-direction:column;height:100%;min-height:0}.emoji-picker__search-bar{flex-shrink:0;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border)}.emoji-picker__search{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);color:var(--color-text);background:var(--color-bg-secondary)}.emoji-picker__search:focus{outline:none;border-color:var(--color-primary)}.emoji-picker__tabs{flex-shrink:0;display:flex;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-bottom:1px solid var(--color-border);overflow-x:auto}.emoji-picker__tab{flex-shrink:0;display:grid;place-items:center;width:32px;height:32px;border:none;border-radius:var(--radius-sm);background:transparent;font-size:18px;cursor:pointer;transition:background .15s ease}.emoji-picker__tab:hover{background:var(--color-bg-secondary)}.emoji-picker__tab--active{background:var(--color-bg-tertiary)}.emoji-picker__body{flex:1;min-height:0;overflow-y:auto;padding:var(--space-2) var(--space-3)}.emoji-picker__section{margin-bottom:var(--space-3)}.emoji-picker__section-label{margin:0 0 var(--space-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary)}.emoji-picker__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(32px,1fr));gap:2px}.emoji-picker__item{display:grid;place-items:center;width:100%;aspect-ratio:1;border:none;border-radius:var(--radius-sm);background:transparent;font-size:20px;line-height:1;cursor:pointer;transition:background .1s ease}.emoji-picker__item:hover{background:var(--color-bg-secondary)}.emoji-picker__empty{text-align:center;padding:var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.emoji-picker__body::-webkit-scrollbar{width:6px}.emoji-picker__body::-webkit-scrollbar-track{background:transparent}.emoji-picker__body::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.emoji-picker__body::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.emoji-picker__body{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}.scale-bar{--scale-track-height: 4px;--scale-thumb-size: 24px;--scale-thumb-core: 17px;--scale-thumb-halo-width: calc((var(--scale-thumb-size) - var(--scale-thumb-core)) / 2);display:flex;flex-direction:column;gap:var(--space-2);width:100%}.scale-bar--with-values{padding-top:var(--space-6)}.scale-bar__control{position:relative;height:var(--scale-thumb-size)}.scale-bar__track,.scale-bar__fill{position:absolute;top:50%;height:var(--scale-track-height);border:1px solid var(--color-scale-track-border);border-radius:var(--radius-full);box-shadow:var(--shadow-scale-inset);transform:translateY(-50%)}.scale-bar__track{right:0;left:0;background:var(--color-scale-track)}.scale-bar__fill{background:var(--color-primary)}.scale-bar__input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;pointer-events:none}.scale-bar__input::-webkit-slider-thumb{width:var(--scale-thumb-core);height:var(--scale-thumb-core);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:var(--radius-full);background:var(--color-primary);box-shadow:0 0 0 var(--scale-thumb-halo-width) var(--color-scale-thumb-halo);cursor:grab;pointer-events:auto}.scale-bar__input::-moz-range-thumb{width:var(--scale-thumb-core);height:var(--scale-thumb-core);border:0;border-radius:var(--radius-full);background:var(--color-primary);box-shadow:0 0 0 var(--scale-thumb-halo-width) var(--color-scale-thumb-halo);cursor:grab;pointer-events:auto}.scale-bar__input:active::-webkit-slider-thumb{cursor:grabbing}.scale-bar__input:active::-moz-range-thumb{cursor:grabbing}.scale-bar__input:focus-visible::-webkit-slider-thumb{outline:2px solid var(--color-border-focused);outline-offset:2px}.scale-bar__input:focus-visible::-moz-range-thumb{outline:2px solid var(--color-border-focused);outline-offset:2px}.scale-bar__bubble{position:absolute;bottom:calc(100% + var(--space-1));color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semi-bold);line-height:1;white-space:nowrap;transform:translate(-50%)}.scale-bar__bubble:after{content:"";position:absolute;top:calc(100% + 2px);left:50%;border:5px solid transparent;border-top-color:var(--color-primary);border-bottom-width:0;transform:translate(-50%)}.scale-bar__ticks{display:flex;justify-content:space-between;color:var(--color-scale-tick);font-size:var(--font-size-sm);font-weight:var(--font-weight-semi-bold)}.messages-page{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-6) var(--space-5) var(--space-8);background:var(--color-conversation-panel);border-radius:18px;box-shadow:var(--shadow-conversation-panel)}.messages-search{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 var(--space-4);background:var(--color-conversation-search-bg);border:1px solid transparent;border-radius:14px;transition:border-color .18s ease,box-shadow .18s ease}.messages-search:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-halo)}.messages-search__input{flex:1;min-width:0;border:none;background:transparent;font-family:var(--font-family-body);font-size:var(--font-size-md);line-height:1.1;letter-spacing:var(--letter-spacing-condensed);color:var(--color-conversation-primary-text);outline:none}.messages-search__input::placeholder{color:var(--color-conversation-secondary-text)}.messages-search__icon{color:var(--color-conversation-secondary-text);flex-shrink:0;margin-left:var(--space-3)}.messages-filters{display:flex;gap:var(--space-2);align-items:center;padding:0}.messages-filter-chip{display:inline-flex;align-items:center;justify-content:center;height:36px;padding:0 var(--space-4);border:1px solid transparent;border-radius:12px;background:var(--color-conversation-search-bg);font-family:var(--font-family-body);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:1.1;letter-spacing:var(--letter-spacing-condensed);color:var(--color-conversation-secondary-text);cursor:pointer;transition:background .18s ease,color .18s ease}.messages-filter-chip--active{background:var(--color-conversation-selected);color:var(--color-primary);font-weight:var(--font-weight-semi-bold)}.messages-filter-chip:hover{background:var(--color-conversation-hover)}.messages-filter-chip--active:hover{background:var(--color-conversation-selected)}.messages-filter-chip:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.messages-list{display:flex;flex-direction:column;gap:var(--space-1)}.messages-list--enter{animation:messages-list-enter var(--transition-base) ease-out both}@keyframes messages-list-enter{0%{opacity:0;transform:translateY(var(--space-2))}to{opacity:1;transform:translateY(0)}}.conversation-skeleton{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4)}.conversation-skeleton__avatar{width:var(--size-avatar-conversation);height:var(--size-avatar-conversation);flex-shrink:0;border-radius:var(--radius-full)}.conversation-skeleton__body{display:flex;min-width:0;flex:1;flex-direction:column;gap:var(--space-2)}.conversation-skeleton__line--title{width:40%}.conversation-skeleton__line--preview{width:72%}.chat-skeleton{flex:1;gap:var(--space-4);padding:var(--space-4) var(--space-8)}.chat-skeleton__bubble{height:var(--space-12);max-width:60%}.chat-skeleton__bubble--sent{width:45%;align-self:flex-end}.chat-skeleton__bubble--received{width:55%;align-self:flex-start}@media(prefers-reduced-motion:reduce){.messages-list--enter,.conversation-item__unread-badge{animation:none}}.messages-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-12) var(--space-4);text-align:center}.messages-empty__icon{color:var(--color-text-tertiary)}.messages-empty__title{font-family:var(--font-family-body);font-size:var(--font-size-md);font-weight:var(--font-weight-semi-bold);letter-spacing:var(--letter-spacing-condensed);color:var(--color-text)}.messages-empty__desc{font-family:var(--font-family-body);font-size:var(--font-size-base);letter-spacing:var(--letter-spacing-condensed);color:var(--color-text-secondary)}.conversation-row{display:flex;align-items:center}.conversation-item{display:flex;min-width:0;flex:1;align-items:center;gap:var(--space-3);min-height:72px;padding:var(--space-3) var(--space-4);border-radius:10px;cursor:pointer;transition:background .18s ease,box-shadow .18s ease,transform .18s ease}.conversation-row__menu{display:grid;width:var(--space-10);height:var(--space-10);flex-shrink:0;place-items:center;margin-right:var(--space-1);border:0;border-radius:var(--radius-full);background:transparent;color:var(--color-conversation-secondary-text);cursor:pointer;opacity:0;transition:background .18s ease,color .18s ease,opacity .18s ease}.conversation-row:hover .conversation-row__menu,.conversation-row__menu:focus-visible{opacity:1}.conversation-row__menu:hover{background:var(--color-conversation-hover);color:var(--color-conversation-primary-text)}.conversation-row__menu:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:-2px}.conversation-item:hover{background:var(--color-conversation-hover)}@media(hover:hover){.conversation-item:hover{box-shadow:0 1px 3px #0f172a0a,0 4px 12px #0f172a08;transform:translateY(-1px)}}.conversation-item:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:-2px}.conversation-item__avatar-wrap{position:relative;flex-shrink:0}.conversation-item__avatar,.conversation-item__avatar-fallback{width:var(--size-avatar-conversation);height:var(--size-avatar-conversation);border-radius:var(--radius-full)}.conversation-item__avatar{object-fit:cover;display:block;box-shadow:0 1px 3px #0f172a14}.conversation-item__avatar-fallback{display:flex;align-items:center;justify-content:center;font-family:var(--font-family-body);font-size:var(--font-size-lg);font-weight:var(--font-weight-semi-bold)}.group-avatar{display:grid;gap:var(--space-group-avatar-gap);overflow:hidden;border-radius:var(--radius-full);background:var(--color-surface);flex-shrink:0}.group-avatar--list{width:var(--size-avatar-conversation);height:var(--size-avatar-conversation);font-size:var(--font-size-lg)}.group-avatar--header{width:var(--space-10);height:var(--space-10);font-size:var(--font-size-md)}.group-avatar--details{width:var(--space-16);height:var(--space-16);font-size:var(--font-size-xl)}.group-avatar--count-1{grid-template-columns:1fr}.group-avatar--count-2{grid-template-columns:1fr 1fr}.group-avatar--count-3,.group-avatar--count-4{grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr}.group-avatar--count-3>.group-avatar__cell:first-child{grid-row:1 / span 2}.group-avatar__cell{width:100%;height:100%;min-width:0}.group-avatar__image{object-fit:cover;display:block}.group-avatar__initial{display:grid;place-items:center;font-family:var(--font-family-body);font-weight:var(--font-weight-bold);line-height:1;color:var(--color-primary);background:var(--color-primary-surface)}.group-avatar--count-3>span.group-avatar__initial:not(:first-child),.group-avatar--count-4>span.group-avatar__initial{font-size:.65em}.conversation-item__online-dot{position:absolute;bottom:1px;right:1px;width:12px;height:12px;border-radius:var(--radius-full);background:var(--color-status-online);border:2.5px solid var(--color-conversation-panel)}.conversation-item__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-2)}.conversation-item__header{display:flex;align-items:center;gap:var(--space-2)}.conversation-item__name{flex:1;min-width:0;font-family:var(--font-family-body);font-size:var(--font-size-md);font-weight:var(--font-weight-regular);line-height:1.2;letter-spacing:var(--letter-spacing-condensed);color:var(--color-conversation-primary-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-item--unread .conversation-item__name{font-weight:var(--font-weight-semi-bold)}.conversation-item__status-icons{display:flex;align-items:center;gap:var(--space-1);color:var(--color-text-tertiary);flex-shrink:0}.conversation-item__preview{display:flex;align-items:center;gap:var(--space-1);font-family:var(--font-family-body);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);line-height:1.2;letter-spacing:var(--letter-spacing-condensed);color:var(--color-conversation-secondary-text);overflow:hidden;white-space:nowrap}.conversation-item--unread .conversation-item__preview{color:var(--color-text)}.conversation-item__preview-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversation-item__preview-text:first-child{flex-shrink:0}.conversation-item__preview-text:last-child{flex:1;min-width:0}.conversation-item__separator{flex-shrink:0;font-size:var(--font-size-sm)}.conversation-item__meta{flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:var(--space-2)}.conversation-item__meta-icons{display:flex;align-items:center;gap:var(--space-2);min-height:var(--space-5);color:var(--color-text-tertiary)}.conversation-item__time{flex-shrink:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);color:var(--color-conversation-secondary-text);white-space:nowrap}.conversation-item--unread .conversation-item__time{color:var(--color-conversation-unread);font-weight:var(--font-weight-semi-bold)}.conversation-item__unread-badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;min-width:var(--space-5);height:var(--space-5);padding:0 var(--space-1);border-radius:var(--radius-full);background:var(--color-conversation-unread);color:var(--color-conversation-unread-text);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);line-height:1;animation:conversation-unread-pulse var(--transition-base) ease-out}@keyframes conversation-unread-pulse{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.conversation-item--selected{background:var(--color-conversation-selected);position:relative}.conversation-item--selected:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;background:var(--color-primary);border-radius:0 2px 2px 0}.conversation-item--selected .conversation-item__name{color:var(--color-primary)}.chat-page{display:flex;flex-direction:column;height:100vh;min-height:500px;margin:0 calc(-1 * var(--space-8))}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6) var(--space-12) var(--space-3);background:var(--color-surface);border-bottom:1px solid var(--color-border);flex-shrink:0}.chat-header__left{display:flex;align-items:center;gap:var(--space-3);min-width:0}.chat-header__back{display:grid;place-items:center;width:var(--space-10);height:var(--space-10);flex:0 0 var(--space-10);margin:0 calc(-1 * var(--space-2));border:none;background:transparent;color:var(--color-text);cursor:pointer;border-radius:var(--radius-full);transition:background var(--transition-fast)}.chat-header__back:hover{background:var(--color-bg-tertiary)}.chat-header__back:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.chat-header__identity{display:flex;align-items:center;gap:var(--space-3);min-width:0;padding:var(--space-1) var(--space-2);margin-left:calc(-1 * var(--space-2));border:none;border-radius:var(--radius-md);background:transparent;text-align:left;cursor:pointer;transition:background var(--transition-fast)}.chat-header__identity:hover{background:var(--color-bg-tertiary)}.chat-header__identity:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.chat-header__avatar-wrap{position:relative;flex-shrink:0}.chat-header__avatar,.chat-header__avatar-fallback{width:var(--space-10);height:var(--space-10);border-radius:var(--radius-full)}.chat-header__avatar{object-fit:cover;display:block}.chat-header__avatar-fallback{display:flex;align-items:center;justify-content:center;font-family:var(--font-family-body);font-size:var(--font-size-md);font-weight:var(--font-weight-semi-bold)}.chat-header__online-dot{position:absolute;bottom:0;right:0;display:grid;place-items:center;width:12px;height:12px;border-radius:var(--radius-full);background:var(--color-surface)}.chat-header__online-dot:after{content:"";width:8px;height:8px;border-radius:var(--radius-full);background:var(--color-status-online)}.chat-header__info{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.chat-header__name{font-family:var(--font-family-body);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);line-height:1.4;letter-spacing:var(--letter-spacing-condensed);color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-header__status{font-family:var(--font-family-body);font-size:var(--font-size-sm);line-height:1.1;letter-spacing:var(--letter-spacing-condensed);color:var(--color-text-secondary)}.chat-header__actions{display:flex;align-items:center;margin-right:calc(-1 * var(--space-2))}.chat-header__action-btn{display:grid;place-items:center;width:var(--space-10);height:var(--space-10);border:none;background:transparent;color:var(--color-primary);cursor:pointer;border-radius:var(--radius-full);transition:background var(--transition-fast)}.chat-header__action-btn:hover:not(:disabled){background:var(--color-primary-surface)}.chat-header__action-btn:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.chat-header__action-btn--disabled{opacity:.4;cursor:not-allowed}.chat-messages{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4) var(--space-8)}.chat-messages--empty{align-items:center;justify-content:center}.chat-day-separator{align-self:center;padding:var(--space-2);font-family:var(--font-family-body);font-size:var(--font-size-xs);line-height:1.3;letter-spacing:var(--letter-spacing-condensed);color:var(--color-text-muted)}.chat-system-message{align-self:center;font-family:var(--font-family-body);font-size:var(--font-size-sm);color:var(--color-text-tertiary);padding:var(--space-1) var(--space-4)}.chat-bubble-row{display:flex;padding:var(--space-2) var(--space-4)}.chat-bubble-row--sent{justify-content:flex-end;padding-left:var(--space-16)}.chat-bubble-row--received{justify-content:flex-start;padding-right:var(--space-16)}.chat-bubble-row__inner{display:flex;align-items:center;gap:var(--space-1)}.chat-bubble-row__inner--sent{flex-direction:row-reverse}.chat-bubble__kebab{display:grid;place-items:center;width:var(--space-7);height:var(--space-7);flex-shrink:0;border:0;border-radius:var(--radius-full);background:transparent;color:var(--color-text-tertiary);cursor:pointer;opacity:0;transition:opacity .15s ease}.chat-bubble-row:hover .chat-bubble__kebab,.chat-bubble__kebab:focus-visible{opacity:1}.chat-bubble__kebab:hover{background:var(--color-bg-secondary);color:var(--color-text)}.chat-bubble__kebab:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:1px;opacity:1}.chat-bubble-group{display:flex;flex-direction:column;gap:var(--space-1);max-width:100%;min-width:0}.chat-bubble-row--sent .chat-bubble-group{align-items:flex-end}.chat-bubble-row--received .chat-bubble-group{align-items:flex-start}.chat-bubble{position:relative;max-width:100%;padding:var(--space-chat-bubble-y) var(--space-4);border-radius:var(--radius);font-family:var(--font-family-body);font-size:var(--font-size-base);line-height:1.4;letter-spacing:var(--letter-spacing-condensed);overflow-wrap:anywhere}.chat-bubble--sent{background:var(--color-chat-bubble-sent);color:var(--color-chat-text-sent)}.chat-bubble--received{background:var(--color-bg-secondary);color:var(--color-chat-text-received)}.chat-bubble__text{margin:0;white-space:pre-wrap}.chat-bubble__image{display:block;max-width:280px;min-width:120px;border-radius:var(--radius-md);margin-top:var(--space-2)}.chat-bubble--image-only{padding:0;overflow:hidden;background:transparent}.chat-bubble--image-only .chat-bubble__image{display:block;margin:0;width:280px;max-width:100%;height:auto;border-radius:var(--radius);object-fit:cover}.chat-bubble__sender-name{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);padding:0 var(--space-1)}.chat-bubble__time{font-family:var(--font-family-body);font-size:var(--font-size-xs);line-height:1.3;letter-spacing:var(--letter-spacing-condensed);color:var(--color-text-muted)}.chat-bubble__status{margin-left:4px;font-size:var(--font-size-xs);line-height:1;vertical-align:middle}.chat-bubble__status--sent{color:var(--color-text-muted)}.chat-bubble__status--seen{color:var(--color-primary);font-weight:600;letter-spacing:-1px}.chat-bubble__status--pending{color:var(--color-text-muted);opacity:.6}.chat-bubble__status--failed{color:var(--color-error)}.chat-bubble__reply-preview{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-2);margin-bottom:var(--space-2);border-radius:var(--radius);background:var(--color-chat-reply-bg)}.chat-bubble--received .chat-bubble__reply-preview{background:var(--color-surface)}.chat-bubble__reply-name{font-size:var(--font-size-xs);line-height:1.3;letter-spacing:var(--letter-spacing-condensed);color:var(--color-text-secondary)}.chat-bubble__reply-text{font-size:var(--font-size-sm);line-height:1.3;letter-spacing:var(--letter-spacing-condensed);color:var(--color-chat-text-received);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-bubble__reaction{position:absolute;bottom:-16px;display:grid;place-items:center;width:32px;height:24px;background:var(--color-surface);border:1px solid var(--color-tag-panel-border);border-radius:var(--radius);font-size:var(--font-size-base);line-height:1.3}.chat-bubble--sent .chat-bubble__reaction{right:2px}.chat-bubble--received .chat-bubble__reaction{left:2px}.chat-bubble__edited{font-size:var(--font-size-xs);color:var(--color-text-muted);font-style:italic;margin-left:var(--space-1)}.chat-input-bar{display:flex;flex-direction:column;padding:var(--space-3) var(--space-8);background:var(--color-surface);border-top:1px solid var(--color-border);flex-shrink:0}.chat-input-row{display:flex;align-items:flex-end;gap:var(--space-2)}.chat-input__emoji-panel{height:320px;flex-shrink:0;overflow:hidden;border-top:1px solid var(--color-border);background:var(--color-surface)}.chat-input-wrapper{flex:1;min-width:0;display:flex;align-items:center;gap:var(--space-2);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-1) var(--space-1) var(--space-1) var(--space-4);min-height:var(--space-10)}.chat-input-wrapper--editing{border-color:var(--color-primary)}.chat-input{flex:1;border:none;background:transparent;font-family:var(--font-family-body);font-size:var(--font-size-base);letter-spacing:var(--letter-spacing-condensed);color:var(--color-text);outline:none;resize:none;max-height:120px;line-height:1.4;padding:var(--space-1) 0}.chat-input::placeholder{color:var(--color-text-muted)}.chat-input-emoji-btn{display:grid;place-items:center;align-self:center;width:var(--space-8);height:var(--space-8);border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-full);flex-shrink:0;transition:background var(--transition-fast),color var(--transition-fast)}.chat-input-emoji-btn svg{display:block}.chat-input-emoji-btn:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:1px}.chat-input-emoji-btn[aria-pressed=true]{color:var(--color-primary)}.chat-input-emoji-btn:hover{background:var(--color-bg-tertiary)}.chat-input-gif-btn{display:grid;place-items:center;align-self:center;height:var(--space-8);padding:0 var(--space-2);border:none;background:transparent;font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-wide);color:var(--color-text-secondary);cursor:pointer;border-radius:var(--radius-full);flex-shrink:0;transition:background var(--transition-fast),color var(--transition-fast)}.chat-input-gif-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text)}.chat-input-gif-btn:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:1px}.chat-input-gif-btn[aria-pressed=true]{color:var(--color-primary)}.chat-input__gif-panel{height:320px;flex-shrink:0;overflow:hidden;padding:var(--space-2) var(--space-3);border-top:1px solid var(--color-border);background:var(--color-surface)}@media(min-width:640px){.chat-input__gif-panel .gif-picker__grid,.chat-input__gif-panel .gif-picker__skeleton-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.chat-input-send{display:grid;place-items:center;width:var(--space-10);height:var(--space-10);border:none;background:var(--color-primary);color:var(--color-text-inverse);cursor:pointer;border-radius:var(--radius-full);flex-shrink:0;transition:opacity var(--transition-fast)}.chat-input-send:disabled{opacity:.5;cursor:not-allowed}.chat-input-send--sending{opacity:.7;pointer-events:none}.chat-reply-preview,.chat-edit-preview{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);border-left:3px solid var(--color-primary);border-radius:var(--radius-xs);margin-bottom:var(--space-2)}.chat-reply-preview{background:var(--color-bg-secondary)}.chat-edit-preview{background:var(--color-primary-surface)}.chat-reply-preview__body,.chat-edit-preview__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--space-1)}.chat-reply-preview__name,.chat-edit-preview__label{font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-semi-bold);letter-spacing:var(--letter-spacing-condensed);color:var(--color-primary)}.chat-reply-preview__text,.chat-edit-preview__text{font-family:var(--font-family-body);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-condensed);color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-reply-preview__close,.chat-edit-preview__close{display:grid;place-items:center;width:var(--space-6);height:var(--space-6);border:none;background:transparent;color:var(--color-text-tertiary);cursor:pointer;border-radius:var(--radius-full);flex-shrink:0}.chat-reply-preview__close:hover,.chat-edit-preview__close:hover{background:var(--color-bg-tertiary);color:var(--color-text)}.chat-bubble-actions{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-2)}.chat-bubble-action{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border:none;background:transparent;font-family:var(--font-family-body);font-size:var(--font-size-base);color:var(--color-text);cursor:pointer;border-radius:var(--radius-sm);text-align:left;width:100%}.chat-bubble-action:hover{background:var(--color-bg-secondary)}.chat-bubble-action--destructive{color:var(--color-error-dark)}.chat-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);flex:1;text-align:center}.chat-error__text{font-family:var(--font-family-body);font-size:var(--font-size-base);color:var(--color-error-dark)}@media(max-width:1024px){.chat-header{padding:var(--space-4) var(--space-6) var(--space-3)}.chat-messages,.chat-input-bar{padding-left:var(--space-4);padding-right:var(--space-4)}}@media(max-width:768px){.chat-page{height:calc(100vh - 80px);min-height:400px}.chat-bubble-row--sent{padding-left:var(--space-8)}.chat-bubble-row--received{padding-right:var(--space-8)}.conversation-item__avatar,.conversation-item__avatar-fallback{width:var(--space-12);height:var(--space-12)}}.chat-details,.create-group-chat{display:flex;flex-direction:column;gap:var(--space-4);padding-bottom:var(--space-8)}.chat-details__topbar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6) 0}.chat-details__identity{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-6)}.chat-details__avatar-wrap{position:relative}.chat-details__avatar{width:var(--space-16);height:var(--space-16)}.chat-details__online-dot{position:absolute;right:0;bottom:0;width:var(--space-3);height:var(--space-3);border-radius:var(--radius-full);border:2px solid var(--color-surface);background:var(--color-status-online)}.chat-details__name{font-family:var(--font-family-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-semi-bold);color:var(--color-text);text-align:center}.chat-details__status{font-family:var(--font-family-body);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.chat-details__primary{display:flex;justify-content:center}.chat-details__section{display:flex;flex-direction:column;gap:var(--space-1);padding:0 var(--space-6)}.chat-details__section-title{font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-semi-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.chat-details__row{display:flex;align-items:center;gap:var(--space-3);width:100%;min-height:var(--space-12);padding:var(--space-3);border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text);font-family:var(--font-family-body);font-size:var(--font-size-md);text-align:left;cursor:pointer;transition:background var(--transition-fast)}.chat-details__row:hover:not(:disabled){background:var(--color-bg-tertiary)}.chat-details__row:disabled{opacity:.6;cursor:not-allowed}.chat-details__row:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.chat-details__row--destructive{color:var(--color-error-dark)}.chat-details__members{display:flex;flex-direction:column;gap:var(--space-1);list-style:none}.chat-details__member{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3)}.chat-details__member-name{font-family:var(--font-family-body);font-size:var(--font-size-md);color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-details__member-avatar-action{display:flex;flex:0 0 auto;padding:0;border:0;background:transparent;cursor:pointer;border-radius:var(--radius-full)}.chat-details__member-avatar-action:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.chat-details__member-name-action{padding:0;border:0;background:transparent;color:inherit;font:inherit;font-size:var(--font-size-md);text-align:inherit;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-details__member-name-action:hover{color:var(--color-primary)}.chat-details__member-name-action:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px;border-radius:var(--radius-xs)}.chat-details__member-badge{margin-left:auto;padding:2px var(--space-2);border-radius:var(--radius-full);background:var(--color-bg-tertiary);font-family:var(--font-family-body);font-size:var(--font-size-xs);color:var(--color-text-secondary)}.chat-details__loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6)}.chat-details__loading-avatar{width:var(--space-16);height:var(--space-16)}.chat-details__loading-name{width:40%;height:var(--space-5)}.chat-details__loading-row{width:100%;height:var(--space-10)}.create-group-chat__title{font-family:var(--font-family-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-semi-bold);color:var(--color-text)}.create-group-chat__field,.create-group-chat__search,.create-group-chat__section,.create-group-chat__chips,.create-group-chat__list,.create-group-chat__footer{padding-left:var(--space-6);padding-right:var(--space-6)}.create-group-chat__field{display:flex;flex-direction:column;gap:var(--space-1)}.create-group-chat__label{font-family:var(--font-family-body);font-size:var(--font-size-sm);color:var(--color-text-secondary)}.create-group-chat__input{width:100%;min-height:var(--space-10);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-family:var(--font-family-body);font-size:var(--font-size-md)}.create-group-chat__input:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:1px}.create-group-chat__chips{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none}.create-group-chat__chip{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);background:var(--color-bg-tertiary)}.create-group-chat__chip-name{font-family:var(--font-family-body);font-size:var(--font-size-sm);color:var(--color-text)}.create-group-chat__chip-remove{display:grid;place-items:center;width:var(--space-5);height:var(--space-5);border:none;border-radius:var(--radius-full);background:transparent;color:var(--color-text-secondary);cursor:pointer}.create-group-chat__chip-remove:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:1px}.create-group-chat__section{font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-semi-bold);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-text-secondary)}.create-group-chat__list{display:flex;flex-direction:column;gap:var(--space-1);list-style:none}.create-group-chat__row{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-text);font-family:var(--font-family-body);font-size:var(--font-size-md);text-align:left;cursor:pointer;transition:background var(--transition-fast)}.create-group-chat__row:hover:not(:disabled){background:var(--color-bg-tertiary)}.create-group-chat__row--selected{background:var(--color-primary-soft)}.create-group-chat__row:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.create-group-chat__row-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.create-group-chat__row-check{display:grid;place-items:center;margin-left:auto;width:var(--space-6);height:var(--space-6);border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-surface)}.create-group-chat__footer{position:sticky;bottom:0;padding-top:var(--space-3);padding-bottom:var(--space-3);background:var(--color-surface)}.robi-avatar{background:var(--color-primary-surface);color:var(--color-primary)}.robi-header__tagline{display:inline-flex;align-items:center;gap:var(--space-1)}.robi-header__heart{color:var(--color-error)}.robi-intro{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-8) var(--space-4);text-align:center}.robi-intro__icon{color:var(--color-primary)}.robi-intro__message{max-width:42ch;font-family:var(--font-family-body);font-size:var(--font-size-base);line-height:1.4;letter-spacing:var(--letter-spacing-condensed);color:var(--color-text-secondary)}.robi-intro__avatar{width:var(--space-10);height:var(--space-10);border-radius:var(--radius-full);object-fit:contain}.robi-intro__starters{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.robi-starter{padding:var(--space-2) var(--space-3);border:1px solid var(--color-tag-panel-border);border-radius:var(--radius-xl);background:var(--color-tab-container);font-family:var(--font-family-body);font-size:var(--font-size-base);letter-spacing:var(--letter-spacing-condensed);color:var(--color-primary-dark);cursor:pointer;transition:background var(--transition-fast)}.robi-starter:hover:not(:disabled){background:var(--color-primary-surface)}.robi-starter:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.robi-starter:disabled{opacity:.5;cursor:not-allowed}.robi-empty{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-12) var(--space-4);text-align:center}.robi-empty__icon{color:var(--color-text-tertiary)}.robi-empty__title{font-family:var(--font-family-body);font-size:var(--font-size-md);font-weight:var(--font-weight-semi-bold);letter-spacing:var(--letter-spacing-condensed);color:var(--color-text)}.robi-empty__desc{max-width:42ch;font-family:var(--font-family-body);font-size:var(--font-size-base);line-height:1.4;letter-spacing:var(--letter-spacing-condensed);color:var(--color-text-secondary)}.robi-typing{display:flex;align-items:center;gap:var(--space-1)}.robi-typing__dot{width:var(--space-2);height:var(--space-2);border-radius:var(--radius-full);background:var(--color-text-muted);animation:robi-typing-bounce 1.2s infinite ease-in-out}.robi-typing__dot:nth-child(3){animation-delay:.15s}.robi-typing__dot:nth-child(4){animation-delay:.3s}@keyframes robi-typing-bounce{0%,60%,to{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-3px)}}@media(prefers-reduced-motion:reduce){.robi-typing__dot{animation:none;opacity:.6}}.robi-qa{width:min(100%,560px);height:min(88vh,720px)}.robi-qa .modal__header{padding:var(--space-3) var(--space-4)}.robi-qa .modal__header h2{min-width:0;flex:1}.robi-qa__identity{display:flex;align-items:center;gap:var(--space-3);min-width:0}.robi-qa__avatar{width:var(--space-10);height:var(--space-10);flex-shrink:0;border-radius:var(--radius-full);object-fit:contain}.robi-qa__heading{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.robi-qa__name{font-family:var(--font-family-body);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);line-height:1.4;letter-spacing:var(--letter-spacing-condensed);color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.robi-qa__tagline{font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);line-height:1.1;letter-spacing:var(--letter-spacing-condensed);color:var(--color-text-secondary)}.robi-qa__body{display:flex;flex:1;flex-direction:column;min-height:0}.robi-qa__body .chat-messages,.robi-qa__body .chat-input-bar{padding-right:var(--space-4);padding-left:var(--space-4)}.robi-qa__body .chat-messages{min-height:0}.robi-disclaimer{width:min(100%,420px)}.robi-disclaimer .modal__header{border-bottom:none;padding-bottom:0}.robi-disclaimer .modal__header h2{font-size:var(--font-size-lg);line-height:1.3}.robi-disclaimer__body{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);text-align:center}.robi-disclaimer__image{width:96px;height:96px;object-fit:contain}.robi-disclaimer__description{font-family:var(--font-family-body);font-size:var(--font-size-base);line-height:1.4;letter-spacing:var(--letter-spacing-condensed);color:var(--color-text-secondary)}.robi-disclaimer__opt-out{display:flex;align-items:center;gap:var(--space-2);font-family:var(--font-family-body);font-size:var(--font-size-base);color:var(--color-text);cursor:pointer}.robi-disclaimer__opt-out input{width:var(--space-4);height:var(--space-4);accent-color:var(--color-primary);cursor:pointer}.robi-disclaimer__actions{display:flex;gap:var(--space-3);padding:0 var(--space-5) var(--space-5)}.robi-disclaimer__actions .ui-button{flex:1}@media(max-width:640px){.robi-qa{height:94vh}}.settings-form{display:flex;flex-direction:column;padding:var(--space-5);border-radius:var(--radius-2xl);background:var(--color-surface);box-shadow:var(--shadow-card);gap:var(--space-4)}.settings-field{display:flex;flex-direction:column;gap:var(--space-2)}.settings-field__label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.settings-input,.settings-select,.settings-textarea{width:100%;padding:var(--space-3);border:1px solid var(--color-input-border);border-radius:var(--radius-lg);background:var(--color-input);color:var(--color-text);font-family:var(--font-family-body);font-size:var(--font-size-sm)}.settings-textarea{min-height:calc(var(--space-16) * 2);resize:vertical}.settings-input:focus-visible,.settings-select:focus-visible,.settings-textarea:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:1px}.settings-input--error,.settings-select--error,.settings-textarea--error{border-color:var(--color-error)}.settings-link{align-self:flex-start;padding:0;border:0;background:none;color:var(--color-error-dark);cursor:pointer;font-size:var(--font-size-xs);font-weight:var(--font-weight-semi-bold)}.settings-link:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.settings-actions,.settings-section{display:flex;flex-direction:column;gap:var(--space-2)}.settings-section__title{margin:0;color:var(--color-text-secondary);font-family:var(--font-family-heading);font-size:var(--font-size-xs);font-weight:var(--font-weight-semi-bold);letter-spacing:.04em;text-transform:uppercase}.settings-section__hint{margin:0;color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.settings-card{display:flex;flex-direction:column;padding:0 var(--space-4);border-radius:var(--radius-2xl);background:var(--color-surface);box-shadow:var(--shadow-card)}.settings-row{display:flex;width:100%;align-items:center;padding:var(--space-4) 0;border-bottom:1px solid var(--color-divider);gap:var(--space-3);text-align:left}.settings-row:last-child{border-bottom:0}.settings-row--button{border-left:0;border-right:0;border-top:0;background:none;color:inherit;cursor:pointer;font:inherit}.settings-row--button:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:-2px}.settings-row__icon{display:grid;width:var(--space-10);height:var(--space-10);flex:0 0 var(--space-10);place-items:center;border-radius:var(--radius-full);background:var(--color-primary-surface);color:var(--color-primary)}.settings-row__copy{display:flex;min-width:0;flex:1 1 auto;flex-direction:column;gap:var(--space-1)}.settings-row__title{color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.settings-row__description{color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:var(--line-height-md)}.settings-row__value{color:var(--color-text-secondary);font-size:var(--font-size-sm);white-space:nowrap}.settings-row--danger .settings-row__icon{background:var(--color-error-surface);color:var(--color-error-dark)}.settings-row--danger .settings-row__title{color:var(--color-error-dark)}.settings-segmented{display:flex;flex:0 0 auto;padding:var(--space-1);border-radius:var(--radius-full);background:var(--color-tab-container);gap:var(--space-1)}.settings-segmented__option{padding:var(--space-1) var(--space-3);border:0;border-radius:var(--radius-full);background:transparent;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-xs);font-weight:var(--font-weight-semi-bold)}.settings-segmented__option--active{background:var(--color-surface);color:var(--color-primary-dark)}.settings-segmented__option:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.settings-option{display:flex;width:100%;align-items:flex-start;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);color:inherit;cursor:pointer;font:inherit;gap:var(--space-3);text-align:left}.settings-option--selected{border-color:var(--color-primary);background:var(--color-primary-surface)}.settings-option:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.settings-option__icon{display:grid;width:var(--space-10);height:var(--space-10);flex:0 0 var(--space-10);place-items:center;border-radius:var(--radius-full);background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.settings-option--selected .settings-option__icon{background:var(--color-surface);color:var(--color-primary)}.settings-option__copy{display:flex;min-width:0;flex:1 1 auto;flex-direction:column;gap:var(--space-1)}.settings-option__title{color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-semi-bold)}.settings-option__description{color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:var(--line-height-md)}.settings-option__check{color:var(--color-primary)}.settings-options{display:flex;flex-direction:column;margin:0;padding:0;gap:var(--space-2);list-style:none}.settings-profile{display:flex;align-items:center;padding:var(--space-4);border-radius:var(--radius-2xl);background:var(--color-surface);box-shadow:var(--shadow-card);gap:var(--space-4)}.settings-profile__avatar{position:relative;flex:0 0 auto;padding:0;border:0;border-radius:var(--radius-full);background:none;cursor:pointer;line-height:0}.settings-profile__avatar:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.settings-profile__badge{position:absolute;right:0;bottom:0;display:grid;width:var(--space-6);height:var(--space-6);place-items:center;border:2px solid var(--color-surface);border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-text-inverse)}.settings-profile__copy{display:flex;min-width:0;flex:1 1 auto;flex-direction:column;gap:var(--space-1)}.settings-profile__name{margin:0;overflow:hidden;color:var(--color-text);font-family:var(--font-family-heading);font-size:var(--font-size-base);font-weight:var(--font-weight-semi-bold);text-overflow:ellipsis;white-space:nowrap}.settings-profile__email{display:flex;align-items:center;margin:0;overflow:hidden;color:var(--color-text-secondary);font-size:var(--font-size-xs);gap:var(--space-2);text-overflow:ellipsis;white-space:nowrap}.settings-savebar{position:sticky;bottom:0;display:flex;padding:var(--space-3) 0;background:var(--color-bg);gap:var(--space-3)}.settings-meta{display:flex;flex-direction:column;align-items:center;color:var(--color-text-tertiary);font-size:var(--font-size-xs);gap:var(--space-1)}.settings-confirm{display:flex;flex-direction:column;padding:var(--space-4);gap:var(--space-4)}.settings-confirm__message{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-md)}.settings-confirm__actions{display:flex;justify-content:flex-end;gap:var(--space-2)}.ai-disclaimer{display:flex;flex-direction:column;padding:var(--space-4);gap:var(--space-4)}.ai-disclaimer__intro{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-md)}.ai-disclaimer__list{display:flex;flex-direction:column;margin:0;padding:0;gap:var(--space-3);list-style:none}.ai-disclaimer__item{display:flex;align-items:flex-start;gap:var(--space-3)}.ai-disclaimer__title{color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-semi-bold)}.ai-disclaimer__description{color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:var(--line-height-md)}.group-tabs{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);margin-top:calc(var(--space-2) * -1);padding:var(--space-1) var(--space-3) var(--space-3);border-radius:0 0 var(--radius-xl) var(--radius-xl);background:var(--color-surface)}.group-tabs--standalone{margin-top:0;margin-bottom:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-xl)}.group-tabs__list{display:flex;align-items:center;gap:var(--space-4);overflow-x:auto;scrollbar-width:none}.group-tabs__list::-webkit-scrollbar{display:none}.group-tabs__tab{padding:var(--space-2) 0;border:none;background:none;color:var(--color-text-secondary);font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-regular);white-space:nowrap;cursor:pointer}.group-tabs__tab--active{color:var(--color-text);font-weight:var(--font-weight-semi-bold)}.group-tabs__tab:focus-visible,.group-tabs__create:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.group-tabs__create{display:inline-flex;flex-shrink:0;align-items:center;gap:var(--space-1);border:none;background:none;color:var(--color-text);font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-semi-bold);white-space:nowrap;cursor:pointer}.group-search{display:flex;align-items:stretch;gap:var(--space-2);width:100%}.group-search__field{display:flex;flex:1;min-width:0;align-items:center;gap:var(--space-2);height:56px;padding:0 var(--space-5);border:1px solid var(--color-search-border);border-radius:var(--radius-lg);background:var(--color-input)}.group-search__field:focus-within{border-color:var(--color-border-focused)}.group-search__input{flex:1;min-width:0;border:none;background:none;color:var(--color-text);font-family:var(--font-family-body);font-size:var(--font-size-md)}.group-search__input::placeholder{color:var(--color-text-muted)}.group-search__input:focus{outline:none}.group-search__icon{flex-shrink:0;color:var(--color-icon-secondary)}.group-search__filter{display:inline-flex;flex-shrink:0;width:56px;height:56px;align-items:center;justify-content:center;border:1px solid var(--color-search-border);border-radius:var(--radius-lg);background:var(--color-input);color:var(--color-icon);cursor:pointer}.group-search__filter:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.my-groups__header{display:flex;flex-direction:column;gap:var(--space-5);margin-bottom:var(--space-3);padding:var(--space-6) var(--space-4);border-bottom:1px solid var(--color-tab-container);border-radius:var(--radius-xl);background:var(--color-surface)}.my-groups__title{margin:0;color:var(--color-text);font-family:var(--font-family-heading);font-size:var(--font-size-md)}.my-groups__view-all{display:flex;width:88px;height:88px;flex-shrink:0;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);border:1px dashed var(--color-primary);border-radius:var(--radius-lg);background:none;color:var(--color-primary);font-family:var(--font-family-body);font-size:var(--font-size-sm);font-weight:var(--font-weight-semi-bold);text-align:center;cursor:pointer}.my-groups__view-all:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.my-groups__carousel{display:flex;align-items:flex-start;gap:var(--space-3);overflow-x:auto;padding-bottom:var(--space-1);scrollbar-width:thin}.group-tile{display:flex;flex-shrink:0;width:88px;flex-direction:column;align-items:center;gap:var(--space-2);border:none;background:none;padding:0;cursor:pointer}.group-tile:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.group-tile__image{width:88px;height:88px;border-radius:var(--radius-lg);background:var(--color-bg-tertiary);object-fit:cover}.group-tile__placeholder{display:flex;width:88px;height:88px;align-items:center;justify-content:center;border-radius:var(--radius-lg);background:var(--color-bg-tertiary);color:var(--color-icon-secondary)}.group-tile__name{width:100%;margin:0;overflow:hidden;color:var(--color-text);font-family:var(--font-family-body);font-size:var(--font-size-sm);text-align:center;text-overflow:ellipsis;white-space:nowrap}.all-groups__list{display:flex;flex-direction:column;border-radius:var(--radius-xl);background:var(--color-surface)}.group-row{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-divider)}.group-row:last-child{border-bottom:none}.group-row__avatar-btn{display:flex;flex-shrink:0;align-items:center;justify-content:center;border:none;background:none;padding:0;cursor:pointer;border-radius:var(--radius-full);transition:opacity .18s ease}.group-row__avatar-btn:hover{opacity:.85}.group-row__avatar-btn:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.group-row__main{display:flex;flex:1;min-width:0;align-items:center;gap:var(--space-3);border:none;background:none;padding:0;text-align:left;cursor:pointer}.group-row__main:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.group-row__image,.group-row__placeholder{flex-shrink:0;width:48px;height:48px;border-radius:var(--radius-full);background:var(--color-bg-tertiary);object-fit:cover}.group-row__placeholder{display:flex;align-items:center;justify-content:center;color:var(--color-icon-secondary)}.group-row__meta{min-width:0}.group-row__name{display:block;margin:0;overflow:hidden;color:var(--color-text);font-family:var(--font-family-body);font-size:var(--font-size-base);font-weight:var(--font-weight-semi-bold);text-overflow:ellipsis;white-space:nowrap}.group-row__members{display:block;margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.group-row__status{flex-shrink:0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.group-skeleton__image{width:48px;height:48px}.group-skeleton__meta{display:flex;min-width:0;flex:1;flex-direction:column;gap:var(--space-2)}.group-skeleton__line--name{width:45%}.group-skeleton__line--members{width:30%;height:var(--space-2)}.group-skeleton__cta{width:72px;height:var(--space-8)}.my-groups__carousel.group-skeleton__carousel{flex-direction:row}.group-skeleton__tile{display:flex;width:88px;flex-shrink:0;flex-direction:column;align-items:center;gap:var(--space-2)}.skeleton.group-skeleton__tile-image{width:88px;height:88px;border-radius:var(--radius-lg)}.group-skeleton__line--tile{width:80%}.group-skeleton__details{gap:var(--space-3);padding:var(--space-4) 0}.group-skeleton__cover{width:100%;height:140px}.group-skeleton__avatar{width:72px;height:72px}.group-skeleton__line--title{width:50%;height:var(--space-4)}.group-skeleton__line--subtitle{width:35%}.group-skeleton__button{width:140px;height:var(--space-10)}.group-skeleton__tabs{width:100%;height:var(--space-10)}.sort-groups{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.sort-groups__option{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1.5px solid transparent;border-radius:var(--radius-xl);background:var(--color-surface);text-align:left;cursor:pointer}.sort-groups__option--active{border-color:var(--color-primary);background:var(--color-primary-surface)}.sort-groups__option:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.sort-groups__option-title{display:block;color:var(--color-text);font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.sort-groups__option-desc{display:block;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.sort-groups__option--active .sort-groups__option-title,.sort-groups__option--active .sort-groups__option-desc{color:var(--color-primary)}.sort-groups__check{display:inline-flex;flex-shrink:0;width:22px;height:22px;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-text-inverse)}.sort-groups__actions{display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-2)}.group-details__hero{margin-bottom:var(--space-3);overflow:hidden;border-radius:var(--radius-xl);background:var(--color-surface)}.group-details__cover{display:block;width:100%;height:180px;background:var(--color-bg-tertiary);object-fit:cover}.group-details__identity{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4)}.group-details__avatar{display:flex;flex-shrink:0;width:64px;height:64px;align-items:center;justify-content:center;margin-top:-40px;border:3px solid var(--color-surface);border-radius:var(--radius-full);background:var(--color-bg-tertiary);color:var(--color-icon-secondary);object-fit:cover}.group-details__meta{flex:1;min-width:0}.group-details__name{margin:0;color:var(--color-text);font-family:var(--font-family-heading);font-size:var(--font-size-xl)}.group-details__sub{display:flex;align-items:center;gap:var(--space-1);margin:var(--space-1) 0 0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.group-details__actions{display:flex;flex-shrink:0;align-items:center;gap:var(--space-2)}.group-details__compose{margin-bottom:var(--space-3)}.group-members{display:flex;flex-direction:column;margin:0;padding:0;border-radius:var(--radius-xl);background:var(--color-surface);list-style:none}.group-members__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-divider)}.group-members__item:last-child{border-bottom:none}.group-members__badge{display:inline-block;padding:2px var(--space-2);margin-left:var(--space-2);border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-surface);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold)}.group-members__action{flex-shrink:0;padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-primary);font:inherit;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);cursor:pointer;transition:background .15s ease}.group-members__action:hover:not(:disabled){background:var(--color-primary);color:var(--color-surface)}.group-members__action:disabled{opacity:.5;cursor:not-allowed}.group-approval{padding:var(--space-4);border-radius:var(--radius-xl);background:var(--color-surface)}.group-approval__title{margin:0 0 var(--space-3);color:var(--color-text);font-family:var(--font-family-heading);font-size:var(--font-size-md)}.group-approval__list{display:flex;flex-direction:column;margin:0;padding:0;list-style:none}.group-approval__card{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-divider)}.group-approval__card:last-child{border-bottom:none}.group-approval__actions{display:flex;flex-shrink:0;align-items:center;gap:var(--space-2)}.group-about{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-4);border-radius:var(--radius-xl);background:var(--color-surface)}.group-about__description{margin:0;color:var(--color-post-body);font-size:var(--font-size-base)}.group-about__title{margin:0 0 var(--space-2);color:var(--color-text);font-family:var(--font-family-heading);font-size:var(--font-size-md)}.group-about__stats{display:grid;gap:var(--space-3);margin:0;grid-template-columns:repeat(2,minmax(0,1fr))}.group-about__stats dt{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.group-about__stats dd{margin:0;color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}@media(max-width:640px){.group-details__identity{flex-wrap:wrap}.group-details__actions{width:100%}}.my-groups-list{display:flex;flex-direction:column;padding-bottom:var(--space-8)}.my-groups-list .my-groups__header{gap:0}.create-group{max-width:720px;margin:0 auto;padding-bottom:var(--space-8)}.create-group__header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-4) 0}.create-group__back{display:inline-flex;align-items:center;gap:var(--space-2);border:none;background:none;color:var(--color-text);font-family:var(--font-family-body);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);cursor:pointer}.create-group__back:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.create-group__form{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-4);border-radius:var(--radius-xl);background:var(--color-surface)}.create-group__media{position:relative;margin-bottom:var(--space-10)}.create-group__cover{position:relative;display:block;width:100%;height:180px;overflow:hidden;border:none;border-radius:var(--radius-lg);background:var(--color-bg-tertiary);color:var(--color-icon-secondary);cursor:pointer}.create-group__cover-image{width:100%;height:100%;object-fit:cover}.create-group__cover-placeholder{display:flex;height:100%;align-items:center;justify-content:center}.create-group__cover-badge,.create-group__avatar-badge{position:absolute;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--color-surface);box-shadow:var(--shadow-sm);color:var(--color-primary)}.create-group__cover-badge{right:var(--space-3);bottom:var(--space-3);width:32px;height:32px}.create-group__avatar{position:absolute;bottom:-28px;left:var(--space-3);width:76px;height:76px;overflow:visible;border:3px solid var(--color-surface);border-radius:var(--radius-lg);background:var(--color-bg-tertiary);padding:0;cursor:pointer}.create-group__avatar-image{width:100%;height:100%;border-radius:var(--radius-md);object-fit:cover}.create-group__avatar-badge{right:-2px;bottom:0;width:26px;height:26px;border:1px solid var(--color-border)}.create-group__cover:focus-visible,.create-group__avatar:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.create-group__file-input{display:none}.create-group__field,.create-group__actions{display:flex;flex-direction:column;gap:var(--space-2)}.create-group__label{color:var(--color-text-secondary);font-size:var(--font-size-base)}.create-group__input,.create-group__textarea{width:100%;padding:var(--space-2) 0;border:none;border-bottom:1px solid var(--color-border);background:none;color:var(--color-text);font-family:var(--font-family-body);font-size:var(--font-size-md)}.create-group__textarea{min-height:88px;resize:vertical}.create-group__input:focus,.create-group__textarea:focus{border-bottom-color:var(--color-border-focused);outline:none}.create-group__input--error,.create-group__textarea--error,.create-group__dropdown--error{border-bottom-color:var(--color-error)}.create-group__dropdown{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%;padding:var(--space-4);border:1px solid var(--color-input-border);border-radius:var(--radius-lg);background:var(--color-input);color:var(--color-text);font-family:var(--font-family-body);font-size:var(--font-size-md);text-align:left;cursor:pointer}.create-group__dropdown--placeholder{color:var(--color-text-secondary)}.create-group__dropdown--error{border-color:var(--color-error)}.create-group__dropdown:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.create-group__privacy{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4)}.create-group__privacy-option{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border:1.5px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);text-align:left;cursor:pointer}.create-group__privacy-option--active{border-color:var(--color-primary);background:var(--color-primary-surface)}.create-group__privacy-option:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.create-group__privacy-icon{flex-shrink:0;color:var(--color-primary)}.create-group__privacy-title{display:block;color:var(--color-text);font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.create-group__privacy-desc{display:block;color:var(--color-text-secondary);font-size:var(--font-size-sm)}@media(max-width:640px){.group-search__field,.group-search__filter{height:48px}.group-search__filter{width:48px}.my-groups__header{padding:var(--space-4) var(--space-3)}}.group-details__kebab{display:grid;place-items:center;width:var(--space-8);height:var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;flex-shrink:0;transition:background .15s ease,color .15s ease}.group-details__kebab:hover{background:var(--color-bg-secondary);color:var(--color-text)}.group-details__kebab:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:1px}.group-details__menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal)}.group-details__menu{z-index:calc(var(--z-modal) + 1);display:flex;flex-direction:column;gap:2px;width:max-content;min-width:200px;max-width:240px;padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:0 8px 24px #0000002e,0 2px 8px #0000001a}.group-details__menu-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text);font:inherit;font-size:var(--font-size-sm);text-align:left;cursor:pointer;white-space:nowrap}.group-details__menu-item:hover{background:var(--color-bg-secondary)}.group-details__menu-item--danger{color:var(--color-error)}@keyframes marching-ants{0%{background-position:0 0,0 100%,0 0,100% 0}to{background-position:20px 0,-20px 100%,0 -20px,100% 20px}}:root{--rc-drag-handle-size:12px;--rc-drag-handle-mobile-size:24px;--rc-drag-handle-bg-colour:#0003;--rc-drag-bar-size:6px;--rc-border-color:#ffffffb3;--rc-focus-color:#08f}.ReactCrop{cursor:crosshair;max-width:100%;display:inline-block;position:relative}.ReactCrop *,.ReactCrop :before,.ReactCrop :after{box-sizing:border-box}.ReactCrop--disabled,.ReactCrop--locked{cursor:inherit}.ReactCrop__child-wrapper{max-height:inherit;overflow:hidden}.ReactCrop__child-wrapper>img,.ReactCrop__child-wrapper>video{max-width:100%;max-height:inherit;display:block}.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>img,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__child-wrapper>video,.ReactCrop:not(.ReactCrop--disabled) .ReactCrop__crop-selection{touch-action:none}.ReactCrop__crop-mask{pointer-events:none;width:calc(100% + .5px);height:calc(100% + .5px);position:absolute;top:0;right:0;bottom:0;left:0}.ReactCrop__crop-selection{cursor:move;position:absolute;top:0;left:0;transform:translate(0)}.ReactCrop--disabled .ReactCrop__crop-selection{cursor:inherit}.ReactCrop--circular-crop .ReactCrop__crop-selection{border-radius:50%}.ReactCrop--circular-crop .ReactCrop__crop-selection:after{pointer-events:none;content:"";border:1px solid var(--rc-border-color);opacity:.3;position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px}.ReactCrop--no-animate .ReactCrop__crop-selection{outline:1px dashed #fff}.ReactCrop__crop-selection:not(.ReactCrop--no-animate .ReactCrop__crop-selection){color:#fff;background-image:linear-gradient(90deg,#fff 50%,#444 50%),linear-gradient(90deg,#fff 50%,#444 50%),linear-gradient(#fff 50%,#444 50%),linear-gradient(#fff 50%,#444 50%);background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:10px 1px,10px 1px,1px 10px,1px 10px;animation:1s linear infinite marching-ants}.ReactCrop__crop-selection:focus{outline:2px solid var(--rc-focus-color);outline-offset:-1px}.ReactCrop--invisible-crop .ReactCrop__crop-mask,.ReactCrop--invisible-crop .ReactCrop__crop-selection{display:none}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after,.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{content:"";background-color:#fff6;display:block;position:absolute}.ReactCrop__rule-of-thirds-vt:before,.ReactCrop__rule-of-thirds-vt:after{width:1px;height:100%}.ReactCrop__rule-of-thirds-vt:before{left:33.3333%}.ReactCrop__rule-of-thirds-vt:after{left:66.6667%}.ReactCrop__rule-of-thirds-hz:before,.ReactCrop__rule-of-thirds-hz:after{width:100%;height:1px}.ReactCrop__rule-of-thirds-hz:before{top:33.3333%}.ReactCrop__rule-of-thirds-hz:after{top:66.6667%}.ReactCrop__drag-handle{width:var(--rc-drag-handle-size);height:var(--rc-drag-handle-size);background-color:var(--rc-drag-handle-bg-colour);border:1px solid var(--rc-border-color);position:absolute}.ReactCrop__drag-handle:focus{background:var(--rc-focus-color)}.ReactCrop .ord-nw{cursor:nw-resize;top:0;left:0;transform:translate(-50%,-50%)}.ReactCrop .ord-n{cursor:n-resize;top:0;left:50%;transform:translate(-50%,-50%)}.ReactCrop .ord-ne{cursor:ne-resize;top:0;right:0;transform:translate(50%,-50%)}.ReactCrop .ord-e{cursor:e-resize;top:50%;right:0;transform:translate(50%,-50%)}.ReactCrop .ord-se{cursor:se-resize;bottom:0;right:0;transform:translate(50%,50%)}.ReactCrop .ord-s{cursor:s-resize;bottom:0;left:50%;transform:translate(-50%,50%)}.ReactCrop .ord-sw{cursor:sw-resize;bottom:0;left:0;transform:translate(-50%,50%)}.ReactCrop .ord-w{cursor:w-resize;top:50%;left:0;transform:translate(-50%,-50%)}.ReactCrop__disabled .ReactCrop__drag-handle{cursor:inherit}.ReactCrop__drag-bar{position:absolute}.ReactCrop__drag-bar.ord-n{width:100%;height:var(--rc-drag-bar-size);top:0;left:0;transform:translateY(-50%)}.ReactCrop__drag-bar.ord-e{width:var(--rc-drag-bar-size);height:100%;top:0;right:0;transform:translate(50%)}.ReactCrop__drag-bar.ord-s{width:100%;height:var(--rc-drag-bar-size);bottom:0;left:0;transform:translateY(50%)}.ReactCrop__drag-bar.ord-w{width:var(--rc-drag-bar-size);height:100%;top:0;left:0;transform:translate(-50%)}.ReactCrop--new-crop .ReactCrop__drag-bar,.ReactCrop--new-crop .ReactCrop__drag-handle,.ReactCrop--fixed-aspect .ReactCrop__drag-bar,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-n,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-e,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-s,.ReactCrop--fixed-aspect .ReactCrop__drag-handle.ord-w{display:none}@media(pointer:coarse){.ReactCrop .ord-n,.ReactCrop .ord-e,.ReactCrop .ord-s,.ReactCrop .ord-w{display:none}.ReactCrop__drag-handle{width:var(--rc-drag-handle-mobile-size);height:var(--rc-drag-handle-mobile-size)}}.photo-layout-modal,.compare-photos-modal{width:min(100%,520px)}.photo-layout,.compare-photos{display:flex;flex-direction:column;gap:var(--space-4);overflow:auto;overscroll-behavior:contain;padding:var(--space-4) var(--space-5) var(--space-5)}.photo-layout__subtitle,.compare-photos__subtitle{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-base);line-height:var(--line-height-base)}.photo-layout__options{display:flex;flex-direction:column;gap:var(--space-3);margin:0;padding:0;list-style:none}.photo-layout__option{position:relative;display:flex;width:100%;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);font:inherit;text-align:left;cursor:pointer;transition:border-color var(--transition-fast) ease,box-shadow var(--transition-fast) ease,transform var(--transition-fast) ease,background var(--transition-fast) ease}.photo-layout__option:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.photo-layout__option:active{transform:none;box-shadow:none}.photo-layout__option:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.photo-layout__option--recommended{border-color:var(--color-primary-soft);background:var(--color-primary-surface)}.photo-layout__option--selected{border-color:var(--color-primary);background:var(--color-primary-surface);box-shadow:var(--shadow-sm)}.photo-layout__illustration{display:grid;width:var(--space-16);height:var(--space-16);flex:0 0 var(--space-16);place-items:center;border-radius:var(--radius-md);background:var(--color-primary-surface)}.photo-layout__option--recommended .photo-layout__illustration,.photo-layout__option--selected .photo-layout__illustration{background:var(--color-surface)}.photo-layout__illustration img{width:calc(var(--space-10) + var(--space-1));height:calc(var(--space-10) + var(--space-1));object-fit:contain}.photo-layout__text{display:flex;min-width:0;flex:1;flex-direction:column;gap:var(--space-1);padding-right:var(--space-8)}.photo-layout__title{color:var(--color-text);font-size:var(--font-size-md);font-weight:var(--font-weight-semi-bold);letter-spacing:var(--letter-spacing-condensed)}.photo-layout__description{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-sm)}.photo-layout__badge{position:absolute;top:var(--space-2);right:var(--space-2);display:inline-flex;align-items:center;gap:var(--space-1);padding:0 var(--space-2);border-radius:var(--radius-full);background:var(--color-success-surface);color:var(--color-success-dark);font-size:var(--font-size-xs);font-weight:var(--font-weight-semi-bold);line-height:var(--space-5)}.photo-layout__chevron{flex:0 0 auto;color:var(--color-text-tertiary);transition:transform var(--transition-fast) ease,color var(--transition-fast) ease}.photo-layout__option:hover .photo-layout__chevron{color:var(--color-primary);transform:translate(2px)}.compare-photos__stage{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3);margin:0;padding:0;list-style:none}.compare-photos__slot{display:flex;min-width:0}.compare-photos__tile{position:relative;display:flex;width:100%;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);overflow:hidden;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-bg-secondary);font:inherit;transition:border-color var(--transition-fast) ease,background var(--transition-fast) ease,box-shadow var(--transition-fast) ease,opacity var(--transition-fast) ease}.compare-photos__stage--two .compare-photos__tile{aspect-ratio:4 / 5}.compare-photos__stage--four .compare-photos__tile{aspect-ratio:1 / 1}.compare-photos__tile--empty{color:var(--color-text-secondary);text-align:center;cursor:pointer}.compare-photos__tile--empty:hover{border-color:var(--color-primary);background:var(--color-primary-surface);color:var(--color-primary)}.compare-photos__tile--empty:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.compare-photos__tile--target{border-color:var(--color-primary);background:var(--color-primary-surface);box-shadow:var(--shadow-drop-target)}.compare-photos__tile--filled{padding:0;background:var(--color-bg-tertiary);cursor:grab}.compare-photos__tile--dragging{opacity:.5;cursor:grabbing}.compare-photos__glyph{display:grid;width:var(--space-10);height:var(--space-10);place-items:center;border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-xs)}.compare-photos__tag{color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-semi-bold)}.compare-photos__tag--empty{color:inherit}.compare-photos__hint{color:var(--color-text-tertiary);font-size:var(--font-size-xs);line-height:var(--line-height-xs)}.compare-photos__image{width:100%;height:100%;object-fit:cover;animation:compare-photo-in var(--transition-base) ease-out}.compare-photos__tile--filled .compare-photos__tag{position:absolute;bottom:var(--space-2);left:var(--space-2);padding:0 var(--space-2);border-radius:var(--radius-full);background:var(--color-overlay);color:var(--color-text-inverse);font-size:var(--font-size-xs);line-height:var(--space-5)}.compare-photos__actions{position:absolute;top:var(--space-2);right:var(--space-2);display:flex;gap:var(--space-1);opacity:0;transform:translateY(calc(var(--space-1) * -1));transition:opacity var(--transition-fast) ease,transform var(--transition-fast) ease}.compare-photos__tile--filled:hover .compare-photos__actions,.compare-photos__tile--filled:focus-within .compare-photos__actions{opacity:1;transform:none}@media(hover:none){.compare-photos__actions{opacity:1;transform:none}}.compare-photos__action{display:grid;width:var(--space-8);height:var(--space-8);place-items:center;border:0;border-radius:var(--radius-full);background:var(--color-overlay);color:var(--color-text-inverse);cursor:pointer;transition:background var(--transition-fast) ease}.compare-photos__action:hover{background:var(--color-primary)}.compare-photos__action--danger:hover{background:var(--color-error)}.compare-photos__action:focus-visible{outline:2px solid var(--color-text-inverse);outline-offset:1px}.compare-photos__footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3)}.compare-photos__progress{display:flex;min-width:0;flex-direction:column;gap:var(--space-1);margin:0}.compare-photos__count{color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-semi-bold)}.compare-photos__reorder-hint{color:var(--color-text-tertiary);font-size:var(--font-size-xs);line-height:var(--line-height-xs)}.compare-photos__file-input{display:none}@keyframes compare-photo-in{0%{opacity:0;transform:scale(1.03)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.photo-layout__option,.photo-layout__chevron,.compare-photos__tile,.compare-photos__actions{transition:none}.photo-layout__option:hover{transform:none}.compare-photos__image{animation:none}}.create-post-page{width:min(100%,48rem);min-height:100%;margin:0 auto;padding:var(--space-4) var(--space-4) calc(var(--space-12) + var(--space-8))}.create-post-page__header{display:flex;align-items:center;justify-content:space-between;min-height:var(--space-12);margin-bottom:var(--space-4)}.create-post-page__header h1{margin:0;font-size:var(--font-size-xl)}.create-post-page__close,.create-post-page__header-spacer{width:var(--space-10)}.create-post-page__close{display:grid;place-items:center;min-height:var(--space-10);border:0;border-radius:var(--radius-full);background:transparent;color:var(--color-text);cursor:pointer}.create-post-page__close:hover{background:var(--color-surface)}.create-post-card,.create-post-tip{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm)}.create-post-card{padding:var(--space-5)}.create-post-card__author{display:flex;align-items:center;gap:var(--space-3)}.create-post-card__author img,.create-post-card__avatar{width:var(--space-12);height:var(--space-12);border-radius:var(--radius-full);object-fit:cover}.create-post-card__avatar{display:grid;place-items:center;background:var(--color-tab-container);color:var(--color-text-secondary)}.create-post-card__author strong{display:block}.create-post-card__privacy{display:inline-flex;align-items:center;gap:var(--space-1);margin-top:var(--space-1);padding:0;border:0;background:transparent;color:var(--color-text-secondary);font:inherit;font-size:var(--font-size-sm);cursor:pointer}.create-post-card__privacy svg{display:block;flex:0 0 auto}.create-post-card__editor{margin-top:var(--space-5);padding:var(--space-4);border-radius:var(--radius);background:var(--color-bg)}.create-post-card__textarea{display:block;width:100%;min-height:5rem;max-height:18.75rem;padding:0;border:0;resize:none;background:transparent;color:var(--color-text);font:inherit;font-size:var(--font-size-base);line-height:var(--line-height-md);outline:0;transition:min-height var(--transition-base) ease;overflow-y:auto}.create-post-card__textarea::placeholder{color:var(--color-text-secondary)}.create-post-card__chips{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-3)}.create-post-card__chip{display:inline-flex;align-items:center;gap:var(--space-1);min-height:var(--space-8);padding:var(--space-1) var(--space-3);border:0;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-text-inverse);font:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer}.create-post-card__chip:hover{background:var(--color-primary-dark)}.create-post-card__chip:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.create-post-card__chip svg{display:block}.create-post-card__chip--feeling{background:var(--color-tab-container);color:var(--color-post-body)}.create-post-card__chip--feeling:hover{background:var(--color-post-option-bg)}.create-post-card__media{position:relative;margin-top:var(--space-4);overflow:hidden;border-radius:var(--radius);background:var(--color-bg)}.create-post-card__media img,.create-post-card__media video{display:block;width:100%;max-height:24rem;object-fit:contain}.create-post-card__media--gif{display:inline-block;width:fit-content;max-width:100%;border-radius:var(--radius-lg);background:transparent}.create-post-card__media--gif img{width:auto;max-width:100%;max-height:26rem;object-fit:initial}.create-post-card__media>button:not(.create-post-card__media-action){position:absolute;top:var(--space-2);right:var(--space-2);width:var(--space-8);height:var(--space-8);border:0;border-radius:var(--radius-full);background:var(--color-overlay);color:var(--color-text-inverse);font-size:var(--font-size-lg);cursor:pointer}.create-post-card__media-action{position:absolute;right:var(--space-2);bottom:var(--space-2);padding:var(--space-2) var(--space-3);border:0;border-radius:var(--radius);background:var(--color-overlay);color:var(--color-text-inverse);font:inherit;cursor:pointer}.create-post-card__media-action:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.create-post-card__media-locked{margin:var(--space-2) 0 0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.create-post-card__album{margin-top:var(--space-4)}.create-post-card__album-grid{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}.create-post-card__album-grid--two,.create-post-card__album-grid--four{grid-template-columns:repeat(2,minmax(0,1fr))}.create-post-card__album-grid li{position:relative;overflow:hidden;border-radius:var(--radius);background:var(--color-bg)}.create-post-card__album-grid img{display:block;width:100%;aspect-ratio:4 / 5;object-fit:cover}.create-post-card__album-grid--four img{aspect-ratio:1 / 1}.create-post-card__album-label{position:absolute;top:var(--space-2);left:var(--space-2);padding:0 var(--space-2);border-radius:var(--radius-sm);background:var(--color-overlay);color:var(--color-text-inverse);font-size:var(--font-size-xs);line-height:var(--space-5)}.create-post-card__album-remove{position:absolute;top:var(--space-2);right:var(--space-2);display:grid;width:var(--space-8);height:var(--space-8);place-items:center;border:0;border-radius:var(--radius-full);background:var(--color-overlay);color:var(--color-text-inverse);cursor:pointer}.create-post-card__album-edit{margin-top:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-primary);font:inherit;font-size:var(--font-size-base);cursor:pointer}.create-post-card__album-edit:hover{border-color:var(--color-primary);background:var(--color-primary-surface)}.create-post-card__gallery{margin-top:var(--space-4)}.create-post-card__gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2);margin:0;padding:0;list-style:none}.create-post-card__gallery-grid li{position:relative;overflow:hidden;border-radius:var(--radius);background:var(--color-bg)}.create-post-card__gallery-grid img{display:block;width:100%;aspect-ratio:1 / 1;object-fit:cover}.create-post-card__gallery-remove{position:absolute;top:var(--space-1);right:var(--space-1);display:grid;width:var(--space-7);height:var(--space-7);place-items:center;border:0;border-radius:var(--radius-full);background:var(--color-overlay);color:var(--color-text-inverse);cursor:pointer}.create-post-card__gallery-remove:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:1px}.create-post-card__gallery-add{display:grid;place-items:center;width:100%;aspect-ratio:1 / 1;border:2px dashed var(--color-border);border-radius:var(--radius);background:var(--color-bg-secondary);color:var(--color-text-tertiary);cursor:pointer;transition:border-color var(--transition-fast) ease,color var(--transition-fast) ease}.create-post-card__gallery-add:hover{border-color:var(--color-primary);color:var(--color-primary)}.create-post-card__gallery-add:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}@media(max-width:480px){.create-post-card__gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.create-post-card__toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.create-post-card__actions{display:flex;align-items:center}.create-post-card__action{display:grid;place-items:center;width:var(--space-10);height:var(--space-10);padding:0;border:0;border-radius:var(--radius-md);background:transparent;cursor:pointer}.create-post-card__action:hover{background:var(--color-bg)}.create-post-card__action:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.create-post-card__action svg{display:block}.create-post-card__action--image{color:var(--color-post-action-image)}.create-post-card__action--video{color:var(--color-post-action-video)}.create-post-card__action--feeling{color:var(--color-post-action-feeling)}.create-post-card__action--gif{color:var(--color-post-action-gif)}.create-post-card__action--tag{color:var(--color-post-action-tag)}.create-post-card__counter{display:grid;gap:var(--space-1);justify-items:center;padding:var(--space-2)}.create-post-card__count{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.create-post-card__count-track{width:100%;height:2px;overflow:hidden;border-radius:var(--radius-xs);background:var(--color-tab-container)}.create-post-card__count-fill{display:block;height:100%;border-radius:inherit;background:var(--color-primary);transition:width .15s}.create-post-page__file-input{display:none}.create-post-tip{display:flex;gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-4)}.create-post-tip__icon{display:grid;flex:0 0 var(--space-8);place-items:center;width:var(--space-8);height:var(--space-8);border-radius:var(--radius-full);background:var(--color-tab-container);color:var(--color-primary)}.create-post-tip strong{display:block}.create-post-tip p{margin:var(--space-1) 0 0;color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-md)}.create-post-page__footer{position:sticky;bottom:0;z-index:5;display:flex;justify-content:center;margin-top:var(--space-5);padding:var(--space-3) 0;border-top:1px solid var(--color-border);background:color-mix(in srgb,var(--color-bg) 94%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.create-post-page__footer>*{width:100%}.create-post-card__privacy-wrap{position:relative;width:fit-content}.create-post-card__privacy-menu{position:absolute;top:calc(100% + var(--space-2));left:0;z-index:8;display:grid;gap:var(--space-1);width:min(17rem,70vw);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);box-shadow:var(--shadow-md)}.create-post-card__privacy-menu button{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:var(--space-2);padding:var(--space-3);border:0;border-radius:var(--radius);background:transparent;color:var(--color-text);font:inherit;text-align:left;cursor:pointer}.create-post-card__privacy-menu button:hover,.create-post-card__privacy-menu button.selected{background:var(--color-tab-container)}.create-post-card__privacy-menu button.selected{color:var(--color-primary)}.create-post-card__privacy-menu button>svg{display:block;margin-top:2px}.create-post-card__privacy-menu button>span{display:grid;gap:var(--space-1)}.create-post-card__privacy-menu small{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.create-post-sheet__backdrop,.create-post-dialog__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:var(--color-overlay)}.create-post-sheet{position:fixed;right:50%;bottom:var(--space-4);z-index:21;display:grid;gap:var(--space-3);width:min(calc(100% - var(--space-8)),34rem);max-height:calc(100vh - var(--space-8));overflow:auto;transform:translate(50%);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-lg)}.create-post-sheet h2{margin:0 0 var(--space-2);font-size:var(--font-size-lg)}.create-post-sheet--panel{gap:var(--space-4);padding:var(--space-4) var(--space-6) var(--space-6);border-radius:var(--radius-xl)}.create-post-sheet__header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0}.create-post-sheet__header h2{flex:1;margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semi-bold);letter-spacing:var(--letter-spacing-tight)}.create-post-sheet__back,.create-post-sheet__close{display:grid;flex:0 0 auto;place-items:center;width:var(--space-8);height:var(--space-8);padding:0;border:0;border-radius:var(--radius-full);background:var(--color-bg);color:var(--color-text);cursor:pointer}.create-post-sheet__close{background:transparent;color:var(--color-text-secondary)}.create-post-sheet__back:hover,.create-post-sheet__close:hover{background:var(--color-bg-tertiary)}.create-post-sheet__back:focus-visible,.create-post-sheet__close:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.create-post-sheet__back svg,.create-post-sheet__close svg{display:block}.create-post-sheet__feelings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}.create-post-sheet__feelings button{display:grid;gap:var(--space-2);justify-items:center;padding:var(--space-4) var(--space-3);border:1px solid transparent;border-radius:var(--radius-xl);background:var(--color-post-option-bg);color:var(--color-post-body);font:inherit;font-size:var(--font-size-base);text-align:center;cursor:pointer}.create-post-sheet__feelings button span{font-size:var(--font-size-3xl);line-height:1}.create-post-sheet__feelings button:hover{border-color:var(--color-tab-active-border)}.create-post-sheet__feelings button.selected{border-color:var(--color-primary)}.create-post-sheet__feelings button:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.create-post-sheet__note{margin:0;color:var(--color-post-body);font-size:var(--font-size-base);line-height:var(--line-height-base);text-align:center}.create-post-tags__panel{display:grid;gap:var(--space-6);padding:var(--space-4) var(--space-3);border:1px solid var(--color-tag-panel-border);border-radius:var(--radius-xl);background:var(--color-tab-container)}.create-post-tags__selected{display:flex;flex-wrap:wrap;gap:var(--space-2);margin:0;padding:0;list-style:none}.create-post-tags__selected button{display:inline-flex;align-items:center;gap:var(--space-1);min-height:var(--space-10);padding:var(--space-2) var(--space-4);border:0;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-text-inverse);font:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);cursor:pointer;box-shadow:var(--shadow-sm)}.create-post-tags__selected button:hover{background:var(--color-primary-dark)}.create-post-tags__selected button svg{display:block}.create-post-tags__form{display:flex;align-items:center;gap:var(--space-2);min-height:var(--space-10);padding:var(--space-2) var(--space-3);border-radius:var(--radius);background:var(--color-tag-input-bg)}.create-post-tags__hash{color:var(--color-text);font-size:var(--font-size-md);font-weight:var(--font-weight-medium)}.create-post-tags__form input{min-width:0;flex:1;border:0;background:transparent;color:var(--color-text);font:inherit;font-size:var(--font-size-base);outline:0}.create-post-tags__form input::placeholder{color:var(--color-text-secondary)}.create-post-tags__suggested{display:grid;gap:var(--space-1)}.create-post-tags__suggested p{margin:0;padding:0 var(--space-4);color:var(--color-text-secondary);font-size:var(--font-size-md);font-weight:var(--font-weight-medium)}.create-post-tags__suggestions{display:flex;flex-wrap:wrap;gap:var(--space-3) var(--space-2);padding:var(--space-4)}.create-post-tags__suggestions button{display:inline-flex;align-items:center;gap:var(--space-1);min-height:var(--space-10);padding:var(--space-2) var(--space-4);border:0;border-radius:var(--radius-full);background:var(--color-btn-secondary-bg);color:var(--color-text);font:inherit;font-size:var(--font-size-base);cursor:pointer}.create-post-tags__suggestions button:hover{background:var(--color-bg-tertiary)}.create-post-tags__suggestions button svg{display:block}.create-post-sheet__done{border-radius:var(--radius)}.create-post-sheet__form{display:grid;gap:var(--space-3)}.create-post-sheet--gif{display:flex;flex-direction:column;height:min(78vh,40rem);overflow:hidden;padding-bottom:var(--space-4)}.create-post-sheet__gif-panel{flex:1;min-height:0;overflow:hidden}.create-post-sheet__form label{color:var(--color-text-secondary);font-size:var(--font-size-md);font-weight:var(--font-weight-medium)}.create-post-sheet__input{min-height:var(--space-10);padding:var(--space-2) var(--space-3);border:1px solid var(--color-tag-panel-border);border-radius:var(--radius);background:var(--color-tag-input-bg);color:var(--color-text);font:inherit;font-size:var(--font-size-base)}.create-post-sheet__input::placeholder{color:var(--color-text-secondary)}.create-post-sheet__input:focus-visible{border-color:var(--color-primary);outline:2px solid var(--color-border-focused);outline-offset:1px}.create-post-dialog__backdrop{z-index:30;display:grid;place-items:center;padding:var(--space-4)}.create-post-dialog{display:grid;gap:var(--space-4);width:min(100%,28rem);padding:var(--space-6);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-lg);text-align:center}.create-post-dialog h2,.create-post-dialog p{margin:0}.create-post-dialog p{color:var(--color-text-secondary)}.create-post-dialog>div{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.create-post-dialog button{min-height:var(--space-10);padding:0 var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg);color:var(--color-text);font:inherit;cursor:pointer}.create-post-dialog>div>button:nth-child(2){border-color:var(--color-primary);background:var(--color-primary);color:var(--color-text-inverse)}.create-post-dialog__success-icon{display:grid;place-items:center;justify-self:center;width:var(--space-12);height:var(--space-12);border-radius:var(--radius-full);background:var(--color-success);color:#fff;font-size:var(--font-size-xl)}.create-post-crop{width:min(100%,54rem);max-height:min(92vh,46rem);padding:var(--space-5);text-align:left}.create-post-crop__header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:var(--space-3)}.create-post-crop__header h2,.create-post-crop__header p{margin:0}.create-post-crop__header p{margin-top:var(--space-1);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.create-post-crop__header>button{display:grid;place-items:center;width:calc(var(--space-8) + var(--space-1));height:calc(var(--space-8) + var(--space-1));border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer}.create-post-crop__header>button{padding:0;border-color:var(--color-primary);background:var(--color-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-xs)}.create-post-crop__header>button svg{display:block}.create-post-crop__header>button:hover{border-color:var(--color-primary-dark);background:var(--color-primary-dark);color:var(--color-text-inverse)}.create-post-crop__header>button:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.create-post-crop__layout{display:grid!important;grid-template-columns:minmax(0,1.65fr) minmax(14rem,.85fr);gap:var(--space-5);align-items:stretch;margin-top:var(--space-4)}.create-post-crop__preview{display:flex;align-items:center;justify-content:center;min-height:22rem;max-height:28rem;overflow:auto;border-radius:var(--radius);background:var(--color-crop-preview-bg)}.create-post-crop__controls{display:grid;align-content:start;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius);background:var(--color-bg)}.create-post-crop__controls h3{margin:0;font-size:var(--font-size-md)}.create-post-crop__controls fieldset{display:grid;gap:var(--space-2);padding:0;border:0}.create-post-crop__controls legend{margin-bottom:var(--space-1);font-weight:var(--font-weight-bold)}.create-post-crop__controls button{min-height:calc(var(--space-10) - var(--space-1));padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:var(--font-size-sm);cursor:pointer}.create-post-crop__controls button.selected{border-color:var(--color-primary);background:var(--color-tab-container);color:var(--color-primary)}.create-post-crop__controls button.disabled,.create-post-crop__controls button:disabled{opacity:.5;cursor:not-allowed}.create-post-crop__preview .ReactCrop{max-width:100%;max-height:24rem}.create-post-crop__preview .ReactCrop img{display:block;max-width:100%;max-height:24rem;object-fit:contain}.create-post-crop__hint{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm);text-align:left;line-height:var(--line-height-md)}.create-post-crop__zoom{display:grid;gap:var(--space-2);color:var(--color-text-secondary);text-align:left}.create-post-crop__zoom input{width:100%;accent-color:var(--color-primary)}.create-post-crop__zoom span{color:var(--color-text);font-size:var(--font-size-sm);text-align:right}.create-post-crop__footer{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-border)}.create-post-crop__footer button{min-width:6rem;min-height:calc(var(--space-10) - var(--space-1));padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:var(--font-size-sm);cursor:pointer}.create-post-crop__footer button:last-child{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-text-inverse)}.create-post-crop__aspects,.create-post-crop__shapes{display:flex;gap:var(--space-2)}.create-post-crop__aspects button,.create-post-crop__shapes button{flex:1}.create-post-crop__aspects button.selected,.create-post-crop__shapes button.selected{border-color:var(--color-primary);background:var(--color-tab-container)}@media(max-width:1024px){.create-post-crop{width:min(100%,50rem);max-height:94vh;padding:var(--space-4)}.create-post-crop__layout{grid-template-columns:minmax(0,1.35fr) minmax(13rem,1fr);gap:var(--space-4)}.create-post-crop__preview{min-height:20rem;max-height:24rem}}@media(max-width:768px){.create-post-dialog__backdrop{align-items:end;padding:var(--space-2)}.create-post-crop{padding:var(--space-4)}.create-post-crop__layout{grid-template-columns:1fr;gap:var(--space-4)}.create-post-crop__preview{min-height:16rem;max-height:20rem}.create-post-crop__controls{gap:var(--space-2)}.create-post-crop__footer{justify-content:stretch}.create-post-crop__footer button{flex:1;min-width:0}}@media(max-width:640px){.create-post-crop{width:100%;max-height:95vh;border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:var(--space-3)}.create-post-crop__header{gap:var(--space-2)}.create-post-crop__header h2{font-size:var(--font-size-lg)}.create-post-crop__preview{min-height:14rem;max-height:18rem}.create-post-crop__controls{padding:var(--space-2)}.create-post-page{padding-right:var(--space-3);padding-left:var(--space-3)}.create-post-card{padding:var(--space-4)}.create-post-card__toolbar{gap:var(--space-2)}.create-post-card__action{width:var(--space-8)}.create-post-card__counter{padding:var(--space-1)}.create-post-sheet--panel{padding:var(--space-4)}.create-post-sheet__feelings{grid-template-columns:repeat(2,minmax(0,1fr))}.create-post-tags__suggested p,.create-post-tags__suggestions{padding-right:0;padding-left:0}.create-post-tip{margin-bottom:var(--space-3)}}.password-input{position:relative;display:block;width:100%}.password-input .password-input__field{padding-right:var(--space-10)}.password-input__toggle{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:center;width:var(--space-10);height:100%;padding:0;border:0;border-radius:var(--radius-sm);background:none;color:var(--color-text-secondary);cursor:pointer}.password-input__toggle:hover{color:var(--color-text)}.password-input__toggle:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:-2px}.auth-flow__helper-text{margin:var(--space-1) 0 0;font-size:var(--font-size-xs);line-height:var(--line-height-xs);color:var(--color-text-secondary)}.otp-input{display:flex;justify-content:space-between;gap:var(--space-2)}.otp-input__box{flex:1 1 0;min-width:0;height:52px;line-height:52px;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);font-family:var(--font-family-body);font-size:var(--font-size-xl);font-weight:var(--font-weight-semi-bold);text-align:center;outline:none;box-sizing:border-box}.otp-input__box:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-surface)}.otp-input__box--error{border-color:var(--color-error)}.otp-input__box:disabled{background:var(--color-bg-tertiary);cursor:not-allowed}.otp-input+.form-error{justify-content:center;text-align:center}.criteria-list{display:flex;flex-wrap:wrap;gap:var(--space-1);margin:0;padding:0;list-style:none}.criteria-list__item{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-full);color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:var(--line-height-xs);transition:background-color .12s ease,border-color .12s ease,color .12s ease}.criteria-list__item--met{border-color:transparent;background:var(--color-success-surface);color:var(--color-success-dark)}.criteria-list__mark{display:inline-grid;place-items:center;font-size:var(--font-size-xs)}.auth-flow__match{display:flex;align-items:center;gap:var(--space-2);margin:0;color:var(--color-success-dark);font-size:var(--font-size-xs);line-height:var(--line-height-xs)}.auth-flow__remember{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.auth-flow__checkbox{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-sm);cursor:pointer}.auth-flow__checkbox input{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.auth-flow__link-button{border:0;background:transparent;color:var(--color-primary);font:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-semi-bold);cursor:pointer}.auth-flow__link-button:hover:not(:disabled){text-decoration:underline}.auth-flow__link-button:disabled{color:var(--color-text-tertiary);cursor:default}.auth-flow__status{color:var(--color-text-secondary);font-size:var(--font-size-xs);text-align:center}.username-status{display:flex;align-items:center;gap:var(--space-1);margin:0;font-size:var(--font-size-xs);line-height:var(--line-height-xs);color:var(--color-text-secondary)}.username-status__mark{display:inline-grid;place-items:center;width:1em;font-size:var(--font-size-xs)}.username-status--checking{color:var(--color-text-secondary)}.username-status--checking .username-status__mark{animation:username-status-pulse 1s ease-in-out infinite}.username-status--available{color:var(--color-success-dark)}.username-status--taken{color:var(--color-error-dark)}@keyframes username-status-pulse{0%,to{opacity:.4}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.username-status--checking .username-status__mark{animation:none}}.scroll-date-picker{position:relative;overflow:hidden;width:100%;border-radius:var(--radius-xl);background:var(--color-bg)}.scroll-date-picker__band{position:absolute;top:50%;right:var(--space-2);left:var(--space-2);height:var(--space-12);transform:translateY(-50%);border-radius:var(--radius);background:var(--color-tab-container);pointer-events:none}.scroll-date-picker__columns{position:relative;display:flex;align-items:stretch;gap:var(--space-2);padding:0 var(--space-5)}.scroll-date-picker__column{min-width:0;flex:1;height:calc(var(--space-12) * 5);overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none}.scroll-date-picker__column::-webkit-scrollbar{display:none}.scroll-date-picker__column:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:-2px;border-radius:var(--radius)}.scroll-date-picker__spacer{height:var(--space-12)}.scroll-date-picker__option{display:flex;height:var(--space-12);align-items:center;justify-content:center;scroll-snap-align:center;scroll-snap-stop:always;color:var(--color-text-secondary);font-family:var(--font-family-body);font-size:var(--font-size-base);font-weight:var(--font-weight-regular);letter-spacing:var(--letter-spacing-condensed);white-space:nowrap;cursor:pointer;transition:color var(--transition-fast)}.scroll-date-picker__option:hover{color:var(--color-text)}.scroll-date-picker__option--selected{color:var(--color-text);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);cursor:default}.scroll-date-picker__divider{width:1px;height:var(--space-5);flex:0 0 1px;align-self:center;background:var(--color-border)}.scroll-date-picker__fade{position:absolute;right:0;left:0;height:var(--space-12);background:var(--gradient-scroll-date-fade);pointer-events:none}.scroll-date-picker__fade--top{top:0}.scroll-date-picker__fade--bottom{bottom:0;transform:scaleY(-1)}@media(max-width:640px){.scroll-date-picker__columns{padding:0 var(--space-3)}}.more-page{display:flex;flex-direction:column;gap:var(--space-4)}.more-page__topbar{display:flex;align-items:center;gap:var(--space-2)}.more-page__back{display:grid;width:var(--space-10);height:var(--space-10);flex:0 0 var(--space-10);margin-left:calc(var(--space-2) * -1);place-items:center;border:0;border-radius:var(--radius-full);background:transparent;color:var(--color-text);cursor:pointer}.more-page__back:hover{background:var(--color-bg-tertiary)}.more-page__back:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.more-page__heading{display:flex;min-width:0;flex:1 1 auto;flex-direction:column;gap:var(--space-1)}.more-page__title{margin:0;color:var(--color-profile-name);font-family:var(--font-family-heading);font-size:var(--font-size-base);font-weight:var(--font-weight-semi-bold);line-height:1.2}.more-page__subtitle{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-xs)}.more-status{display:flex;flex-direction:column;align-items:center;padding:var(--space-8) var(--space-4);border-radius:var(--radius-xl);background:var(--color-surface);color:var(--color-text-secondary);font-size:var(--font-size-sm);gap:var(--space-3);text-align:center}.more-more{display:flex;justify-content:center}.more-card{display:flex;flex-direction:column;padding:var(--space-4);border-radius:var(--radius-2xl);background:var(--color-surface);box-shadow:var(--shadow-card);gap:var(--space-3)}.more-skeleton__row{display:flex;align-items:center;gap:var(--space-3)}.more-skeleton__avatar{width:40px;height:40px}.more-skeleton__meta{display:flex;min-width:0;flex:1;flex-direction:column;gap:var(--space-2)}.more-skeleton__line--title{width:40%;height:var(--space-4)}.more-skeleton__line--name{width:50%}.more-skeleton__line--detail{width:30%;height:var(--space-2)}.more-section-title{margin:0;color:var(--color-text);font-family:var(--font-family-heading);font-size:var(--font-size-sm);font-weight:var(--font-weight-semi-bold)}.more-list{display:flex;flex-direction:column;margin:0;padding:0;gap:var(--space-2);list-style:none}.blocked-row{display:flex;align-items:center;padding:var(--space-3);border-radius:var(--radius-xl);background:var(--color-surface);gap:var(--space-3)}.blocked-row__name{overflow:hidden;flex:1 1 auto;color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-semi-bold);text-overflow:ellipsis;white-space:nowrap}.ai-buddy-list{display:grid;margin:0;padding:0;gap:var(--space-3);grid-template-columns:1fr;list-style:none}@media(min-width:768px){.ai-buddy-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.ai-buddy-card{display:flex;flex-direction:column;padding:var(--space-4);border:1px solid transparent;border-radius:var(--radius-2xl);background:var(--color-surface);box-shadow:var(--shadow-card);gap:var(--space-3)}.ai-buddy-card--current{border-color:var(--color-primary);background:var(--color-primary-surface)}.ai-buddy-card__header{display:flex;align-items:center;gap:var(--space-3)}.ai-buddy-card__identity{display:flex;min-width:0;flex:1 1 auto;flex-direction:column}.ai-buddy-card__name{margin:0;color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-semi-bold)}.ai-buddy-card__role{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-xs)}.ai-buddy-card__description{margin:0;color:var(--color-post-body);font-size:var(--font-size-sm);line-height:var(--line-height-md)}.ai-buddy-card__actions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.ai-buddy-card__badge{align-self:flex-start;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);background:var(--color-primary-surface);color:var(--color-primary-dark);font-size:var(--font-size-xs);font-weight:var(--font-weight-semi-bold)}.tracker-banner{display:flex;align-items:center;padding:var(--space-4);border-radius:var(--radius-2xl);background:var(--color-primary);color:var(--color-text-inverse);gap:var(--space-3)}.tracker-banner__copy{display:flex;min-width:0;flex:1 1 auto;flex-direction:column;gap:var(--space-1)}.tracker-banner__title{margin:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-semi-bold)}.tracker-banner__subtitle{margin:0;font-size:var(--font-size-xs);opacity:.85}.tracker-card__header{display:flex;align-items:center;gap:var(--space-3)}.tracker-card__heading{display:flex;min-width:0;flex:1 1 auto;flex-direction:column}.tracker-card__title{margin:0;color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-semi-bold)}.tracker-card__subtitle{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-xs)}.tracker-card__badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--color-primary-surface);color:var(--color-primary-dark);font-size:var(--font-size-xs);font-weight:var(--font-weight-semi-bold);white-space:nowrap}.tracker-chart-figure{display:flex;flex-direction:column;margin:0;gap:var(--space-2)}.tracker-chart{width:100%;height:calc(var(--space-16) * 2.5)}.tracker-chart__line{fill:none;stroke-width:2}.tracker-chart__labels{display:flex;justify-content:space-between;color:var(--color-text-tertiary);font-size:var(--font-size-xs);gap:var(--space-2)}.tracker-chart__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tracker-scale{display:flex;flex-direction:column;gap:var(--space-2)}.tracker-scale__labels{display:grid;color:var(--color-text-tertiary);font-size:var(--font-size-xs);grid-template-columns:repeat(4,1fr);text-align:center}.tracker-scale__bar{position:relative;display:grid;height:var(--space-2);border-radius:var(--radius-full);grid-template-columns:repeat(4,1fr);overflow:visible}.tracker-scale__segment:first-child{border-radius:var(--radius-full) 0 0 var(--radius-full)}.tracker-scale__segment:last-child{border-radius:0 var(--radius-full) var(--radius-full) 0}.tracker-scale__marker{position:absolute;top:50%;width:var(--space-4);height:var(--space-4);border:2px solid var(--color-surface);border-radius:var(--radius-full);transform:translate(-50%,-50%)}.tracker-scale__status{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-xs)}.tracker-scale__status-value{font-weight:var(--font-weight-semi-bold)}.tracker-units{display:flex;padding:var(--space-1);border-radius:var(--radius-full);background:var(--color-tab-container);gap:var(--space-1)}.tracker-units__option{padding:var(--space-1) var(--space-3);border:0;border-radius:var(--radius-full);background:transparent;color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-xs);font-weight:var(--font-weight-semi-bold)}.tracker-units__option--active{background:var(--color-surface);color:var(--color-primary-dark)}.tracker-units__option:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.tracker-weight-form{display:flex;flex-direction:column;padding:var(--space-4);gap:var(--space-3)}.tracker-weight-form__description{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.tracker-weight-form__row{display:flex;align-items:center;gap:var(--space-3)}.tracker-weight-form__input{min-width:0;flex:1 1 auto;padding:var(--space-3);border:1px solid var(--color-input-border);border-radius:var(--radius-lg);background:var(--color-input);color:var(--color-text);font-family:var(--font-family-body);font-size:var(--font-size-base)}.tracker-weight-form__input:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:1px}.tracker-weight-form__input--error{border-color:var(--color-error)}.awards-summary{display:flex;flex-direction:column;padding:var(--space-5);border-radius:var(--radius-2xl);background:var(--color-primary);color:var(--color-text-inverse);gap:var(--space-3)}.awards-summary__label{margin:0;font-size:var(--font-size-xs);opacity:.85}.awards-summary__points{margin:0;font-family:var(--font-family-heading);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);line-height:1}.awards-summary__levels{display:flex;justify-content:space-between;font-size:var(--font-size-xs);gap:var(--space-3)}.awards-summary__track{overflow:hidden;height:var(--space-2);border-radius:var(--radius-full);background:var(--color-primary-light)}.awards-summary__fill{height:100%;border-radius:var(--radius-full);background:var(--color-text-inverse)}.awards-summary__motivation{margin:0;font-size:var(--font-size-xs);opacity:.85}.awards-grid{display:grid;margin:0;padding:0;gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));list-style:none}@media(min-width:768px){.awards-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.awards-level{display:flex;flex-direction:column;align-items:center;padding:var(--space-4) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);gap:var(--space-2);text-align:center}.awards-level--current{border-color:var(--color-primary)}.awards-level__icon{display:grid;width:var(--space-10);height:var(--space-10);place-items:center;border-radius:var(--radius-full);background:var(--color-primary-surface);color:var(--color-primary-dark)}.awards-level__name{color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-semi-bold)}.awards-level__points{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.awards-rule{display:flex;align-items:center;padding:var(--space-3) 0;border-bottom:1px solid var(--color-divider);gap:var(--space-3)}.awards-rule:last-child{border-bottom:0}.awards-rule__copy{display:flex;min-width:0;flex:1 1 auto;flex-direction:column}.awards-rule__name{color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.awards-rule__description{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.awards-rule__points{color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semi-bold);white-space:nowrap}.leaderboard-row{display:flex;align-items:center;padding:var(--space-3);border:1px solid transparent;border-radius:var(--radius-xl);background:var(--color-surface);gap:var(--space-3)}.leaderboard-row--top{border-color:var(--color-accent)}.leaderboard-row__rank{min-width:var(--space-8);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semi-bold);text-align:center}.leaderboard-row__main{display:flex;min-width:0;flex:1 1 auto;align-items:center;padding:0;border:0;background:none;color:inherit;cursor:pointer;gap:var(--space-3);text-align:left}.leaderboard-row__main:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.leaderboard-row__name{overflow:hidden;color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-semi-bold);text-overflow:ellipsis;white-space:nowrap}.leaderboard-row__points{display:flex;flex-direction:column;align-items:flex-end}.leaderboard-row__points-value{color:var(--color-primary-dark);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.leaderboard-row--top .leaderboard-row__points-value{color:var(--color-accent)}.leaderboard-row__points-label{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.leaderboard-self{position:sticky;bottom:0;display:flex;flex-direction:column;padding:var(--space-3);border:1px solid var(--color-primary);border-radius:var(--radius-xl);background:var(--color-surface);gap:var(--space-2)}.leaderboard-self__row{display:flex;align-items:center;gap:var(--space-3)}.leaderboard-self__label{flex:1 1 auto;color:var(--color-text-secondary);font-size:var(--font-size-xs)}.leaderboard-self__rank{color:var(--color-text);font-size:var(--font-size-base);font-weight:var(--font-weight-bold)}.leaderboard-self__motivation{margin:0;color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.buddies-page{position:relative;min-height:100vh;padding:var(--space-4) 0 var(--space-8);color:var(--color-text);font-family:var(--font-family-body)}.buddies-page__header,.buddies-page__search-row,.buddies-page__filters,.buddies-page__submit,.buddies-page__results,.buddies-page__robi{width:100%;margin-right:auto;margin-left:auto}.buddies-page__header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-5)}.buddies-page__header h1{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-semi-bold)}.buddies-page__back{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:0;background:transparent;color:var(--color-text);font-size:var(--font-size-xl);cursor:pointer}.buddies-page__search-row{display:flex;gap:var(--space-3);margin-bottom:var(--space-4)}.buddies-page__search,.buddies-page__country-search{display:flex;align-items:center;gap:var(--space-2);min-width:0;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-tertiary)}.buddies-page__search{flex:1;height:40px;padding:0 var(--space-3)}.buddies-page__search input,.buddies-page__country-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--color-text);font:inherit;font-size:var(--font-size-xs)}.buddies-page__search input::placeholder,.buddies-page__country-search input::placeholder{color:var(--color-text-tertiary)}.buddies-page__filter-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;border:0;border-radius:var(--radius-md);background:var(--color-text);color:var(--color-text-inverse);cursor:pointer}.buddies-page__filter-count{position:absolute;top:-7px;right:-5px;display:grid;width:17px;height:17px;place-items:center;border-radius:var(--radius-full);background:var(--color-error);font-size:var(--font-size-xs)}.buddies-page__filters{display:flex;flex-direction:column;gap:var(--space-5)}.buddies-page__field{position:relative;min-width:0;margin:0;padding:0;border:0}.buddies-page__field legend{margin-bottom:var(--space-2);color:var(--color-text);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.buddies-page__chips{display:flex;gap:var(--space-2)}.buddies-page__chip,.buddies-page__country-trigger{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-secondary);font:inherit;font-size:var(--font-size-xs);cursor:pointer}.buddies-page__chip{min-width:56px;padding:var(--space-2) var(--space-3)}.buddies-page__chip--selected{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-text-inverse)}.buddies-page__country-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:40px;padding:0 var(--space-3);text-align:left}.buddies-page__country-menu{position:absolute;z-index:var(--z-overlay);top:calc(100% + var(--space-1));right:0;left:0;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-lg)}.buddies-page__country-menu strong{display:block;margin-bottom:var(--space-2);font-size:var(--font-size-xs)}.buddies-page__country-search{height:32px;padding:0 var(--space-2)}.buddies-page__country-list{max-height:215px;margin-top:var(--space-2);overflow-y:auto}.buddies-page__country-option{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-2);border:0;background:transparent;color:var(--color-text);font:inherit;font-size:var(--font-size-xs);text-align:left;cursor:pointer}.buddies-page__country-option:hover,.buddies-page__country-option--selected{border-radius:var(--radius-xs);background:var(--color-tab-container);color:var(--color-primary)}.buddies-page__submit{display:block;min-height:40px;margin-top:var(--space-6);border:0;border-radius:var(--radius-md);background:var(--color-primary);color:var(--color-text-inverse);font:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-semi-bold);cursor:pointer}.buddies-page__submit:disabled{opacity:.65;cursor:wait}.buddies-page__actions{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.buddies-page__clear{display:block;min-height:36px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:transparent;color:var(--color-text-secondary);font:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer}.buddies-page__clear:hover{background:var(--color-bg-secondary)}.buddies-page__robi{display:block;margin-top:var(--space-3);border:0;background:transparent;color:var(--color-text-secondary);font:inherit;font-size:var(--font-size-xs);cursor:pointer}.buddies-page__results{display:grid;gap:0;margin-top:var(--space-3)}.buddies-page__empty{margin-top:var(--space-6);color:var(--color-text-secondary);font-size:var(--font-size-base);text-align:center}.buddies-page__result{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-divider)}.buddies-page__result-avatar{display:grid;width:40px;height:40px;flex:0 0 40px;place-items:center;border-radius:var(--radius-full);object-fit:cover;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.buddies-page__result-main{min-width:0;flex:1}.buddies-page__result-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.buddies-page__result-heading strong{font-size:var(--font-size-sm);font-weight:var(--font-weight-semi-bold)}.buddies-page__result-avatar-action{display:flex;flex:0 0 40px;padding:0;border:0;background:transparent;cursor:pointer;border-radius:var(--radius-full)}.buddies-page__result-avatar-action:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.buddies-page__result-name-action{padding:0;border:0;background:transparent;color:inherit;font:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-semi-bold);text-align:inherit;cursor:pointer}.buddies-page__result-name-action:hover{color:var(--color-primary)}.buddies-page__result-name-action:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px;border-radius:var(--radius-xs)}.buddies-page__match{padding:var(--space-1) var(--space-2);border-radius:var(--radius-xs);background:var(--color-primary-surface);color:var(--color-success);font-size:var(--font-size-xs);white-space:nowrap}.buddies-page__result-main p{margin:var(--space-1) 0;overflow:hidden;color:var(--color-text-secondary);font-size:var(--font-size-xs);text-overflow:ellipsis;white-space:nowrap}.buddies-page__result-meta{display:flex;flex-wrap:wrap;gap:var(--space-3);color:var(--color-text-secondary);font-size:var(--font-size-xs)}.buddies-page__result-actions{display:flex;justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-2)}.buddies-page__result-actions button{min-height:28px;padding:var(--space-1) var(--space-3);border:1px solid var(--color-primary);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-primary);font:inherit;font-size:var(--font-size-xs);cursor:pointer}.buddies-page__result-actions button:last-child{flex:0 1 180px;background:var(--color-primary);color:var(--color-text-inverse)}.buddies-page__result-actions button:disabled{opacity:.65;cursor:not-allowed}.buddies-page__result-actions button[aria-busy=true]{cursor:wait}@media(max-width:768px){.buddies-page{padding:var(--space-4);padding-bottom:var(--space-12)}.buddies-page__result-actions button:last-child{flex-basis:140px}}.buddies-page__search-clear,.buddies-page__search-submit{display:grid;place-items:center;width:20px;height:20px;border:0;border-radius:var(--radius-full);background:transparent;color:var(--color-text-tertiary);cursor:pointer}.buddies-page__search-clear:hover,.buddies-page__search-submit:hover:not(:disabled){color:var(--color-text)}.buddies-page__search-clear:focus-visible,.buddies-page__search-submit:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:1px}.buddies-page__search-submit:disabled{opacity:.5;cursor:not-allowed}.buddies-page__advanced{display:flex;flex-direction:column;gap:var(--space-4)}.buddies-page__accordion{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-3) 0;border:0;border-top:1px solid var(--color-border);background:transparent;color:var(--color-text);font:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer}.buddies-page__accordion:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.buddies-page__accordion-icon--open{transform:rotate(180deg)}.buddies-page__advanced-body{display:flex;flex-direction:column;gap:var(--space-5)}.buddies-page__advanced-slider{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3)}.buddies-page__unit-toggle{display:inline-flex;gap:var(--space-1);align-self:flex-end;margin-bottom:var(--space-2);padding:2px;border-radius:var(--radius-md);background:var(--color-bg-tertiary)}.buddies-page__unit{min-width:44px;padding:var(--space-1) var(--space-2);border:0;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-secondary);font:inherit;font-size:var(--font-size-xs);cursor:pointer}.buddies-page__unit--selected{background:var(--color-surface);color:var(--color-text);font-weight:var(--font-weight-medium)}.buddies-page__unit:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:1px}.match-onboarding{display:flex;width:min(100%,440px);min-height:min(720px,calc(100vh - var(--space-12)));flex-direction:column;align-items:stretch;gap:var(--space-3);color:var(--color-text);text-align:center}.match-onboarding .auth-flow__back{margin-bottom:0}.match-onboarding h1{margin:0;font-family:var(--font-family-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-md)}.match-onboarding>p{margin:calc(var(--space-2) * -1) 0 var(--space-3);color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:var(--line-height-sm)}.match-onboarding__illustration{display:grid;width:min(100%,var(--size-match-illustration));aspect-ratio:1;align-self:center;place-items:center;border-radius:var(--radius-2xl);background:var(--color-primary-surface)}.match-onboarding__illustration--celebrate{background:var(--color-primary-surface)}.match-onboarding__illustration .brand-logo{transform:scale(2)}.match-onboarding__copy{animation:match-onboarding-fade .3s ease-out}.match-onboarding__copy p{margin:var(--space-1) 0 0;color:var(--color-text-secondary);font-size:var(--font-size-xs)}.match-onboarding__skeleton-list{display:flex;flex-direction:column;gap:var(--space-2)}.match-onboarding__skeleton-card{display:flex;min-height:var(--size-skeleton-card);align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-xs)}.match-onboarding__skeleton-card>i,.match-onboarding__skeleton-card b,.match-onboarding__skeleton-card em{display:block;border-radius:var(--radius-full);background:var(--color-bg-tertiary);animation:match-onboarding-pulse 1.4s ease-in-out infinite alternate}.match-onboarding__skeleton-card>i{width:var(--size-avatar-lg);aspect-ratio:1;border-radius:var(--radius-md)}.match-onboarding__skeleton-card>span{display:flex;flex:1;flex-direction:column;gap:var(--space-2)}.match-onboarding__skeleton-card b:first-child{width:36%;height:var(--space-3)}.match-onboarding__skeleton-card b:last-child{width:66%;height:var(--space-2)}.match-onboarding__skeleton-card em{width:20%;height:var(--space-4)}.match-onboarding--results,.match-onboarding--ai-buddy,.match-onboarding--error{justify-content:center}.match-onboarding--results .ui-button,.match-onboarding--ai-buddy .ui-button,.match-onboarding--error .ui-button{margin-top:auto}.match-onboarding__results{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;list-style:none}.match-onboarding__result{display:grid;grid-template-columns:var(--size-avatar-lg) minmax(0,1fr) auto;align-items:center;gap:var(--space-3);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-xs);text-align:left}.match-onboarding__result img,.match-onboarding__avatar{width:var(--size-avatar-lg);aspect-ratio:1;border-radius:var(--radius-md);object-fit:cover}.match-onboarding__avatar{display:grid;place-items:center;background:var(--color-primary-surface);color:var(--color-primary);font-weight:var(--font-weight-bold)}.match-onboarding__result span:not(.match-onboarding__avatar){display:flex;min-width:0;flex-direction:column;gap:var(--space-1)}.match-onboarding__result strong{overflow:hidden;font-size:var(--font-size-sm);text-overflow:ellipsis;white-space:nowrap}.match-onboarding__result small{overflow:hidden;color:var(--color-text-secondary);font-size:var(--font-size-xs);text-overflow:ellipsis;white-space:nowrap}.match-onboarding__result>b{padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);background:var(--color-primary-surface);color:var(--color-primary);font-size:var(--font-size-xs);white-space:nowrap}.match-onboarding__empty{padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-secondary);font-size:var(--font-size-sm)}.match-onboarding__ai-card{padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);box-shadow:var(--shadow-card);text-align:left}.match-onboarding__ai-card h2{margin:0 0 var(--space-3);font-size:var(--font-size-sm);text-align:center}.match-onboarding__ai-profile{display:flex;align-items:flex-start;gap:var(--space-2)}.match-onboarding__ai-profile strong{display:block;font-size:var(--font-size-sm)}.match-onboarding__ai-profile strong small{color:var(--color-text-secondary);font-weight:var(--font-weight-regular)}.match-onboarding__ai-profile p,.match-onboarding__alignment{margin:var(--space-1) 0 0;color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:var(--line-height-sm)}.match-onboarding__alignment{margin-top:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-primary-surface);color:var(--color-text)}.match-onboarding__info{display:block;margin-top:var(--space-3);color:var(--color-text-tertiary);font-size:var(--font-size-xs);line-height:var(--line-height-sm)}.match-onboarding__ai-card--status{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center}.match-onboarding__ai-status{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-xs);line-height:var(--line-height-sm)}.match-onboarding__ai-retry{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);margin-top:var(--space-3)}.match-onboarding__ai-skeleton-avatar{width:var(--size-avatar-lg);aspect-ratio:1}.match-onboarding__ai-skeleton-meta{display:flex;flex:1;flex-direction:column;gap:var(--space-2)}.match-onboarding__ai-skeleton-line--name{width:40%}@keyframes match-onboarding-fade{0%{opacity:0;transform:translateY(var(--space-2))}to{opacity:1;transform:translateY(0)}}@keyframes match-onboarding-pulse{0%{opacity:.5}to{opacity:1}}@media(max-width:640px){.match-onboarding{min-height:calc(100vh - var(--space-8))}}.ui-tabs{display:flex;gap:var(--space-4);overflow-x:auto;border-bottom:1px solid var(--color-border);scrollbar-width:none}.ui-tabs::-webkit-scrollbar{display:none}.ui-tabs__tab{position:relative;flex:0 0 auto;min-height:var(--space-10);padding:var(--space-3) var(--space-1);border:0;border-bottom:2px solid transparent;background:transparent;color:var(--color-text-secondary);font:inherit;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);white-space:nowrap;cursor:pointer}.ui-tabs__tab:hover{color:var(--color-text)}.ui-tabs__tab--active{border-bottom-color:var(--color-primary);color:var(--color-primary);font-weight:var(--font-weight-semi-bold)}.ui-tabs__tab:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:-2px;border-radius:var(--radius-xs)}.profile-page{display:flex;flex-direction:column;gap:var(--space-4)}.profile-topbar{display:flex;align-items:center;gap:var(--space-2)}.profile-topbar__title{margin:0 auto 0 0;padding:0;color:var(--color-profile-name);font-family:var(--font-family-heading);font-size:var(--font-size-base);font-weight:var(--font-weight-semi-bold);line-height:1.2;white-space:nowrap}.profile-topbar__back{display:grid;width:var(--space-10);height:var(--space-10);flex:0 0 var(--space-10);margin-left:calc(var(--space-2) * -1);place-items:center;border:0;border-radius:var(--radius-full);background:transparent;color:var(--color-text);cursor:pointer}.profile-topbar__back:hover{background:var(--color-bg-tertiary)}.profile-topbar__back:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.profile-topbar__button{display:grid;width:var(--space-10);height:var(--space-10);flex:0 0 var(--space-10);place-items:center;border:0;border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-topbar-button);cursor:pointer}.profile-topbar__button:hover:not(:disabled){background:var(--color-bg-tertiary)}.profile-topbar__button:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.profile-topbar__button:disabled{opacity:.5;cursor:not-allowed}.profile-card{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-2xl);background:var(--color-surface)}.profile-card__identity{display:flex;align-items:center;gap:var(--space-4)}.profile-card__avatar{position:relative;flex:0 0 auto}.profile-card__avatar-badge{position:absolute;right:-4px;bottom:-4px;display:grid;width:28px;height:28px;place-items:center;border:0;border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-avatar-badge);cursor:pointer}.profile-card__avatar-badge:hover{background:var(--color-bg-secondary)}.profile-card__identity-text{display:flex;min-width:0;flex-direction:column;gap:var(--space-1)}.profile-card__name{margin:0;color:var(--color-profile-name);font-family:var(--font-family-body);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:1.1;letter-spacing:-.6px;overflow-wrap:anywhere}.profile-card__bio{margin:0;color:var(--color-profile-muted);font-size:var(--font-size-sm);line-height:1.45;letter-spacing:-.12px;overflow-wrap:anywhere}.profile-skeleton__avatar{width:72px;height:72px}.profile-skeleton__identity{flex:1;gap:var(--space-2)}.profile-skeleton__line--name{width:55%;height:var(--space-5)}.profile-skeleton__line--bio{width:80%}.profile-skeleton__stats{width:100%;height:var(--space-12)}.profile-skeleton__actions{display:flex;gap:var(--space-3)}.profile-skeleton__button{width:140px;height:var(--space-10)}.profile-stats{display:flex;align-items:center;padding:var(--space-3) var(--space-2);border-radius:var(--radius-xl);background:var(--color-profile-stats-bg)}.profile-stats__divider{width:1px;height:var(--space-6);flex:0 0 1px;background:var(--color-profile-stats-divider)}.profile-stats__item{display:flex;min-width:0;flex:1;flex-direction:column;align-items:center;gap:2px;padding:0;border:0;border-radius:var(--radius-md);background:transparent;color:inherit;font:inherit}button.profile-stats__item{cursor:pointer}button.profile-stats__item:hover .profile-stats__value{color:var(--color-primary)}.profile-stats__value{color:var(--color-profile-name);font-family:var(--font-family-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:1.35}.profile-stats__label{color:var(--color-profile-muted);font-size:var(--font-size-sm);line-height:1.5}.profile-chips{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-2)}.profile-chips[data-count="5"],.profile-chips[data-count="6"]{grid-template-columns:repeat(3,1fr)}.profile-chip{display:flex;align-items:center;gap:var(--space-2);min-width:0;padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);background:var(--color-profile-chip-bg)}.profile-chip__icon{display:grid;width:28px;height:28px;flex:0 0 28px;place-items:center;border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-primary)}.profile-chip__text{display:flex;min-width:0;flex-direction:column;gap:2px}.profile-chip__label{display:flex;align-items:center;gap:2px;color:var(--color-profile-chip-label);font-size:var(--font-size-xs);line-height:1.35}.profile-chip__value{overflow:hidden;color:var(--color-profile-chip-value);font-size:var(--font-size-sm);font-weight:var(--font-weight-semi-bold);line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.profile-card__actions{display:flex;gap:var(--space-3)}.profile-card__actions .ui-button{flex:1;min-height:44px;border-radius:var(--radius-lg);font-size:var(--font-size-base);font-weight:var(--font-weight-semi-bold);letter-spacing:-.28px}.profile-card__actions .ui-button--primary{box-shadow:var(--shadow-cta-primary)}.profile-card__actions .ui-button--ghost{background:var(--color-btn-secondary-bg);color:var(--color-btn-secondary-text)}.profile-card__actions .ui-button--ghost:hover:not(:disabled){background:var(--color-bg-tertiary)}.profile-posts{display:flex;flex-direction:column;gap:var(--space-4)}.profile-posts__status,.profile-posts__empty{margin:0;padding:var(--space-8) var(--space-4);color:var(--color-text-secondary);text-align:center}.profile-posts__status--error{color:var(--color-error-dark)}.profile-restricted{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-12) var(--space-5);border-radius:var(--radius-2xl);background:var(--color-surface);text-align:center}.profile-restricted__icon{display:grid;width:var(--space-12);height:var(--space-12);place-items:center;border-radius:var(--radius-full);background:var(--color-bg-secondary);color:var(--color-text-secondary)}.profile-restricted__title{margin:0;color:var(--color-text);font-size:var(--font-size-md);font-weight:var(--font-weight-semi-bold)}.profile-restricted__message{margin:0;max-width:42ch;color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.45}.avatar-upload{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-5)}.avatar-upload__preview{display:grid;width:160px;height:160px;place-items:center;overflow:hidden;border-radius:var(--radius-2xl);background:var(--color-bg-secondary)}.avatar-upload__preview img{width:100%;height:100%;object-fit:cover}.avatar-upload__picker{display:inline-flex;align-items:center;gap:var(--space-2);min-height:var(--space-10);padding:0 var(--space-4);border:1px dashed var(--color-border);border-radius:var(--radius-lg);color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer}.avatar-upload__picker:focus-within{outline:2px solid var(--color-border-focused);outline-offset:2px}.avatar-upload__picker input{position:absolute;width:1px;height:1px;opacity:0}.avatar-upload__hint{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-xs)}.avatar-upload__actions{display:flex;width:100%;gap:var(--space-3)}.avatar-upload__actions .ui-button{flex:1}.portrait-card{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-2xl);background:var(--color-surface)}.portrait-card__edit{align-self:flex-start}.portrait-card__heading{margin:0;color:var(--color-text);font-size:var(--font-size-lg)}.portrait-card__subtitle{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.portrait-list{display:flex;flex-direction:column;gap:var(--space-3);margin:0}.portrait-item{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--color-profile-chip-bg)}.portrait-item__question{color:var(--color-profile-muted);font-size:var(--font-size-sm)}.portrait-item__answer{color:var(--color-profile-chip-value);font-size:var(--font-size-base);font-weight:var(--font-weight-semi-bold)}.portrait-rating{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.portrait-rating__value{color:var(--color-primary);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold)}@media(max-width:640px){.profile-card__actions{flex-direction:column}.profile-card__identity{align-items:flex-start}.profile-chips,.profile-chips[data-count="5"],.profile-chips[data-count="6"]{grid-template-columns:repeat(2,1fr)}}.profile-edit-page{display:flex;flex-direction:column;min-height:100vh}.profile-edit__body{flex:1;display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-4) 0 var(--space-8)}.profile-edit__avatar-section{display:flex;justify-content:center;padding:var(--space-2) 0}.profile-edit__avatar-wrapper{position:relative}.profile-edit__avatar-img{width:100px;height:100px;border-radius:var(--radius-full);object-fit:cover;background:var(--color-bg-tertiary)}.profile-edit__avatar-fallback{display:flex;align-items:center;justify-content:center;width:100px;height:100px;border-radius:var(--radius-full);background:var(--color-primary-surface);color:var(--color-primary)}.profile-edit__camera-badge{position:absolute;bottom:0;right:0;display:flex;align-items:center;justify-content:center;width:var(--space-8);height:var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-avatar-badge);cursor:pointer}.profile-edit__camera-badge:hover{background:var(--color-bg-tertiary)}.profile-edit__camera-badge:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.profile-edit__field{display:flex;flex-direction:column;gap:var(--space-1)}.profile-edit__field-label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.profile-edit__input{border:0;border-bottom:1px solid var(--color-border);background:transparent;color:var(--color-text);font-family:var(--font-family-body);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);padding:var(--space-2) 0;width:100%}.profile-edit__input:focus{outline:none;border-bottom-color:var(--color-primary)}.profile-edit__input::placeholder{color:var(--color-text-tertiary)}.profile-edit__textarea{resize:vertical;min-height:60px;line-height:var(--line-height-base)}.profile-edit__input--error{border-bottom-color:var(--color-error)}.profile-edit__cards{display:flex;flex-direction:column;gap:var(--space-2)}.profile-edit__card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) 0;border:0;background:transparent;cursor:pointer;text-align:left;width:100%}.profile-edit__card:hover{background:var(--color-bg-secondary)}.profile-edit__card:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px;border-radius:var(--radius-sm)}.profile-edit__card-icon{display:flex;align-items:center;justify-content:center;width:var(--space-10);height:var(--space-10);flex:0 0 var(--space-10);border-radius:var(--radius-md);background:var(--color-primary-surface);color:var(--color-primary)}.profile-edit__card-text{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.profile-edit__card-label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.profile-edit__card-value{color:var(--color-text);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-edit__card-pencil{color:var(--color-text-secondary);flex:0 0 auto}.profile-edit__save-bar{position:sticky;bottom:0;display:flex;padding:var(--space-4) 0;background:var(--color-bg)}.profile-edit__modal-body{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4) var(--space-5);overflow-y:auto}.profile-edit__gender-row{display:flex;gap:var(--space-2)}.profile-edit__gender-chip{flex:1;padding:var(--space-3) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-semi-bold);cursor:pointer;text-align:center}.profile-edit__gender-chip--selected{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-text-inverse)}.profile-edit__gender-chip:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.profile-edit__country-search{display:flex;align-items:center;gap:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3)}.profile-edit__country-search input{border:0;background:transparent;outline:none;flex:1;font-size:var(--font-size-base);color:var(--color-text)}.profile-edit__country-list{display:flex;flex-direction:column;max-height:240px;overflow-y:auto;border:1px solid var(--color-divider);border-radius:var(--radius-md)}.profile-edit__country-option{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-3);border:0;border-bottom:1px solid var(--color-divider);background:transparent;color:var(--color-text);font-size:var(--font-size-base);cursor:pointer;text-align:left}.profile-edit__country-option:last-child{border-bottom:0}.profile-edit__country-option:hover{background:var(--color-bg-secondary)}.profile-edit__country-option--selected{background:var(--color-primary-surface);color:var(--color-primary);font-weight:var(--font-weight-semi-bold)}.profile-edit__country-option:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:-2px}.profile-edit__weight-row{display:flex;align-items:center;gap:var(--space-2)}.profile-edit__weight-input{flex:1;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3);font-size:var(--font-size-md);color:var(--color-text);background:var(--color-surface)}.profile-edit__weight-input:focus{outline:none;border-color:var(--color-primary)}.profile-edit__unit-toggle{display:flex;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.profile-edit__unit-btn{padding:var(--space-3) var(--space-4);border:0;background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-base);font-weight:var(--font-weight-semi-bold);cursor:pointer}.profile-edit__unit-btn--selected{background:var(--color-primary);color:var(--color-text-inverse)}.profile-edit__privacy{display:flex;flex-direction:column;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--color-divider)}.profile-edit__privacy-heading{font-size:var(--font-size-md);font-weight:var(--font-weight-semi-bold);color:var(--color-text)}.profile-edit__privacy-option{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer}.profile-edit__privacy-option--selected{border-color:var(--color-primary);background:var(--color-primary-surface)}.profile-edit__privacy-option:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.profile-edit__privacy-icon{display:flex;align-items:center;justify-content:center;flex:0 0 var(--space-6);color:var(--color-text)}.profile-edit__privacy-text{flex:1;display:flex;flex-direction:column;gap:2px}.profile-edit__privacy-title{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);color:var(--color-text)}.profile-edit__privacy-desc{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.profile-edit__privacy-radio{flex:0 0 auto;width:20px;height:20px;border:2px solid var(--color-border);border-radius:var(--radius-full)}.profile-edit__privacy-option--selected .profile-edit__privacy-radio{border-color:var(--color-primary);background:var(--color-primary);box-shadow:inset 0 0 0 3px var(--color-surface)}.profile-edit__modal-footer{padding:0 var(--space-5) var(--space-5)}.profile-edit__weight-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface)}.profile-edit__weight-title{margin:0;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text)}.profile-edit__weight-subtitle{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.profile-edit__weight-row{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.profile-edit__weight-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-1)}.profile-edit__weight-dot{width:8px;height:8px;border-radius:var(--radius-full)}.profile-edit__weight-dot--start{background:var(--color-text-tertiary)}.profile-edit__weight-dot--current{background:var(--color-primary)}.profile-edit__weight-dot--goal{background:var(--color-success)}.profile-edit__weight-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary)}.profile-edit__weight-value{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text)}.profile-edit__weight-value-row{display:flex;align-items:center;gap:var(--space-2)}.profile-edit__weight-icon{opacity:.5;flex-shrink:0}.profile-edit__progress-header{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-3)}.profile-edit__progress-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-secondary)}.profile-edit__progress-percent{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-primary)}.profile-edit__progress-percent--done{color:var(--color-success)}.profile-edit__progress-bar{height:10px;border-radius:var(--radius-full);background:var(--color-bg-secondary);overflow:hidden}.profile-edit__progress-fill{height:100%;border-radius:var(--radius-full);background:var(--color-primary);transition:width .3s ease}.connections-page{display:flex;flex-direction:column;gap:var(--space-4)}.connections-search{display:flex;align-items:center;height:56px;padding:var(--space-4) var(--space-5);border:1px solid var(--color-search-border);border-radius:var(--radius);background:var(--color-search-bg)}.connections-search__input{min-width:0;flex:1;border:none;background:transparent;color:var(--color-text);font-family:var(--font-family-body);font-size:var(--font-size-md);line-height:1.1;outline:none}.connections-search__input::placeholder{color:var(--color-text-muted)}.connections-search__icon{flex-shrink:0;margin-left:var(--space-3);color:var(--color-text)}.connections-subtabs{display:flex;gap:var(--space-3);align-items:center}.connections-subtab{display:inline-flex;height:32px;align-items:center;padding:var(--space-2) var(--space-4);border:1px solid var(--color-bg-secondary);border-radius:var(--radius-xl);background:transparent;color:var(--color-text-secondary);font-family:var(--font-family-body);font-size:var(--font-size-base);line-height:1.1;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.connections-subtab:hover{background:var(--color-bg-secondary)}.connections-subtab:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.connections-subtab--active{border-color:var(--color-tag-panel-border);background:var(--color-tab-container);color:var(--color-text)}.connections-list{display:flex;flex-direction:column;margin:0;padding:0;border-radius:var(--radius-2xl);background:var(--color-surface);list-style:none}.connection-row{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3)}.connection-row+.connection-row{border-top:1px solid var(--color-border)}.connection-row__identity{display:flex;min-width:0;flex:1;align-items:center;gap:var(--space-3);padding:var(--space-2)}.connection-row__avatar-action{display:inline-flex;flex-shrink:0;padding:0;border:0;border-radius:var(--radius-full);background:transparent;cursor:pointer;transition:box-shadow var(--transition-fast)}.connection-row__avatar-action:hover{box-shadow:0 0 0 2px var(--color-primary-soft)}.connection-row__avatar-action:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.connection-row__name{overflow:hidden;color:var(--color-profile-name);font-size:var(--font-size-base);font-weight:var(--font-weight-semi-bold);text-overflow:ellipsis;white-space:nowrap}.connection-row__name-action{padding:0;border:0;background:transparent;font-family:inherit;line-height:inherit;text-align:left;cursor:pointer;transition:color var(--transition-fast)}.connection-row__name-action:hover{color:var(--color-primary)}.connection-row__name-action:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px;border-radius:var(--radius-xs)}.connection-row__menu{display:grid;width:var(--space-10);height:var(--space-10);flex:0 0 var(--space-10);place-items:center;border:0;border-radius:var(--radius-full);background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:background var(--transition-fast),opacity var(--transition-fast)}.connection-row__menu{opacity:0}.connection-row:hover .connection-row__menu,.connection-row:focus-within .connection-row__menu,.connection-row__menu:focus-visible,.connection-row__menu[aria-expanded=true]{opacity:1}.connection-row__menu:hover{background:var(--color-bg-tertiary)}.connection-row__menu:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.connection-row__actions{display:flex;flex:0 0 auto;gap:var(--space-2)}.connection-row__btn{padding:var(--space-2) var(--space-3);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semi-bold);cursor:pointer;border:1px solid transparent;transition:background .15s,border-color .15s,opacity .15s}.connection-row__btn:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.connection-row__btn:disabled{opacity:.5;cursor:not-allowed}.connection-row__btn--accept{background:var(--color-primary);color:var(--color-text-inverse);border:0}.connection-row__btn--accept:hover:not(:disabled){background:var(--color-primary-dark)}.connection-row__btn--reject{background:transparent;border-color:var(--color-border);color:var(--color-text-secondary)}.connection-row__btn--reject:hover:not(:disabled){background:var(--color-bg-tertiary)}.connections-skeleton__avatar{width:44px;height:44px;margin:var(--space-2) 0 var(--space-2) var(--space-2)}.connections-skeleton__meta{display:flex;min-width:0;flex:1;flex-direction:column;gap:var(--space-2);padding:var(--space-2)}.connections-skeleton__line{width:50%}.connections-skeleton__line--detail{width:30%;height:var(--space-2)}.connections-status,.connections-empty{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);margin:0;padding:var(--space-10) var(--space-5);color:var(--color-text-secondary);text-align:center}.connections-status--error{color:var(--color-error-dark)}.connections-empty__title{margin:0;color:var(--color-text);font-size:var(--font-size-md);font-weight:var(--font-weight-semi-bold)}.connections-empty__message{margin:0;font-size:var(--font-size-sm)}.connections-more{display:flex;justify-content:center}.connection-request{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-5)}.connection-request__message{margin:0;max-width:42ch;color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.45;text-align:center}.connection-request__actions{display:flex;width:100%;gap:var(--space-3)}@media(max-width:640px){.connection-request__actions{flex-direction:column}}.connections-refresh-loader{display:flex;justify-content:center;padding:var(--space-4) 0}.connections-refresh-loader:after{content:"";width:24px;height:24px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:connections-spin .8s linear infinite}@keyframes connections-spin{to{transform:rotate(360deg)}}.ui-switch{position:relative;display:inline-flex;width:calc(var(--space-10) + var(--space-1));height:var(--space-6);flex:0 0 auto;align-items:center;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-bg-tertiary);cursor:pointer;transition:background .15s ease,border-color .15s ease}.ui-switch--on{border-color:var(--color-primary);background:var(--color-primary)}.ui-switch:disabled{cursor:not-allowed;opacity:.6}.ui-switch:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.ui-switch__thumb{width:var(--space-5);height:var(--space-5);border-radius:var(--radius-full);margin-left:2px;background:var(--color-surface);box-shadow:var(--shadow-sm);transition:transform .15s ease}.ui-switch--on .ui-switch__thumb{transform:translate(calc(var(--space-5) - 2px))}.support-heading{margin:0;color:var(--color-text);font-family:var(--font-family-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-semi-bold)}.support-address{white-space:pre-line}.support-link{color:inherit;text-decoration:none}.support-link:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:-2px}.support-link__value{color:var(--color-primary)}.legal-hero{display:flex;flex-direction:column;align-items:center;padding:var(--space-6) var(--space-4);border-radius:var(--radius-2xl);background:var(--color-surface);box-shadow:var(--shadow-card);gap:var(--space-3);text-align:center}.legal-hero__icon{display:grid;width:var(--space-12);height:var(--space-12);place-items:center;border-radius:var(--radius-full);background:var(--color-primary-surface);color:var(--color-primary)}.legal-hero__title{margin:0;color:var(--color-text);font-family:var(--font-family-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold)}.legal-hero__subtitle{margin:0;max-width:60ch;color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-md)}.legal-hero__date{display:flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--color-primary-surface);color:var(--color-primary-dark);font-size:var(--font-size-xs);font-weight:var(--font-weight-semi-bold);gap:var(--space-2)}.legal-sections{display:flex;flex-direction:column;margin:0;padding:0;gap:var(--space-3);list-style:none}.legal-section{display:flex;flex-direction:column;padding:var(--space-5);border-radius:var(--radius-2xl);background:var(--color-surface);box-shadow:var(--shadow-card);gap:var(--space-3)}.legal-section__header{display:flex;align-items:center;gap:var(--space-3)}.legal-section__badge{display:grid;width:var(--space-8);height:var(--space-8);flex:0 0 var(--space-8);place-items:center;border-radius:var(--radius-full);background:var(--color-primary-surface);color:var(--color-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semi-bold)}.legal-section__heading{margin:0;color:var(--color-text);font-family:var(--font-family-heading);font-size:var(--font-size-base);font-weight:var(--font-weight-semi-bold)}.legal-section__divider{height:1px;background:var(--color-divider)}.legal-section__paragraph{margin:0;color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-md)}.legal-section--uppercase .legal-section__paragraph{text-transform:uppercase}.legal-section__bullets{display:flex;flex-direction:column;margin:0;padding-left:var(--space-5);color:var(--color-text-secondary);font-size:var(--font-size-sm);gap:var(--space-2);line-height:var(--line-height-md)}.legal-footer{display:flex;flex-direction:column;align-items:center;padding-top:var(--space-4);border-top:1px solid var(--color-divider);color:var(--color-text-tertiary);font-size:var(--font-size-xs);gap:var(--space-1);text-align:center}.notifications-page{display:flex;flex-direction:column;gap:var(--space-4)}.notification-item{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface);border:1px solid var(--color-divider);transition:background .15s}.notification-item--clickable{cursor:pointer}.notification-item--clickable:hover{background:var(--color-bg-secondary)}.notification-item--unread{background:var(--color-primary-surface);border-color:transparent}.notification-item__header{display:flex;gap:var(--space-3);align-items:flex-start}.notification-item__avatar-wrap{position:relative;flex:0 0 auto}.notification-item__avatar-button{display:block;padding:0;border:0;background:none;border-radius:var(--radius-full);cursor:pointer}.notification-item__avatar-button:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.notification-item__avatar{width:44px;height:44px;border-radius:var(--radius-full);object-fit:cover;background:var(--color-bg-tertiary)}.notification-item__avatar-fallback{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-full);font-size:var(--font-size-base);font-weight:var(--font-weight-semi-bold)}.notification-item__badge{position:absolute;bottom:-2px;right:-2px;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--radius-full);border:2px solid var(--color-surface);color:var(--color-text-inverse)}.notification-item__content{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.notification-item__title{margin:0;font-size:var(--font-size-base);font-weight:var(--font-weight-semi-bold);color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notification-item__title-button{display:block;max-width:100%;padding:0;border:0;background:none;text-align:left;font-family:inherit;cursor:pointer}.notification-item__title-button:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.notification-item__message{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary);line-height:var(--line-height-sm);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notification-item__time{margin:0;font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.notification-item__actions{display:flex;gap:var(--space-2);padding-left:56px}.notification-item__action{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-semi-bold);cursor:pointer;border:1px solid transparent;transition:background .15s,border-color .15s}.notification-item__action:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.notification-item__action--primary{background:var(--color-primary);color:var(--color-text-inverse);border:0}.notification-item__action--primary:hover{background:var(--color-primary-dark)}.notification-item__action--secondary{background:transparent;border-color:var(--color-border);color:var(--color-text-secondary)}.notification-item__action--secondary:hover{background:var(--color-bg-tertiary)}.notification-section__header{margin:0 0 var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-semi-bold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.notification-section+.notification-section{margin-top:var(--space-5)}.notification-loading{display:flex;justify-content:center;padding:var(--space-8);color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.notification-skeleton{gap:var(--space-3)}.notification-skeleton__avatar{width:44px;height:44px}.notification-skeleton__line{margin-top:var(--space-1)}.notification-skeleton__line--title{width:45%;height:var(--space-4)}.notification-skeleton__line--time{width:20%;height:var(--space-2)}.deep-link-landing{display:flex;align-items:center;justify-content:center;min-height:100vh;min-height:100dvh;padding:var(--space-4, 16px);background-color:var(--color-bg)}.deep-link-landing__card{width:100%;max-width:460px;background-color:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl, 16px);padding:var(--space-8, 32px) var(--space-6, 24px);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;align-items:center;text-align:center;box-sizing:border-box}.deep-link-landing__logo-wrap{margin-bottom:var(--space-6, 24px)}.deep-link-landing__icon-badge{width:56px;height:56px;border-radius:50%;background-color:var(--color-primary-surface);color:var(--color-primary);display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-4, 16px)}.deep-link-landing__icon{width:28px;height:28px}.deep-link-landing__title{margin:0 0 var(--space-2, 8px) 0;font-size:1.375rem;font-weight:700;color:var(--color-text);line-height:1.3}.deep-link-landing__subtitle{margin:0 0 var(--space-6, 24px) 0;font-size:.9375rem;color:var(--color-text-secondary);line-height:1.5}.deep-link-landing__actions{width:100%;display:flex;flex-direction:column;gap:var(--space-3, 12px)}.deep-link-landing__btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2, 8px);width:100%;padding:12px 20px;border-radius:var(--radius-md, 8px);font-size:.9375rem;font-weight:600;text-decoration:none;cursor:pointer;box-sizing:border-box;transition:background-color .15s ease,border-color .15s ease,opacity .15s ease;border:1px solid transparent}.deep-link-landing__btn:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.deep-link-landing__btn--primary{background-color:var(--color-primary);color:var(--color-text-inverse)}.deep-link-landing__btn--primary:hover{background-color:var(--color-primary-dark)}.deep-link-landing__btn--secondary{background-color:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.deep-link-landing__btn--secondary:hover{background-color:var(--color-bg)}.deep-link-landing__btn--store{background-color:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.deep-link-landing__btn--store:hover{background-color:var(--color-primary-surface);border-color:var(--color-primary-soft);color:var(--color-primary-dark)}.deep-link-landing__btn--tertiary{background:transparent;color:var(--color-text-secondary);border:none;font-weight:500}.deep-link-landing__btn--tertiary:hover{color:var(--color-text);text-decoration:underline}.deep-link-landing__store-group{margin-top:var(--space-4, 16px);padding-top:var(--space-4, 16px);border-top:1px solid var(--color-divider);width:100%;display:flex;flex-direction:column;gap:var(--space-2, 8px)}.deep-link-landing__store-title{margin:0 0 var(--space-2, 8px) 0;font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}:root{color-scheme:light;--color-primary: #016FE4;--color-primary-dark: #061986;--color-primary-light: #3B82F6;--color-primary-surface: #EFF6FF;--color-primary-soft: #A3C7E5;--color-brand-blue: #0B2EF3;--color-brand-facebook: #1877F2;--color-secondary: #7C3AED;--color-accent: #F59E0B;--color-success: #10B981;--color-success-dark: #047857;--color-success-surface: #ECFDF5;--color-warning: #F59E0B;--color-error: #EF4444;--color-error-dark: #DC2626;--color-error-light: #F87171;--color-error-surface: #FEF2F2;--color-info: #3B82F6;--color-bg: #F5F5F5;--color-bg-secondary: #F5F5F5;--color-bg-tertiary: #EEEEEE;--color-surface: #FFFFFF;--color-text: #1A1A1A;--color-text-secondary: #737373;--color-text-tertiary: #969696;--color-text-muted: #A3A3A3;--color-text-inverse: #FFFFFF;--color-text-disabled: #D1D5DB;--color-border: #E5E7EB;--color-border-focused: var(--color-brand-blue);--color-divider: #F0F0F0;--color-icon: #374151;--color-icon-secondary: #969696;--color-input: #FFFFFF;--color-input-border: #D1D5DB;--color-overlay: rgba(0, 0, 0, .5);--color-tab-container: #E7EAFE;--color-tab-active-border: #B3BEFB;--color-banner-heading: #003369;--color-banner-subtext: #858585;--color-btn-secondary-bg: #F5F5F5;--color-btn-secondary-text: #404040;--color-logout: #DA0000;--color-post-body: var(--color-text-secondary);--color-scale-track: var(--color-bg);--color-scale-track-border: rgba(161, 161, 161, .5);--color-primary-halo: rgba(1, 111, 228, .24);--color-scale-thumb-halo: var(--color-primary-halo);--color-scale-tick: #A3A3A3;--color-crop-preview-bg: #555B61;--color-post-action-image: #017AFA;--color-post-action-video: #DA0000;--color-post-action-gif: #E80BF3;--color-post-action-feeling: #E49F17;--color-post-action-tag: #00AA4A;--color-post-option-bg: #F0F3FF;--color-tag-panel-border: #B0D6FD;--color-tag-input-bg: #FAFAFA;--color-chat-bubble-sent: #01438A;--color-chat-text-sent: #FAFAFA;--color-chat-text-received: #404040;--color-chat-reply-bg: #FAFAFA;--color-chat-unread-dot: #D6ABAB;--color-status-online: #00F068;--color-search-bg: #FAFAFA;--color-search-border: #D4D4D4;--space-chat-bubble-y: 15px;--size-avatar-conversation: 52px;--space-group-avatar-gap: 2px;--color-profile-name: #0F172B;--color-profile-muted: #62748E;--color-profile-stats-bg: #F4F5FF;--color-profile-stats-divider: rgba(190, 219, 255, .6);--color-profile-chip-bg: rgba(244, 245, 255, .8);--color-profile-chip-label: #A3A3A3;--color-profile-chip-value: var(--color-banner-heading);--color-media-stage: #F8F9FB;--color-media-stage-dark: #111827;--color-media-stage-border: #ECEFF3;--color-media-action-hover: #F3F4F6;--color-media-action-active: #EEF4FF;--gradient-media-sunrise: linear-gradient(135deg, var(--color-accent) 0%, var(--color-error) 45%, var(--color-secondary) 100%);--gradient-media-meal: linear-gradient(135deg, var(--color-success) 0%, var(--color-brand-blue) 100%);--gradient-media-workout: linear-gradient(135deg, var(--color-accent) 0%, var(--color-brand-blue) 100%);--gradient-avatar-fallback: linear-gradient(135deg, #2B7FFF 0%, #4F39F6 100%);--color-avatar-on-light: #FFFFFF;--color-avatar-on-dark: #111827;--color-avatar-tone-1-bg: var(--color-brand-blue);--color-avatar-tone-1-fg: var(--color-avatar-on-light);--color-avatar-tone-2-bg: var(--color-secondary);--color-avatar-tone-2-fg: var(--color-avatar-on-light);--color-avatar-tone-3-bg: var(--color-error);--color-avatar-tone-3-fg: var(--color-avatar-on-dark);--color-avatar-tone-4-bg: var(--color-error-light);--color-avatar-tone-4-fg: var(--color-avatar-on-dark);--color-avatar-tone-5-bg: var(--color-accent);--color-avatar-tone-5-fg: var(--color-avatar-on-dark);--color-avatar-tone-6-bg: var(--color-success);--color-avatar-tone-6-fg: var(--color-avatar-on-dark);--color-avatar-tone-7-bg: var(--color-info);--color-avatar-tone-7-fg: var(--color-avatar-on-dark);--color-avatar-tone-8-bg: var(--color-primary-soft);--color-avatar-tone-8-fg: var(--color-avatar-on-dark);--gradient-skeleton: linear-gradient( 90deg, var(--color-bg-tertiary) 25%, var(--color-bg-secondary) 37%, var(--color-bg-tertiary) 63% );--gradient-scroll-date-fade: linear-gradient( var(--color-bg), transparent );--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius: 12px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 20px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .05);--shadow-sm: 0 2px 4px rgba(0, 0, 0, .08);--shadow-md: 0 4px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 6px 12px rgba(0, 0, 0, .12);--shadow-card: 0 2px 6px rgba(0, 0, 0, .08);--shadow-modal: 0 16px 32px rgba(0, 0, 0, .25);--shadow-scale-inset: inset 0 1px .6px rgba(0, 0, 0, .04);--shadow-cta-primary: 0 8px 10px rgba(37, 99, 235, .5);--shadow-drop-target: 0 0 0 3px var(--color-primary-halo);--shadow-avatar-badge: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .1);--shadow-topbar-button: 0 0 0 1px var(--color-border), 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .1);--color-conversation-page: #F8F9FB;--color-conversation-panel: #FFFFFF;--color-conversation-hover: #F7F9FD;--color-conversation-selected: #EEF4FF;--color-conversation-border: #EEF2F7;--color-conversation-primary-text: #1F2937;--color-conversation-secondary-text: #6B7280;--color-conversation-search-bg: #F5F7FA;--color-conversation-unread: var(--color-success);--color-conversation-unread-text: var(--color-text-inverse);--shadow-conversation-panel: 0 2px 8px rgba(15, 23, 42, .04), 0 12px 32px rgba(15, 23, 42, .05);--font-family-body: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-heading: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-brand: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family: var(--font-family-body);--font-size-xs: .625rem;--font-size-sm: .75rem;--font-size-base: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.75rem;--font-size-4xl: 2rem;--font-size-5xl: 2.25rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semi-bold: 600;--font-weight-bold: 700;--font-weight-extra-bold: 800;--line-height-xs: 1rem;--line-height-sm: 1.125rem;--line-height-base: 1.25rem;--line-height-md: 1.5rem;--line-height-lg: 1.75rem;--line-height-xl: 2rem;--letter-spacing-tight: -.5px;--letter-spacing-condensed: -.02em;--letter-spacing-normal: 0;--letter-spacing-wide: .5px;--header-height: 0px;--shell-max-width: 1440px;--sidenav-width: 280px;--banner-width: 499px;--mobile-top-bar-height: 56px;--mobile-tab-bar-height: 72px;--size-match-illustration: calc(var(--space-12) * 3 + var(--space-6));--size-match-explore-illustration: calc(var(--space-12) * 5 + var(--space-10));--size-avatar-lg: var(--space-12);--size-media-preview: 128px;--size-skeleton-card: calc(var(--space-12) + var(--space-5));--transition-fast: .15s;--transition-base: .25s;--z-sticky: 20;--z-overlay: 30;--z-modal: 40;--z-toast: 60}:root[data-theme=dark]{color-scheme:dark;--color-primary: #3B82F6;--color-primary-dark: #1D4ED8;--color-primary-surface: #1E293B;--color-bg: #111827;--color-bg-secondary: #1F2937;--color-bg-tertiary: #374151;--color-surface: #1F2937;--color-text: #FFFFFF;--color-text-secondary: #D1D5DB;--color-text-tertiary: #6B7280;--color-text-muted: #9CA3AF;--color-text-inverse: #111827;--color-chat-bubble-sent: #3B82F6;--color-chat-text-sent: #FFFFFF;--color-chat-text-received: #FFFFFF;--color-chat-reply-bg: #374151;--color-search-bg: #1F2937;--color-search-border: #4B5563;--color-border: #374151;--color-border-focused: #3B82F6;--color-divider: #1F2937;--color-icon: #E5E7EB;--color-icon-secondary: #6B7280;--color-input: #1F2937;--color-input-border: #4B5563;--color-error-dark: #F87171;--color-error-surface: #450A0A;--color-success-dark: #6EE7B7;--color-success-surface: #064E3B;--color-post-option-bg: #1E293B;--color-tag-panel-border: #334155;--color-tag-input-bg: #111827;--color-profile-name: #FFFFFF;--color-profile-muted: #9CA3AF;--color-profile-stats-bg: #1E293B;--color-profile-stats-divider: rgba(148, 163, 184, .3);--color-profile-chip-bg: rgba(30, 41, 59, .8);--color-profile-chip-label: #9CA3AF;--color-profile-chip-value: #BFDBFE;--color-media-stage: #0F172A;--color-media-stage-border: var(--color-border);--color-conversation-page: #0F172A;--color-conversation-panel: #1F2937;--color-conversation-hover: #374151;--color-conversation-selected: #1E3A5F;--color-conversation-border: #374151;--color-conversation-primary-text: #F3F4F6;--color-conversation-secondary-text: #9CA3AF;--color-conversation-search-bg: #374151;--color-conversation-unread: var(--color-success-dark);--color-conversation-unread-text: #052E1B}@media(max-width:768px){:root{--font-size-5xl: 1.75rem;--font-size-4xl: 1.5rem;--font-size-3xl: 1.375rem;--font-size-2xl: 1.25rem}}@media(max-width:480px){:root{--font-size-5xl: 1.5rem;--font-size-4xl: 1.25rem;--font-size-3xl: 1.125rem;--font-size-2xl: 1.125rem;--font-size-xl: 1.125rem}}*{margin:0;padding:0;box-sizing:border-box}html{overflow-x:clip;overflow-y:scroll;scrollbar-gutter:stable}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body{font-family:var(--font-family-body);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;line-height:var(--line-height-base);overflow-x:clip}.brand-logo{display:inline-flex;align-items:center;gap:var(--space-2);color:var(--color-text);font-family:var(--font-family-brand);font-size:var(--font-size-md);font-weight:var(--font-weight-extra-bold);letter-spacing:var(--letter-spacing-tight);line-height:1;white-space:nowrap}.brand-logo__mark{display:block;width:30px;height:32px;flex:0 0 auto}.brand-logo__name{display:block}.brand-logo--compact .brand-logo__mark{width:53px;height:35px}.app-loader{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:1.125rem;color:var(--color-text-secondary)}.app-error{display:grid;place-items:center;min-height:100vh;padding:var(--space-6) var(--space-4);background:var(--color-bg);color:var(--color-text)}.app-error__card{display:grid;gap:var(--space-6);width:min(100%,28rem);padding:var(--space-8) var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-md);text-align:center}.app-error__logo{justify-self:center}.app-error__copy{display:grid;gap:var(--space-2)}.app-error h1,.app-error p{margin:0}.app-error h1{font-size:var(--font-size-2xl)}.app-error p{color:var(--color-text-secondary)}.app-error__eyebrow{color:var(--color-primary)!important;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.app-error__support{margin-top:var(--space-2)!important;font-size:var(--font-size-sm)}.app-error__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-2)}.app-error__actions button{min-height:var(--space-10);padding:0 var(--space-4);border:1px solid var(--color-primary);border-radius:var(--radius);background:var(--color-primary);color:var(--color-text-inverse);font:inherit;cursor:pointer}.app-error__actions .app-error__secondary-action{border-color:var(--color-border);background:var(--color-surface);color:var(--color-primary)}.app-error__actions button:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.auth-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-6) var(--space-4);max-width:440px;margin:0 auto}.auth-logo{font-family:var(--font-family-heading);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--color-primary);margin-bottom:var(--space-2)}.auth-title{font-family:var(--font-family-heading);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-xl);margin-bottom:var(--space-2)}.auth-subtitle{font-size:var(--font-size-base);color:var(--color-text-secondary);margin-bottom:var(--space-8);text-align:center}.auth-form{width:100%;display:flex;flex-direction:column;gap:16px}.auth-input-group{display:flex;flex-direction:column;gap:6px}.auth-input-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.auth-input{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-input);color:var(--color-text);font-family:var(--font-family-body);font-size:var(--font-size-md);outline:none;transition:border-color .15s}.auth-input:focus{border-color:var(--color-primary)}.auth-input-error{border-color:var(--color-error)}.auth-error-text{font-size:var(--font-size-sm);color:var(--color-error)}.auth-button{width:100%;padding:var(--space-3) var(--space-4);border:none;border-radius:var(--radius);background:var(--color-primary);color:var(--color-text-inverse);font-family:var(--font-family-body);font-size:var(--font-size-md);font-weight:var(--font-weight-semi-bold);letter-spacing:var(--letter-spacing-wide);cursor:pointer;transition:background .15s}.auth-button:hover:not(:disabled){background:var(--color-primary-dark)}.auth-button:disabled{opacity:.6;cursor:not-allowed}.auth-button-secondary{background:transparent;color:var(--color-primary);border:1px solid var(--color-primary)}.auth-button-secondary:hover:not(:disabled){background:var(--color-primary-surface)}.auth-link{color:var(--color-primary);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;background:none;border:none;align-self:center}.auth-link:hover{text-decoration:underline}.auth-row{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px}.toast-container{position:fixed;top:16px;right:16px;z-index:9999;display:flex;flex-direction:column;gap:8px}.toast{padding:var(--space-3) var(--space-5);border-radius:var(--radius);color:var(--color-text-inverse);font-size:var(--font-size-sm);box-shadow:var(--shadow-md);animation:toast-slide .2s ease-out}.toast-success{background:var(--color-success)}.toast-error{background:var(--color-error)}.toast-warning{background:var(--color-warning)}.toast-info{background:var(--color-primary)}@keyframes toast-slide{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}