.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}}.auth-flow{display:flex;min-height:100vh;background:var(--color-surface)}.auth-flow__main{display:flex;width:65%;min-width:0;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8) var(--space-6);background:var(--color-surface)}.auth-flow>.right-banner{display:block;width:35%;height:100vh}.auth-flow .right-banner__copy{width:min(calc(100% - var(--space-8)),435px)}.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__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{border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text)}.auth-flow__social:hover{background:var(--color-bg-secondary)}.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__calendar-header,.auth-flow__calendar-week{display:flex;align-items:center;justify-content:space-between}.auth-flow__calendar-header button{border:0;background:transparent;color:var(--color-text);font-size:var(--font-size-lg);cursor:pointer}.auth-flow__calendar-week{margin:var(--space-3) 0 var(--space-2);color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.auth-flow__calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--space-1)}.auth-flow__calendar-grid button{aspect-ratio:1;border:0;border-radius:var(--radius-full);background:transparent;color:var(--color-text);font:inherit;font-size:var(--font-size-xs);cursor:pointer}.auth-flow__calendar-grid button:hover,.auth-flow__calendar-grid button.active{background:var(--color-primary);color:var(--color-text-inverse)}.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{display:block}.auth-flow__main{width:100%;min-height:100vh;padding:var(--space-6) var(--space-4)}.auth-flow>.right-banner{display:none}}.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)}.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-y:hidden;overflow-x:hidden}.side-nav__logo{display:flex;align-items:center;width:100%;min-height:40px;padding:0 var(--space-2);margin-bottom:var(--space-6);color:var(--color-text);text-decoration:none}.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;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-tertiary);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__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__spacer{flex:1}.side-nav__secondary{width:100%}.side-nav__more-toggle{border:1px solid transparent}.side-nav__more-toggle--open{border-color:var(--color-tab-active-border);background:var(--color-tab-container);color:var(--color-primary);font-weight:var(--font-weight-semi-bold)}.side-nav__secondary .side-nav__link{margin-bottom:var(--space-1)}.side-nav__more-panel{display:flex;max-height:min(48vh,360px);flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-2);padding:var(--space-2);overflow-y:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);box-shadow:var(--shadow-xs);scrollbar-color:var(--color-text-tertiary) transparent;scrollbar-width:thin}.side-nav__more-panel::-webkit-scrollbar{width:var(--space-1)}.side-nav__more-panel::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:var(--color-text-tertiary)}.side-nav__more-panel .side-nav__link{flex-shrink:0;padding-top:var(--space-2);padding-bottom:var(--space-2);color:var(--color-text-secondary);font-size:var(--font-size-xs)}.side-nav__more-panel .side-nav__link:hover{background:var(--color-surface);color:var(--color-text)}.side-nav__more-panel .side-nav__menu-divider{flex-shrink:0}.side-nav__menu-divider{height:1px;margin:var(--space-1) var(--space-3);background:var(--color-divider)}.side-nav__expand-icon{margin-left:auto}.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{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2);margin-bottom:var(--space-3);border:none;background:transparent;cursor:pointer;text-align:left;border-radius:var(--radius-md)}.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{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}.right-banner{position:sticky;top:0;height:100vh;width:var(--banner-width);flex-shrink:0;overflow:hidden;background:var(--color-surface)}.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__logo{justify-content:center;padding:0;margin-bottom:var(--space-4)}.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{display:none}.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}.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__logo,.side-nav__spacer,.side-nav__profile,.side-nav__guest,.side-nav__secondary{display:none}.side-nav__list{flex-direction:row;justify-content:space-around;width:100%}.side-nav__link{flex-direction:column;gap:var(--space-1);width:auto;padding:var(--space-2) var(--space-3);font-size:var(--font-size-xs)}.side-nav__link span{display:inline}.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:80px}}@media(max-width:480px){.shell__content{padding:var(--space-2) var(--space-2);padding-bottom:80px}.side-nav__link{padding:var(--space-2);font-size:.625rem}}.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{display:flex;flex-direction:column;gap:var(--space-2);width:100%}.gif-picker__search{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);color:var(--color-text);font:inherit;font-size:var(--font-size-sm)}.gif-picker__search:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:1px}.gif-picker__body{max-height:240px;overflow-y:auto}.gif-picker__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{display:block;width:100%;height:100px;overflow:hidden;padding:0;border:1px solid transparent;border-radius:var(--radius-md);background:var(--color-bg-secondary);cursor:pointer}.gif-picker__item:hover:not(:disabled){border-color:var(--color-primary)}.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__status{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);margin:0;padding:var(--space-6) var(--space-3);color:var(--color-text-secondary);font-size:var(--font-size-sm);text-align:center}.gif-picker__status p{margin:0}.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{grid-template-columns:repeat(3,minmax(0,1fr))}}.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}}.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{background:var(--color-primary-surface);color:var(--color-primary);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 p{margin:var(--space-2) 0;color:var(--color-post-body);font-size:var(--font-size-sm);line-height:var(--line-height-md)}.comments-modal__post-media{display:block;width:100%;max-height:300px;border-radius:var(--radius-md);object-fit:cover}.feed-modal--media-viewer{width:min(96vw,1200px);height:min(92vh,820px);max-height:min(92vh,820px)}.feed-modal--media-viewer .modal__header{grid-column:1 / -1;min-height:var(--space-12);align-items:center}.feed-modal--media-viewer .modal__header h2{line-height:var(--line-height-md)}.feed-modal--media-viewer .comments-modal__post-author{display:none}.feed-modal--media-viewer .comments-modal__body{display:contents}.feed-modal--media-viewer .comments-modal__post{grid-column:1;grid-row:2;display:flex;min-width:0;min-height:0;flex-direction:column;justify-content:center;margin:0;padding:var(--space-5);border:0;background:var(--color-bg)}.feed-modal--media-viewer .comments-modal__post-media{width:100%;max-height:calc(92vh - var(--space-12));object-fit:contain}.feed-modal--media-viewer .comments-modal__list{grid-column:2;grid-row:2;min-width:0;min-height:0;overflow:auto;padding:var(--space-5);border-left:1px solid var(--color-divider)}.feed-modal--media-viewer .comments-modal__composer{grid-column:2;grid-row:3}.feed-modal--media-viewer{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,38%);grid-template-rows:auto minmax(0,1fr) auto}.feed-modal--media-viewer .comments-modal__post-author,.feed-modal--media-viewer .comments-modal__post>p{max-width:100%}.comments-modal__list{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-3) var(--space-5)}.comments-modal__status{margin:var(--space-8) 0;color:var(--color-text-secondary);text-align:center}.comment-row{display:grid;grid-template-columns:var(--space-10) minmax(0,1fr) auto;align-items:start;gap:var(--space-2)}.comment-row--new{animation:comment-row-enter var(--space-6) ease-out both}@keyframes comment-row-enter{0%{opacity:0;transform:translateY(var(--space-2))}to{opacity:1;transform:translateY(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--initials{background:var(--color-primary-surface);color:var(--color-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.comment-row__content{min-width:0}.comment-row__content strong{font-size:var(--font-size-sm)}.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__content small{color:var(--color-text-tertiary);font-size:var(--font-size-xs)}.comment-row__like{display:flex;align-items:center;gap:var(--space-1);border:0;background:transparent;color:var(--color-text-tertiary);font-size:var(--font-size-xs);cursor:pointer}.comment-row__like--active{color:var(--color-error)}.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__send{background:var(--color-primary);color:var(--color-text-inverse)}.comments-modal__send:disabled{opacity:.5;cursor:not-allowed}.comments-modal__picker{position:absolute;right:var(--space-5);bottom:calc(100% - var(--space-2));display:flex;gap:var(--space-1);padding:var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-md)}.comments-modal__picker button{padding:var(--space-1);border:0;border-radius:var(--radius-sm);background:transparent;cursor:pointer}.comments-modal__picker button:hover{background:var(--color-bg-secondary)}.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-10);height:var(--space-6);accent-color:var(--color-primary)}.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}.comments-modal__media-stage{position:relative;display:grid;place-items:center;min-width:0}.comments-modal__post-media{display:block;width:100%;max-height:320px;border-radius:var(--radius-md);object-fit:contain;background:var(--color-bg-secondary)}.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__status{margin:0;padding:var(--space-4) 0;color:var(--color-text-secondary);text-align:center}.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{background:var(--color-primary);color:var(--color-text-inverse);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{background:var(--color-primary-surface);color:var(--color-primary);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)}@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}.feed-modal--media-viewer{display:flex;width:100%;height:94vh;max-height:94vh}.feed-modal--media-viewer .comments-modal__body{display:flex;overflow:auto}.feed-modal--media-viewer .comments-modal__post{flex:0 0 auto;padding:var(--space-3)}.feed-modal--media-viewer .comments-modal__post-media{max-height:42vh}.feed-modal--media-viewer .comments-modal__media-stage{flex:0 0 auto}.feed-modal--media-viewer .comments-modal__list{border-left:0}.feed-modal--media-viewer .comments-modal__composer{grid-column:auto;grid-row:auto}}.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)}.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;padding:var(--space-2)}.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--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)}.feed-mobile-header{display: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)}.feed-more{display:flex;justify-content:center;padding:var(--space-4) 0}.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-2)}.post-card__avatar{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-full);color:var(--color-text-inverse);font-family:var(--font-family-body);font-size:var(--font-size-md);font-weight:var(--font-weight-bold);flex-shrink:0}.post-card__avatar--fallback{background:var(--color-primary)}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__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__hashtag{color:var(--color-primary)}.post-card__media-button{display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in}.post-card__media{display:block;width:100%;height:auto;max-height:450px;aspect-ratio:16 / 9;object-fit:cover}.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__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}@media(max-width:768px){.feed-mobile-header{display:flex;align-items:center;justify-content:space-between;min-height:var(--space-12);padding:var(--space-2) var(--space-1)}.feed-mobile-header__brand{min-width:0;flex:0 1 auto}.feed-mobile-header__brand .brand-logo__name{overflow:hidden;text-overflow:ellipsis}.feed-mobile-header__profile{display:inline-flex;align-items:center;gap:var(--space-2);max-width:50%;padding:var(--space-1);border:0;border-radius:var(--radius-full);background:transparent;color:var(--color-text);font:inherit;font-size:var(--font-size-sm);cursor:pointer}.feed-mobile-header__profile img,.feed-mobile-header__avatar{display:grid;width:var(--space-8);height:var(--space-8);place-items:center;flex:0 0 var(--space-8);border-radius:var(--radius-full)}.feed-mobile-header__profile img{object-fit:cover}.feed-mobile-header__avatar{background:var(--color-primary-surface);color:var(--color-primary);font-family:var(--font-family-heading);font-weight:var(--font-weight-bold)}.feed-mobile-header__profile span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.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{max-height:300px}.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{max-height:220px}.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)}}@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)}}.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:10rem;padding:0;border:0;resize:vertical;background:transparent;color:var(--color-text);font:inherit;font-size:var(--font-size-base);line-height:var(--line-height-md);outline:0}.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>button:not(.create-post-card__crop){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__crop{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__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__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)}}.otp-input{display:flex;justify-content:space-between;gap:var(--space-2)}.otp-input__box{width:100%;min-width:0;min-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}.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}.password-criteria{display:flex;flex-direction:column;gap:var(--space-1);margin:0;padding:0;list-style:none}.password-criteria__item{display:flex;align-items:center;gap:var(--space-2);color:var(--color-text-tertiary);font-size:var(--font-size-xs);line-height:var(--line-height-xs)}.password-criteria__item--met{color:var(--color-success)}.password-criteria__mark{display:inline-grid;width:14px;place-items:center}.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}.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__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);color:var(--color-text-inverse);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__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)}@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}}.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)}@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)}.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}.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}.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-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-posts__more{display:flex;justify-content:center}.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__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__dob-input{width:100%;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__dob-input:focus{outline:none;border-color:var(--color-primary)}.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)}.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);cursor:pointer;transition:background .15s}.notification-item:hover{background:var(--color-bg-secondary)}.notification-item:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.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{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);background:var(--color-primary-surface);color:var(--color-primary);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__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-empty{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-tertiary)}.notification-empty__icon{color:var(--color-text-tertiary)}.notification-empty__title{margin:0;font-size:var(--font-size-md);font-weight:var(--font-weight-semi-bold);color:var(--color-text-secondary)}.notification-empty__desc{margin:0;font-size:var(--font-size-sm);color:var(--color-text-tertiary)}.notification-loading{display:flex;justify-content:center;padding:var(--space-8);color:var(--color-text-tertiary);font-size:var(--font-size-sm)}.messages-page{display:flex;flex-direction:column;gap:var(--space-4);padding-top:var(--space-8)}.messages-search{display:flex;align-items:center;justify-content:space-between;height:56px;padding:var(--space-4) var(--space-5);background:var(--color-search-bg);border:1px solid var(--color-search-border);border-radius:var(--radius)}.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-text);outline:none}.messages-search__input::placeholder{color:var(--color-text-muted)}.messages-search__icon{color:var(--color-text);flex-shrink:0;margin-left:var(--space-3)}.messages-filters{display:flex;gap:var(--space-4);align-items:center;padding:0 var(--space-4)}.messages-filter-chip{display:inline-flex;align-items:center;height:32px;padding:var(--space-2) var(--space-3);border:1px solid var(--color-bg-secondary);border-radius:var(--radius-xl);background:transparent;font-family:var(--font-family-body);font-size:var(--font-size-base);line-height:1.1;letter-spacing:var(--letter-spacing-condensed);color:var(--color-text-secondary);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.messages-filter-chip--active{background:var(--color-tab-container);border-color:var(--color-tag-panel-border);color:var(--color-text)}.messages-filter-chip:hover{background:var(--color-bg-secondary)}.messages-filter-chip--active:hover{background:var(--color-tab-container)}.messages-filter-chip:focus-visible{outline:2px solid var(--color-border-focused);outline-offset:2px}.messages-list{display:flex;flex-direction:column}.messages-loading,.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-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);cursor:pointer;transition:background var(--transition-fast)}.conversation-item:hover{background:var(--color-bg-secondary)}.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}.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);color:var(--color-text-inverse);background:var(--gradient-avatar-fallback)}.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--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:0;right:0;width:12px;height:12px;border-radius:var(--radius-full);background:var(--color-status-online);border:2px solid var(--color-surface)}.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{font-family:var(--font-family-body);font-size:var(--font-size-md);font-weight:var(--font-weight-regular);line-height:1.1;letter-spacing:var(--letter-spacing-condensed);color:var(--color-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);line-height:1.1;letter-spacing:var(--letter-spacing-condensed);color:var(--color-text-secondary);overflow:hidden;white-space:nowrap}.conversation-item--unread .conversation-item__preview{color:var(--color-text)}.conversation-item__preview-text{overflow:hidden;text-overflow:ellipsis}.conversation-item__separator{flex-shrink:0;font-size:var(--font-size-sm)}.conversation-item__time{flex-shrink:0;font-size:var(--font-size-base);color:inherit}.conversation-item__unread-badge{flex-shrink:0;width:12px;height:12px;border-radius:var(--radius-full);background:var(--color-chat-unread-dot)}.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}.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);color:var(--color-text-inverse);background:var(--gradient-avatar-fallback)}.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--loading,.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-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:100%;border-radius:var(--radius-md);margin-top:var(--space-2)}.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__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-picker{display:flex;gap:var(--space-1);padding:var(--space-2);margin-bottom:var(--space-2);background:var(--color-bg-secondary);border-radius:var(--radius)}.chat-input__emoji{display:grid;place-items:center;width:var(--space-8);height:var(--space-8);border:none;background:transparent;font-size:var(--font-size-md);cursor:pointer;border-radius:var(--radius-full)}.chat-input__emoji:hover{background:var(--color-bg-tertiary)}.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;width:var(--space-8);height:var(--space-8);border:none;background:transparent;font-size:var(--font-size-md);cursor:pointer;border-radius:var(--radius-full);flex-shrink:0}.chat-input-emoji-btn:hover{background:var(--color-bg-tertiary)}.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-loading{display:flex;align-items:center;justify-content:center;flex:1;font-family:var(--font-family-body);font-size:var(--font-size-base);color:var(--color-text-secondary)}.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)}}.robi-avatar{background:var(--color-primary-surface);color:var(--color-primary)}.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__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}}:root{--color-primary: #016FE4;--color-primary-dark: #061986;--color-primary-light: #3B82F6;--color-primary-surface: #EFF6FF;--color-primary-soft: #A3C7E5;--color-brand-blue: #0B2EF3;--color-secondary: #7C3AED;--color-accent: #F59E0B;--color-success: #10B981;--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: #515151;--color-scale-track: var(--color-bg);--color-scale-track-border: rgba(161, 161, 161, .5);--color-scale-thumb-halo: rgba(1, 111, 228, .24);--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);--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%);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--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-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);--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;--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}@media(prefers-color-scheme:dark){:root{--color-primary: #3B82F6;--color-primary-dark: #0B2EF3;--color-primary-surface: #1F2937;--color-bg: #111827;--color-bg-secondary: #1F2937;--color-bg-tertiary: #374151;--color-surface: #1F2937;--color-text: #F3F4F6;--color-text-secondary: #D1D5DB;--color-text-tertiary: #6B7280;--color-text-muted: #9CA3AF;--color-text-inverse: #111827;--color-chat-bubble-sent: #1D4ED8;--color-chat-text-sent: #F9FAFB;--color-chat-text-received: #E5E7EB;--color-chat-reply-bg: #111827;--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-post-option-bg: #1E293B;--color-tag-panel-border: #334155;--color-tag-input-bg: #111827;--color-profile-name: #F3F4F6;--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}}@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}}