.app-shell{background:radial-gradient(900px 400px at 50% -10%, #6d4aff26, transparent), linear-gradient(160deg, var(--circla-bg), var(--circla-bg-elevated));flex-direction:column;min-height:100vh;display:flex}.app-shell__content{background:var(--circla-bg-card);border:1px solid var(--circla-border);border-radius:var(--circla-radius-lg);width:100%;max-width:480px;box-shadow:0 20px 60px var(--circla-shadow);margin:auto;padding:40px}.app-shell h1{color:var(--circla-text);margin:0;font-size:32px;line-height:1.2}.app-shell p{color:var(--circla-text-muted)}.home-page{text-align:center}.home-page__logo{object-fit:cover;border-radius:50%;width:120px;height:120px;margin:0 auto 24px;box-shadow:0 8px 30px #6d4aff59}.home-page h1{font-size:2rem}.home-page__actions{flex-direction:column;gap:12px;margin-top:32px;display:flex}.home-page__button{border:1px solid var(--circla-border);background:var(--circla-bg-soft);color:var(--circla-text);text-align:center;border-radius:10px;padding:.9rem 1rem;font-weight:700;transition:background .2s,border-color .2s,transform .2s;display:block}.home-page__button:hover{border-color:var(--circla-primary);transform:translateY(-1px)}.home-page__button--primary{border-color:var(--circla-primary);background:var(--circla-primary)}.home-page__button--primary:hover{background:var(--circla-primary-hover);border-color:var(--circla-primary-hover)}.home-page__link{color:var(--circla-primary);margin-top:4px;font-size:.9rem;font-weight:600}.home-page__link:hover{color:var(--circla-accent)}@media (width<=600px){.app-shell__content{margin:16px;padding:28px 20px}.home-page__logo{width:96px;height:96px}}.auth-card{max-width:480px;padding:2.5rem}.auth-card__icon{background:var(--circla-bg-soft);border:1px solid var(--circla-border);border-radius:18px;justify-content:center;align-items:center;width:72px;height:72px;margin:0 auto 1.5rem;display:flex;overflow:hidden}.auth-card__icon img{object-fit:cover;width:100%;height:100%}.auth-card__header{text-align:center;margin-bottom:2rem}.auth-card__header h1{margin-bottom:.5rem;font-size:1.8rem}.auth-card__header p{color:var(--circla-text-muted);margin:0;font-size:.95rem}.auth-tabs{background:var(--circla-bg-soft);border:1px solid var(--circla-border);border-radius:12px;gap:.25rem;margin-bottom:2rem;padding:.4rem;display:flex}.auth-tab{color:var(--circla-text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:1;padding:.8rem 1rem;font-size:.9rem;font-weight:600;transition:background .2s,color .2s}.auth-tab:hover{color:var(--circla-text)}.auth-tab.active{background:var(--circla-primary);color:#fff}.auth-form{flex-direction:column;display:flex}.auth-info{background:var(--circla-bg-soft);border:1px dashed var(--circla-border);color:var(--circla-text-muted);border-radius:10px;flex-direction:column;gap:.35rem;margin-bottom:1.2rem;padding:1rem;font-size:.85rem;display:flex}.auth-info strong{color:var(--circla-accent)}.auth-field{margin-bottom:1.2rem}.auth-field label{color:var(--circla-text);margin-bottom:.5rem;font-size:.85rem;font-weight:600;display:block}.auth-field input,.auth-field textarea{border:1px solid var(--circla-border);background:var(--circla-bg);width:100%;color:var(--circla-text);border-radius:10px;padding:.9rem 1rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.auth-field textarea{resize:vertical;min-height:90px;font-family:monospace;font-size:.9rem}.auth-field input::placeholder,.auth-field textarea::placeholder{color:var(--circla-text-muted);opacity:.8}.auth-field input:focus,.auth-field textarea:focus{border-color:var(--circla-primary);outline:none;box-shadow:0 0 0 3px #6d4aff26}.auth-field input:disabled,.auth-field textarea:disabled{opacity:.6;cursor:wait}.auth-button{background:var(--circla-primary);color:#fff;cursor:pointer;border:none;border-radius:10px;width:100%;margin-top:.5rem;padding:.9rem;font-size:1rem;font-weight:700;transition:background .2s,transform .2s,box-shadow .2s}.auth-button:hover:not(:disabled){background:var(--circla-primary-hover);transform:translateY(-2px);box-shadow:0 8px 24px #6d4aff59}.auth-button:disabled{opacity:.7;cursor:wait}.auth-error{text-align:center;background:#ff506414;border:1px solid #ff506459;border-radius:10px;margin:1rem 0 0;padding:.8rem 1rem;font-size:.9rem;color:var(--circla-error)!important}.auth-footer{color:var(--circla-text-muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-top:1.75rem;font-size:.85rem;display:flex}.auth-link-button{color:var(--circla-primary);cursor:pointer;font-size:inherit;background:0 0;border:none;padding:0;font-weight:600}.auth-link-button:hover{color:var(--circla-accent)}@media (width<=600px){.auth-card{padding:2rem 1.25rem}.auth-tabs{margin-bottom:1.5rem}.auth-tab{padding:.75rem .5rem;font-size:.85rem}}.auth-success{background:#3ddc840f;border:1px solid #3ddc8440;border-radius:10px;margin-bottom:1.5rem;padding:1rem}.auth-success strong{color:var(--circla-success);margin-bottom:.5rem;display:block}.auth-success p{color:var(--circla-text-muted);margin:0 0 1rem;font-size:.9rem}.auth-account-key{overflow-wrap:anywhere;background:var(--circla-bg);border:1px solid var(--circla-border);color:var(--circla-accent);border-radius:8px;padding:.9rem;font-family:monospace;font-size:.85rem;line-height:1.5;display:block}.auth-actions{flex-direction:column;gap:.75rem;display:flex}.auth-button--secondary{border:1px solid var(--circla-border);color:var(--circla-text);background:0 0}.auth-button--secondary:hover:not(:disabled){background:var(--circla-bg-soft);border-color:var(--circla-primary);box-shadow:none}.auth-success-message{background:#3ddc840f;border:1px solid #3ddc8440;border-radius:10px;margin:0 0 1rem;padding:.8rem 1rem;font-size:.9rem;color:var(--circla-success)!important}.auth-status{border:1px solid var(--circla-border);background:var(--circla-bg-soft);text-align:center;border-radius:10px;margin:0 0 1rem;padding:1rem;color:var(--circla-text-muted)!important}.dashboard-user{background:var(--circla-bg-soft);border:1px solid var(--circla-border);text-align:center;border-radius:12px;flex-direction:column;gap:.4rem;margin-bottom:1.5rem;padding:1.25rem;display:flex}.dashboard-user strong{color:var(--circla-text);font-size:1.4rem}.dashboard-user span{color:var(--circla-text-muted);font-size:.9rem}@media (width<=600px){.app-shell{width:100%;min-height:100dvh;padding:16px}.app-shell__content{width:100%;max-width:480px;margin:auto}.auth-card{padding:2rem 1.25rem}.auth-card__icon{margin-left:auto;margin-right:auto}.auth-card__header{text-align:center}.auth-form,.auth-field{width:100%}.auth-field input,.auth-field textarea,.auth-button{max-width:100%}.app-shell__content{box-sizing:border-box;width:100%;max-width:480px;margin:0 auto;padding:28px 20px}.app-shell{width:100vw;min-width:0;padding:16px 0;overflow-x:hidden}.app-shell__content{box-sizing:border-box;width:calc(100vw - 32px);max-width:480px;margin-left:auto;margin-right:auto;padding:28px 20px}}.auth-header{align-items:center;gap:1.25rem;margin-bottom:2rem;display:flex}.auth-header__logo{background:var(--circla-bg-soft);border:1px solid var(--circla-border);border-radius:18px;flex:0 0 72px;width:72px;height:72px;overflow:hidden}.auth-header__logo img{object-fit:cover;width:100%;height:100%}.auth-header__text{text-align:left;min-width:0}@media (width<=600px){.auth-header{gap:1rem}.auth-header__logo{flex-basis:64px;width:64px;height:64px}.auth-header__text h1{font-size:1.55rem}}.dashboard-shell{padding:32px 16px}.dashboard-card{max-width:920px}.dashboard-profile{background:var(--circla-bg-soft);border:1px solid var(--circla-border);border-radius:14px;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1.25rem;display:flex}.dashboard-profile__details{flex-direction:column;gap:.3rem;display:flex}.dashboard-profile__details strong{color:var(--circla-text);font-size:1.35rem}.dashboard-profile__details span{color:var(--circla-text-muted);font-size:.9rem}.dashboard-label{letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--circla-accent)!important;font-size:.75rem!important}.dashboard-badge,.dashboard-coming-soon{border-radius:999px;flex:none;padding:.4rem .7rem;font-size:.78rem;font-weight:700}.dashboard-badge{color:var(--circla-success);background:#3ddc8414;border:1px solid #3ddc8440}.dashboard-coming-soon{color:var(--circla-accent);background:#6d4aff1a;border:1px solid #6d4aff40}.dashboard-section{margin-top:1.5rem}.dashboard-section__header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.9rem;display:flex}.dashboard-section__header h2{color:var(--circla-text);margin:.2rem 0 0;font-size:1.2rem}.dashboard-status-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.dashboard-status-card{background:var(--circla-bg-soft);border:1px solid var(--circla-border);border-radius:12px;align-items:flex-start;gap:.8rem;min-width:0;padding:1rem;display:flex}.dashboard-status-card__indicator{background:var(--circla-success);border-radius:50%;flex:0 0 10px;width:10px;height:10px;margin-top:.35rem;box-shadow:0 0 0 4px #3ddc8414}.dashboard-status-card div{flex-direction:column;gap:.25rem;min-width:0;display:flex}.dashboard-status-card strong,.dashboard-coming-card strong{color:var(--circla-text);font-size:.95rem}.dashboard-status-card span,.dashboard-coming-card span{color:var(--circla-text-muted);font-size:.85rem;line-height:1.45}.dashboard-coming-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;display:grid}.dashboard-coming-card{border:1px dashed var(--circla-border);background:#6d4aff0d;border-radius:12px;flex-direction:column;gap:.3rem;min-width:0;padding:1rem;display:flex}.dashboard-footer{border-top:1px solid var(--circla-border);justify-content:space-between;align-items:center;gap:1rem;margin-top:2rem;padding-top:1.25rem;display:flex}.dashboard-footer>span{color:var(--circla-text-muted);font-size:.85rem}.dashboard-logout{width:auto;min-width:130px;margin-top:0;padding-left:1.25rem;padding-right:1.25rem}@media (width<=700px){.dashboard-shell{padding:16px 0}.dashboard-card{width:calc(100vw - 32px)}.dashboard-profile{align-items:flex-start}.dashboard-status-grid,.dashboard-coming-grid{grid-template-columns:1fr}.dashboard-footer{flex-direction:column;align-items:stretch}.dashboard-logout{width:100%}}.social-shell{background:radial-gradient(1000px 600px at 70% -20%, #6d4aff1f, transparent), var(--circla-bg);grid-template-columns:260px minmax(0,1fr);min-height:100dvh;display:grid}.social-sidebar{background:var(--circla-nav-bg);border-right:1px solid var(--circla-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);flex-direction:column;height:100dvh;padding:24px 18px;display:flex;position:sticky;top:0}.social-brand{color:var(--circla-text);letter-spacing:-.03em;align-items:center;gap:12px;margin-bottom:28px;padding:6px 10px;font-size:1.35rem;font-weight:800;display:inline-flex}.social-brand img{object-fit:cover;border-radius:12px;width:42px;height:42px}.social-navigation{flex-direction:column;gap:6px;display:flex}.social-navigation__item{min-height:50px;color:var(--circla-text-muted);border:1px solid #0000;border-radius:12px;align-items:center;gap:14px;padding:0 14px;font-size:.96rem;font-weight:650;transition:background .18s,border-color .18s,color .18s,transform .18s;display:flex}.social-navigation__item:hover{color:var(--circla-text);background:var(--circla-bg-soft);border-color:var(--circla-border)}.social-navigation__item--active{color:#fff;background:#6d4aff29;border-color:#6d4aff59}.social-navigation__item--active svg{color:var(--circla-accent)}.social-sidebar__footer{border-top:1px solid var(--circla-border);margin-top:auto;padding-top:18px}.social-user{align-items:center;gap:11px;min-width:0;padding:8px;display:flex}.social-user__avatar,.social-mobile-profile{color:#fff;background:linear-gradient(145deg,#6d4aff57,#00d4aa29);border:1px solid #6d4aff73;border-radius:50%;flex:none;place-items:center;width:38px;height:38px;font-size:.9rem;font-weight:800;display:grid}.social-user__details{flex-direction:column;min-width:0;display:flex}.social-user__details strong,.social-user__details span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.social-user__details strong{color:var(--circla-text);font-size:.9rem}.social-user__details span{color:var(--circla-text-muted);font-size:.78rem}.social-logout{width:100%;color:var(--circla-text-muted);text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:12px;margin-top:8px;padding:10px 12px;font-size:.86rem;font-weight:600;display:flex}.social-logout:hover:not(:disabled){color:var(--circla-text);background:var(--circla-bg-soft);border-color:var(--circla-border)}.social-logout:disabled{opacity:.6;cursor:wait}.social-main{min-width:0;padding:34px 28px}.social-main__inner{width:100%;max-width:1040px;margin:0 auto}.social-main .dashboard-shell{background:0 0;width:100%;min-width:0;min-height:auto;padding:0;display:block;overflow:visible}.social-main .dashboard-card{width:100%;max-width:920px;margin:0 auto}.social-mobile-header,.social-bottom-navigation{display:none}.social-placeholder{background:var(--circla-bg-card);border:1px solid var(--circla-border);border-radius:var(--circla-radius-lg);width:100%;max-width:720px;box-shadow:0 20px 60px var(--circla-shadow);margin:0 auto;padding:36px}.social-placeholder__eyebrow{color:var(--circla-accent);letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;font-size:.75rem;font-weight:800;display:block}.social-placeholder h1{color:var(--circla-text);margin:0 0 8px;font-size:clamp(1.8rem,4vw,2.35rem);line-height:1.15}.social-placeholder>p{max-width:620px;color:var(--circla-text-muted);margin:0}.social-placeholder__status{border:1px dashed var(--circla-border);background:var(--circla-bg-soft);color:var(--circla-text-muted);border-radius:12px;margin-top:28px;padding:16px;font-size:.88rem}@media (width<=820px){.social-shell{min-height:100dvh;display:block}.social-sidebar{display:none}.social-mobile-header{z-index:20;min-height:64px;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;background:var(--circla-nav-bg);border-bottom:1px solid var(--circla-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.social-mobile-brand{color:var(--circla-text);letter-spacing:-.02em;align-items:center;gap:10px;font-weight:800;display:flex}.social-mobile-brand img{border-radius:10px;width:36px;height:36px}.social-main{padding:16px 16px calc(92px + env(safe-area-inset-bottom))}.social-main__inner{max-width:none}.social-bottom-navigation{z-index:30;min-height:68px;padding:7px 6px calc(7px + env(safe-area-inset-bottom));background:var(--circla-nav-bg);border-top:1px solid var(--circla-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0}.social-bottom-navigation__item{min-width:0;color:var(--circla-text-muted);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:4px 2px;font-size:.64rem;font-weight:650;display:flex}.social-bottom-navigation__item svg{width:21px;height:21px}.social-bottom-navigation__item--active{color:var(--circla-accent)}.social-main .dashboard-shell{width:100%;min-width:0;padding:0;overflow:visible}.social-main .dashboard-card{width:100%;max-width:none;margin:0}.social-placeholder{border-radius:16px;padding:24px 20px}}@media (width<=420px){.social-bottom-navigation__item{font-size:.6rem}.social-bottom-navigation__item svg{width:20px;height:20px}}.feed-page{width:100%;max-width:760px;margin:0 auto}.feed-page__header{border-bottom:1px solid var(--circla-border);justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:20px;padding:4px 4px 18px;display:flex}.feed-page__eyebrow{color:var(--circla-accent);letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px;font-size:.72rem;font-weight:800;display:block}.feed-page__header h1{color:var(--circla-text);letter-spacing:-.03em;margin:0;font-size:2rem;line-height:1.15}.feed-page__header p{color:var(--circla-text-muted);margin:6px 0 0;font-size:.92rem}.feed-page__badge{color:var(--circla-accent);background:#00d4aa12;border:1px solid #00d4aa40;border-radius:999px;flex:none;margin-top:8px;padding:5px 10px;font-size:.72rem;font-weight:750}.feed-list{flex-direction:column;gap:12px;display:flex}.feed-post{background:var(--circla-bg-card);border:1px solid var(--circla-border);box-shadow:0 8px 30px var(--circla-shadow-soft);border-radius:16px;grid-template-columns:46px minmax(0,1fr);gap:13px;padding:18px;display:grid}.feed-post__avatar{color:#fff;background:linear-gradient(145deg,#6d4aff57,#00d4aa26);border:1px solid #6d4aff6b;border-radius:50%;place-items:center;width:46px;height:46px;font-weight:800;display:grid}.feed-post__body{min-width:0}.feed-post__header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.feed-post__author{flex-wrap:wrap;align-items:center;gap:5px 8px;min-width:0;display:flex}.feed-post__author strong{max-width:100%;color:var(--circla-text);text-overflow:ellipsis;white-space:nowrap;font-size:.94rem;overflow:hidden}.feed-post__handle{max-width:100%;color:var(--circla-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.feed-post__remote{color:var(--circla-primary);text-transform:uppercase;background:#6d4aff14;border:1px solid #6d4aff40;border-radius:999px;padding:2px 6px;font-size:.62rem;font-weight:700}.feed-post__date{color:var(--circla-text-muted);white-space:nowrap;flex:none;font-size:.7rem}.feed-post__warning{background:#ffbe500d;border:1px solid #ffbe5038;border-radius:10px;flex-direction:column;gap:3px;margin-top:13px;padding:10px 12px;display:flex}.feed-post__warning strong{color:var(--circla-warning);font-size:.74rem}.feed-post__warning span{color:var(--circla-text-muted);font-size:.82rem}.feed-post__content{overflow-wrap:anywhere;color:var(--circla-text);white-space:pre-wrap;margin:13px 0 0;font-size:.95rem;line-height:1.65}.feed-post__reveal,.feed-post__hide{border:1px solid var(--circla-border);background:var(--circla-bg-soft);color:var(--circla-text);border-radius:8px;margin-top:12px;padding:7px 11px;font-size:.78rem;font-weight:650}.feed-post__reveal:hover,.feed-post__hide:hover{border-color:var(--circla-primary)}.feed-post__footer{color:var(--circla-text-muted);align-items:center;gap:7px;margin-top:13px;font-size:.7rem;display:flex}.feed-loading{flex-direction:column;gap:12px;display:flex}.feed-skeleton{border:1px solid var(--circla-border);background:linear-gradient(90deg, var(--circla-bg-card) 25%, #ffffff09 50%, var(--circla-bg-card) 75%);background-size:200% 100%;border-radius:16px;height:150px;animation:1.5s infinite feed-skeleton-loading}@keyframes feed-skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.feed-state{background:var(--circla-bg-card);border:1px solid var(--circla-border);text-align:center;border-radius:16px;padding:38px 28px}.feed-state strong{color:var(--circla-text);font-size:1.05rem;display:block}.feed-state p{max-width:520px;color:var(--circla-text-muted);margin:8px auto 0;font-size:.88rem}.feed-state__button,.feed-load-more{border:1px solid var(--circla-border);background:var(--circla-bg-card);color:var(--circla-text);border-radius:9px;margin:18px auto 0;padding:9px 15px;font-size:.83rem;font-weight:700;display:block}.feed-state__button:hover,.feed-load-more:hover:not(:disabled){border-color:var(--circla-primary);background:var(--circla-bg-soft)}.feed-load-more:disabled{opacity:.6;cursor:wait}.feed-inline-error{color:var(--circla-error);text-align:center;background:#ff50640f;border:1px solid #ff50644d;border-radius:9px;margin-top:14px;padding:10px 12px;font-size:.8rem}.feed-end{color:var(--circla-text-muted);text-align:center;margin:18px 0 0;font-size:.76rem}@media (width<=600px){.feed-page__header{margin-bottom:14px;padding:2px 2px 14px}.feed-page__header h1{font-size:1.65rem}.feed-page__header p{font-size:.82rem}.feed-post{border-radius:14px;grid-template-columns:40px minmax(0,1fr);gap:10px;padding:14px}.feed-post__avatar{width:40px;height:40px;font-size:.82rem}.feed-post__header{flex-direction:column;gap:3px}.feed-post__date{white-space:normal}.feed-post__content{margin-top:10px;font-size:.92rem}.feed-state{padding:28px 18px}}@media (prefers-reduced-motion:reduce){.feed-skeleton{animation:none}}.post-composer{background:var(--circla-bg-card);border:1px solid var(--circla-border);border-radius:16px;margin-bottom:18px;padding:18px}.post-composer__header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;display:flex}.post-composer__header>div{flex-direction:column;gap:2px;display:flex}.post-composer__header strong{color:var(--circla-text);font-size:.98rem}.post-composer__header span{color:var(--circla-text-muted);font-size:.8rem}.post-composer__visibility{background:#00d4aa0f;border:1px solid #00d4aa40;border-radius:999px;flex:none;padding:4px 9px;font-weight:700;color:var(--circla-accent)!important;font-size:.7rem!important}.post-composer__label{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.post-composer__textarea{resize:vertical;border:1px solid var(--circla-border);background:var(--circla-bg);width:100%;min-height:105px;color:var(--circla-text);font:inherit;border-radius:12px;outline:none;padding:13px 14px;line-height:1.55}.post-composer__textarea::placeholder{color:var(--circla-text-muted)}.post-composer__textarea:focus,.post-composer__warning-field input:focus{border-color:var(--circla-primary);box-shadow:0 0 0 3px #6d4aff1f}.post-composer__textarea:disabled,.post-composer__warning-field input:disabled{opacity:.65;cursor:wait}.post-composer__counter{color:var(--circla-text-muted);text-align:right;margin-top:5px;font-size:.7rem}.post-composer__options{flex-wrap:wrap;gap:10px 18px;margin-top:10px;display:flex}.post-composer__check{color:var(--circla-text-muted);cursor:pointer;align-items:center;gap:7px;font-size:.78rem;display:inline-flex}.post-composer__check input{accent-color:var(--circla-primary)}.post-composer__warning-field{margin-top:13px}.post-composer__warning-field label{color:var(--circla-text-muted);margin-bottom:5px;font-size:.75rem;font-weight:650;display:block}.post-composer__warning-field input{border:1px solid var(--circla-border);background:var(--circla-bg);width:100%;color:var(--circla-text);border-radius:9px;outline:none;padding:10px 12px}.post-composer__error,.post-composer__success{border-radius:9px;margin:13px 0 0;padding:9px 11px;font-size:.78rem}.post-composer__error{color:var(--circla-error);background:#ff50640f;border:1px solid #ff50644d}.post-composer__success{color:var(--circla-success);background:#3ddc840f;border:1px solid #3ddc8440}.post-composer__footer{border-top:1px solid var(--circla-border);justify-content:space-between;align-items:center;gap:16px;margin-top:15px;padding-top:13px;display:flex}.post-composer__footer>span{color:var(--circla-text-muted);font-size:.72rem}.post-composer__submit{border:1px solid var(--circla-primary);background:var(--circla-primary);color:#fff;border-radius:9px;flex:none;min-width:105px;padding:9px 16px;font-size:.82rem;font-weight:750}.post-composer__submit:hover:not(:disabled){background:var(--circla-primary-hover);border-color:var(--circla-primary-hover)}.post-composer__submit:disabled{opacity:.5;cursor:not-allowed}@media (width<=600px){.post-composer{border-radius:14px;padding:14px}.post-composer__footer{flex-direction:column;align-items:stretch}.post-composer__submit{width:100%}}.theme-switcher{z-index:50;border:1px solid var(--circla-border);background:var(--circla-bg-card);box-shadow:0 8px 28px var(--circla-shadow-soft);border-radius:12px;gap:3px;padding:4px;display:inline-flex;position:fixed;bottom:18px;right:18px}.theme-switcher__button{min-height:34px;color:var(--circla-text-muted);background:0 0;border:0;border-radius:8px;padding:6px 10px;font-size:.72rem;font-weight:700}.theme-switcher__button:hover{background:var(--circla-hover);color:var(--circla-text)}.theme-switcher__button--active{background:var(--circla-primary-soft);color:var(--circla-primary)}.social-navigation__item--active{color:var(--circla-primary);background:var(--circla-primary-soft)}.auth-tab.active,.auth-button,.post-composer__submit{color:var(--circla-text-on-primary)}.auth-field input:focus,.auth-field textarea:focus,.post-composer__textarea:focus,.post-composer__warning-field input:focus{box-shadow:0 0 0 3px var(--circla-focus-ring)}@media (width<=820px){.theme-switcher{right:12px;bottom:calc(82px + env(safe-area-inset-bottom))}}@media (width<=420px){.theme-switcher__button{min-height:32px;padding:5px 8px;font-size:.68rem}}.feed-post__footer{justify-content:space-between;gap:12px}.feed-post__meta{flex-wrap:wrap;align-items:center;gap:7px;min-width:0;display:flex}.like-control{flex:none;align-items:center;display:flex;position:relative}.like-button{min-width:46px;min-height:38px;color:var(--circla-text-muted);background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:6px;padding:6px 9px;font-size:.76rem;font-weight:700;transition:color .16s,background .16s,transform .16s;display:inline-flex}.like-button:hover:not(:disabled){background:var(--circla-hover);color:var(--circla-primary)}.like-button:active:not(:disabled){transform:scale(.96)}.like-button--liked{color:var(--circla-primary)}.like-button:disabled{opacity:var(--circla-disabled-opacity);cursor:wait}.like-button--loading{cursor:default}.like-button__unavailable{color:var(--circla-text-muted);font-size:.7rem}.like-control__error{z-index:5;border:1px solid var(--circla-error);background:var(--circla-bg-card);width:max-content;max-width:230px;color:var(--circla-error);box-shadow:0 6px 20px var(--circla-shadow-soft);border-radius:8px;padding:6px 8px;font-size:.68rem;line-height:1.35;position:absolute;top:calc(100% + 5px);right:0}@media (width<=600px){.feed-post__footer{align-items:center}.like-button{min-width:44px;min-height:40px}}.reply-thread{margin-top:8px}.reply-thread__toggle{min-height:40px;color:var(--circla-text-muted);background:0 0;border:0;border-radius:10px;align-items:center;gap:7px;padding:6px 9px;font-size:.76rem;font-weight:700;display:inline-flex}.reply-thread__toggle:hover{background:var(--circla-hover);color:var(--circla-primary)}.reply-thread__panel{border-top:1px solid var(--circla-border);margin-top:10px;padding-top:14px}.reply-thread__loading,.reply-thread__empty{color:var(--circla-text-muted);margin:4px 0 14px;font-size:.8rem}.reply-thread__error{background:var(--circla-error-soft);color:var(--circla-error);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:10px 12px;font-size:.78rem;display:flex}.reply-thread__error button{color:inherit;background:0 0;border:0;flex:none;font-weight:750}.reply-list{flex-direction:column;gap:6px;margin-bottom:14px;display:flex}.reply-item{grid-template-columns:34px minmax(0,1fr);gap:10px;padding:10px 0;display:grid}.reply-item+.reply-item{border-top:1px solid var(--circla-border)}.reply-item__avatar{background:var(--circla-primary-soft);width:34px;height:34px;color:var(--circla-primary);border-radius:50%;place-items:center;font-size:.74rem;font-weight:800;display:grid}.reply-item__body{min-width:0}.reply-item__header{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.reply-item__author{flex-wrap:wrap;align-items:center;gap:4px 7px;min-width:0;display:flex}.reply-item__author strong{color:var(--circla-text);font-size:.82rem}.reply-item__author>span{color:var(--circla-text-muted);font-size:.7rem}.reply-item__author .reply-item__remote{background:var(--circla-primary-soft);color:var(--circla-primary);text-transform:uppercase;border-radius:999px;padding:1px 5px;font-size:.58rem;font-weight:750}.reply-item__header time{color:var(--circla-text-muted);flex:none;font-size:.65rem}.reply-item__content{overflow-wrap:anywhere;color:var(--circla-text);white-space:pre-wrap;margin:5px 0 0;font-size:.86rem;line-height:1.55}.reply-item__warning{background:var(--circla-warning-soft);border-radius:8px;flex-direction:column;gap:2px;margin-top:8px;padding:8px 10px;display:flex}.reply-item__warning strong{color:var(--circla-warning);font-size:.68rem}.reply-item__warning span{color:var(--circla-text-muted);font-size:.74rem}.reply-item__reveal,.reply-item__hide{border:1px solid var(--circla-border);color:var(--circla-text);background:0 0;border-radius:7px;margin-top:7px;padding:6px 8px;font-size:.7rem;font-weight:650}.reply-item__reveal:hover,.reply-item__hide:hover{background:var(--circla-hover)}.reply-composer{border-top:1px solid var(--circla-border);padding-top:14px}.reply-composer>label{color:var(--circla-text);margin-bottom:6px;font-size:.78rem;font-weight:700;display:block}.reply-composer textarea{resize:vertical;border:1px solid var(--circla-border);background:var(--circla-bg);width:100%;min-height:82px;color:var(--circla-text);border-radius:10px;outline:none;padding:10px 11px;line-height:1.5}.reply-composer textarea:focus,.reply-composer__warning input:focus{border-color:var(--circla-primary);box-shadow:0 0 0 3px var(--circla-focus-ring)}.reply-composer__counter{color:var(--circla-text-muted);text-align:right;margin-top:4px;font-size:.66rem}.reply-composer__options{flex-wrap:wrap;gap:8px 16px;margin-top:8px;display:flex}.reply-composer__options label{color:var(--circla-text-muted);align-items:center;gap:6px;font-size:.72rem;display:inline-flex}.reply-composer__options input{accent-color:var(--circla-primary)}.reply-composer__warning{margin-top:10px}.reply-composer__warning label{color:var(--circla-text-muted);margin-bottom:4px;font-size:.7rem;font-weight:650;display:block}.reply-composer__warning input{border:1px solid var(--circla-border);background:var(--circla-bg);width:100%;color:var(--circla-text);border-radius:8px;outline:none;padding:8px 10px}.reply-composer__error{background:var(--circla-error-soft);color:var(--circla-error);border-radius:8px;margin:10px 0 0;padding:8px 10px;font-size:.74rem}.reply-composer__footer{justify-content:space-between;align-items:center;gap:12px;margin-top:10px;display:flex}.reply-composer__footer>span{color:var(--circla-text-muted);font-size:.68rem}.reply-composer__footer button{border:1px solid var(--circla-primary);background:var(--circla-primary);min-height:38px;color:var(--circla-text-on-primary);border-radius:8px;flex:none;padding:7px 13px;font-size:.76rem;font-weight:750}.reply-composer__footer button:hover:not(:disabled){background:var(--circla-primary-hover)}.reply-composer__footer button:disabled{opacity:var(--circla-disabled-opacity);cursor:not-allowed}@media (width<=600px){.reply-item__header{flex-direction:column;gap:2px}.reply-composer__footer{flex-direction:column;align-items:stretch}.reply-composer__footer button{width:100%}}.profile-page{width:100%;margin:0;padding-bottom:3rem}.profile-page__heading{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.profile-page__heading h1{color:var(--circla-text);margin:.2rem 0 0;font-size:clamp(1.65rem,3vw,2rem);line-height:1.2}.profile-page__eyebrow{color:var(--circla-text-muted);letter-spacing:.07em;text-transform:uppercase;font-size:.78rem;font-weight:700;display:block}.profile-card,.profile-editor{border:1px solid var(--circla-border);border-radius:var(--circla-radius-lg);background:var(--circla-bg-card);box-shadow:0 8px 28px var(--circla-shadow-soft);overflow:hidden}.profile-card__header{background:linear-gradient(135deg, var(--circla-primary-soft), var(--circla-accent-soft)), var(--circla-bg-elevated);min-height:220px;color:var(--circla-text-muted);justify-content:flex-end;align-items:flex-end;padding:.8rem 1rem;font-size:.75rem;display:flex;position:relative}.profile-card__content{padding:3.6rem 1.5rem 1.5rem;position:relative}.profile-card__avatar{border:5px solid var(--circla-bg-card);background:var(--circla-primary);width:6.4rem;height:6.4rem;color:var(--circla-text-on-primary);box-shadow:0 6px 18px var(--circla-shadow);border-radius:50%;place-items:center;font-size:2rem;font-weight:800;display:grid;position:absolute;top:-3.8rem;left:1.5rem}.profile-card__avatar-wrapper{position:absolute;top:-3.8rem;left:1.5rem}.profile-card__avatar-wrapper .profile-card__avatar{position:relative;top:0;left:0}.profile-card__avatar-edit{border:2px solid var(--circla-bg-card);background:var(--circla-primary);width:2rem;height:2rem;color:var(--circla-text-on-primary);cursor:pointer;border-radius:50%;place-items:center;font-size:1.1rem;display:grid;position:absolute;bottom:.4rem;right:-.2rem}.profile-card__banner-edit{position:absolute;bottom:1rem;right:1rem}.profile-button--icon{border-radius:50%;place-items:center;width:2.5rem;height:2.5rem;padding:0;display:inline-grid}.profile-card__identity h2{color:var(--circla-text);margin:0;font-size:1.45rem;line-height:1.25}.profile-card__identity span{color:var(--circla-text-muted);font-size:.95rem}.profile-card__bio{color:var(--circla-text-secondary);white-space:pre-wrap;overflow-wrap:anywhere;margin:1.25rem 0 0}.profile-card__bio--empty{color:var(--circla-text-muted);font-style:italic}.profile-card__website{color:var(--circla-primary);overflow-wrap:anywhere;margin-top:1rem;font-weight:650;display:inline-block}.profile-card__website:hover{text-decoration:underline}.profile-card__member-since{color:var(--circla-text-muted);margin:1rem 0 0;font-size:.9rem}.profile-card__privacy-note,.profile-editor__privacy{border:1px solid var(--circla-border);border-radius:var(--circla-radius-md);background:var(--circla-bg-soft);color:var(--circla-text-secondary);flex-direction:column;gap:.25rem;margin-top:1.25rem;padding:.9rem 1rem;font-size:.88rem;display:flex}.profile-editor{margin-top:1.25rem;padding:1.5rem}.profile-editor__heading{margin-bottom:1.4rem}.profile-editor__heading h2{color:var(--circla-text);margin:0;font-size:1.25rem}.profile-editor__heading p{color:var(--circla-text-muted);margin:.3rem 0 0}.profile-field{flex-direction:column;gap:.45rem;margin-top:1.1rem;display:flex;position:relative}.profile-field__label{color:var(--circla-text);font-size:.92rem;font-weight:700}.profile-field input,.profile-field textarea,.profile-field__readonly{border:1px solid var(--circla-border);border-radius:var(--circla-radius-md);background:var(--circla-bg);width:100%;color:var(--circla-text);padding:.78rem .9rem}.profile-field textarea{resize:vertical;min-height:8rem}.profile-field input::placeholder,.profile-field textarea::placeholder{color:var(--circla-text-muted)}.profile-field input:focus,.profile-field textarea:focus{border-color:var(--circla-primary)}.profile-field input:disabled,.profile-field textarea:disabled{opacity:var(--circla-disabled-opacity);cursor:not-allowed}.profile-field__readonly{color:var(--circla-text-muted);background:var(--circla-bg-elevated)}.profile-field__meta{color:var(--circla-text-muted);align-self:flex-end;font-size:.8rem}.profile-field__hint{color:var(--circla-text-muted);font-size:.82rem}.profile-editor__actions{justify-content:flex-end;gap:.7rem;margin-top:1.5rem;display:flex}.profile-button,.profile-state button{border-radius:var(--circla-radius-md);border:1px solid #0000;padding:.68rem 1rem;font-weight:750;transition:background-color .16s,border-color .16s,transform .16s}.profile-button:hover:not(:disabled),.profile-state button:hover{transform:translateY(-1px)}.profile-button--primary,.profile-state button{border-color:var(--circla-primary);background:var(--circla-primary);color:var(--circla-text-on-primary)}.profile-button--primary:hover:not(:disabled),.profile-state button:hover{background:var(--circla-primary-hover)}.profile-button--secondary{border-color:var(--circla-border-strong);background:var(--circla-bg-card);color:var(--circla-text)}.profile-button--secondary:hover:not(:disabled){background:var(--circla-hover)}.profile-button:disabled{opacity:var(--circla-disabled-opacity);cursor:not-allowed;transform:none}.profile-message{border-radius:var(--circla-radius-md);margin-bottom:1rem;padding:.85rem 1rem;font-size:.92rem}.profile-message--success{border:1px solid var(--circla-success);background:var(--circla-success-soft);color:var(--circla-success)}.profile-message--error{border:1px solid var(--circla-error);background:var(--circla-error-soft);color:var(--circla-error)}.profile-state{border:1px solid var(--circla-border);border-radius:var(--circla-radius-lg);background:var(--circla-bg-card);color:var(--circla-text-secondary);flex-direction:column;align-items:flex-start;gap:.7rem;padding:1.25rem;display:flex}.profile-state--error{border-color:var(--circla-error);background:var(--circla-error-soft)}@media (width<=640px){.profile-page__heading{flex-direction:column;align-items:flex-start}.profile-card__header{min-height:120px}.profile-card__content{padding:3.25rem 1rem 1rem}.profile-card__avatar{width:5.6rem;height:5.6rem;left:1rem}.profile-editor{padding:1rem}.profile-editor__actions{flex-direction:column-reverse}.profile-editor__actions button,.profile-page__heading .profile-button{width:100%}}.social-settings-link{border-radius:var(--circla-radius-md);width:100%;color:var(--circla-text-secondary);align-items:center;gap:.75rem;padding:.72rem .8rem;font-weight:650;display:flex}.social-settings-link:hover,.social-settings-link--active{background:var(--circla-hover);color:var(--circla-text)}.social-mobile-actions{align-items:center;gap:.55rem;display:flex}.social-mobile-settings{border:1px solid var(--circla-border);background:var(--circla-bg-card);width:2.55rem;height:2.55rem;color:var(--circla-text-secondary);border-radius:50%;place-items:center;display:grid}.social-mobile-settings:hover{background:var(--circla-hover);color:var(--circla-text)}.settings-page{width:min(100%,760px);margin:0 auto;padding-bottom:3rem}.settings-page__heading{margin-bottom:1.25rem}.settings-page__eyebrow{color:var(--circla-text-muted);letter-spacing:.07em;text-transform:uppercase;margin-bottom:.2rem;font-size:.78rem;font-weight:700;display:block}.settings-page__heading h1{color:var(--circla-text);margin:0;font-size:clamp(1.65rem,3vw,2rem);line-height:1.2}.settings-page__heading p{color:var(--circla-text-secondary);margin:.45rem 0 0}.settings-card{border:1px solid var(--circla-border);border-radius:var(--circla-radius-lg);background:var(--circla-bg-card);box-shadow:0 8px 28px var(--circla-shadow-soft)}.settings-card__content{padding:1.5rem}.settings-field{flex-direction:column;gap:.45rem;display:flex}.settings-field__label{color:var(--circla-text);font-weight:750}.settings-field__help{max-width:42rem;color:var(--circla-text-muted);font-size:.9rem}.settings-field select{border:1px solid var(--circla-border);border-radius:var(--circla-radius-md);background:var(--circla-bg);width:min(100%,24rem);color:var(--circla-text);margin-top:.35rem;padding:.75rem 2.5rem .75rem .9rem}.settings-field select:focus{border-color:var(--circla-primary)}.settings-language-status{border-radius:var(--circla-radius-md);background:var(--circla-bg-soft);color:var(--circla-text-secondary);justify-content:space-between;align-items:center;gap:1rem;margin-top:1.25rem;padding:.9rem 1rem;display:flex}.settings-language-status strong{color:var(--circla-text)}.settings-card__note{color:var(--circla-text-muted);margin:1rem 0 0;font-size:.88rem}@media (width<=640px){.settings-card__content{padding:1rem}.settings-language-status{flex-direction:column;align-items:flex-start;gap:.2rem}}.feed-post__author-link{color:inherit;text-decoration:none}.feed-post__author-link:hover,.feed-post__author-link:focus-visible{text-decoration:underline}.social-page{gap:24px;display:grid}.social-page__heading{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.social-page__heading h1{color:var(--circla-text);margin:4px 0 8px;font-size:clamp(1.8rem,4vw,2.5rem)}.social-page__heading p{max-width:680px;color:var(--circla-text-secondary);margin:0}.social-page__eyebrow{color:var(--circla-primary);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:700}.social-page__status,.social-muted{color:var(--circla-text-muted)}.social-alert{border:1px solid var(--circla-border);border-radius:var(--circla-radius-md);padding:12px 14px}.social-alert--error{border-color:var(--circla-error);color:var(--circla-error);background:var(--circla-error-soft)}.social-empty{border:1px solid var(--circla-border);border-radius:var(--circla-radius-lg);background:var(--circla-bg-card);justify-items:start;gap:12px;padding:28px;display:grid}.social-empty h2,.social-empty p{margin:0}.social-empty p{color:var(--circla-text-secondary)}.social-button{border-radius:var(--circla-radius-md);min-height:40px;font:inherit;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;padding:9px 14px;font-weight:650;text-decoration:none;display:inline-flex}.social-button:disabled{cursor:not-allowed;opacity:var(--circla-disabled-opacity)}.social-button--primary{color:var(--circla-text-on-primary);background:var(--circla-primary)}.social-button--primary:hover:not(:disabled){background:var(--circla-primary-hover)}.social-button--secondary{border-color:var(--circla-border);color:var(--circla-text);background:var(--circla-bg-card)}.social-button--secondary:hover:not(:disabled){background:var(--circla-hover)}.social-button--danger{border-color:var(--circla-error);color:var(--circla-error);background:0 0}.social-button--danger:hover:not(:disabled){background:var(--circla-error-soft)}.connection-list{gap:16px;display:grid}.connection-card{border:1px solid var(--circla-border);border-radius:var(--circla-radius-lg);background:var(--circla-bg-card);box-shadow:0 8px 28px var(--circla-shadow-soft);gap:20px;padding:20px;display:grid}.connection-card__header{align-items:center;gap:12px;display:flex}.connection-avatar{width:44px;height:44px;color:var(--circla-text-on-primary);background:var(--circla-primary);border-radius:50%;flex:none;place-items:center;font-weight:750;display:grid}.connection-card__identity{gap:2px;display:grid}.connection-card__identity a{color:var(--circla-text);font-weight:700;text-decoration:none}.connection-card__identity a:hover{text-decoration:underline}.connection-card__identity span{color:var(--circla-text-muted);font-size:.86rem}.connection-setting,.connection-circle-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.connection-setting>div,.connection-circles__heading{gap:4px;display:grid}.connection-setting span,.connection-circles__heading span{color:var(--circla-text-muted);font-size:.88rem}.connection-circles{border-top:1px solid var(--circla-border);gap:12px;padding-top:16px;display:grid}.connection-circle-list{border:1px solid var(--circla-border);border-radius:var(--circla-radius-md);display:grid;overflow:hidden}.connection-circle-row{min-height:48px;padding:8px 12px}.connection-circle-row+.connection-circle-row{border-top:1px solid var(--circla-border)}.social-toggle{background:var(--circla-border-strong);cursor:pointer;border:0;border-radius:999px;flex:none;width:46px;height:26px;padding:0;transition:background .16s,opacity .16s;position:relative}.social-toggle>span{background:var(--circla-bg-card);width:20px;height:20px;box-shadow:0 2px 5px var(--circla-shadow);border-radius:50%;transition:transform .16s;position:absolute;top:3px;left:3px}.social-toggle--active{background:var(--circla-primary)}.social-toggle--active>span{transform:translate(20px)}.social-toggle:focus-visible{outline:3px solid var(--circla-focus-ring);outline-offset:2px}.social-toggle:disabled{cursor:not-allowed;opacity:var(--circla-disabled-opacity)}.connection-card__actions{flex-wrap:wrap;gap:10px;padding-top:4px;display:flex}@media (width<=720px){.social-page__heading{display:grid}.social-page__heading .social-button{width:100%}.connection-card{padding:16px}.connection-card__actions{grid-template-columns:1fr;display:grid}}.circle-create{border:1px solid var(--circla-border);border-radius:var(--circla-radius-lg);background:var(--circla-bg-card);align-items:end;gap:12px;padding:18px;display:flex}.circle-create__field{flex:1;gap:7px;display:grid}.circle-create__field label{font-weight:700}.circle-create__field input,.invite-create-row select{border:1px solid var(--circla-border);border-radius:var(--circla-radius-md);min-height:42px;color:var(--circla-text);background:var(--circla-bg);font:inherit;padding:8px 11px}.circle-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.circle-card{border:1px solid var(--circla-border);border-radius:var(--circla-radius-lg);min-height:92px;color:var(--circla-text);background:var(--circla-bg-card);align-items:center;gap:14px;padding:18px;text-decoration:none;display:flex}.circle-card:hover{border-color:var(--circla-border-strong);background:var(--circla-hover)}.circle-card__icon{width:46px;height:46px;color:var(--circla-primary);background:var(--circla-primary-soft);border-radius:14px;flex:none;place-items:center;font-weight:800;display:grid}.circle-card h2{margin:0 0 4px;font-size:1rem}.circle-card span{color:var(--circla-text-muted);font-size:.84rem}.circle-card__arrow{margin-left:auto;font-size:1.2rem}.social-back-link{color:var(--circla-text-muted);margin-bottom:18px;text-decoration:none;display:inline-block}.social-section-card{border:1px solid var(--circla-border);border-radius:var(--circla-radius-lg);background:var(--circla-bg-card);gap:18px;padding:20px;display:grid}.social-section-card>header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.social-section-card h2,.social-section-card p{margin:0}.social-section-card header p{color:var(--circla-text-muted);margin-top:4px}.social-count{text-align:center;min-width:32px;color:var(--circla-primary);background:var(--circla-primary-soft);border-radius:999px;padding:5px 9px;font-weight:700}.member-list,.invite-list{border:1px solid var(--circla-border);border-radius:var(--circla-radius-md);display:grid;overflow:hidden}.member-row,.invite-row{justify-content:space-between;align-items:center;gap:14px;padding:12px;display:flex}.member-row+.member-row,.invite-row+.invite-row{border-top:1px solid var(--circla-border)}.member-row>div,.invite-row>div{gap:3px;display:grid}.member-row span,.invite-row span{color:var(--circla-text-muted);font-size:.84rem}.invite-create-row{align-items:end;gap:12px;display:flex}.invite-create-row label{gap:7px;display:grid}.invite-share-card{border:1px solid var(--circla-primary);border-radius:var(--circla-radius-lg);background:var(--circla-primary-soft);align-items:center;gap:22px;padding:18px;display:flex}.invite-qr{border-radius:var(--circla-radius-md);color:var(--circla-text);background:var(--circla-bg-card);flex:none;place-items:center;padding:12px;display:grid}.invite-share-card__content{gap:10px;min-width:0;display:grid}.invite-share-card__content p{color:var(--circla-text-secondary)}.invite-share-card code{overflow-wrap:anywhere;color:var(--circla-text)}.invite-page{background:var(--circla-bg);place-items:center;min-height:100vh;padding:24px;display:grid}.invite-public-card{border:1px solid var(--circla-border);border-radius:var(--circla-radius-lg);background:var(--circla-bg-card);width:min(100%,520px);box-shadow:0 18px 55px var(--circla-shadow-soft);gap:18px;padding:30px;display:grid}.invite-public-card__logo{width:54px;height:54px}.invite-public-card h1,.invite-public-card p{margin:0}.invite-public-card p,.invite-expiry{color:var(--circla-text-secondary)}@media (width<=720px){.circle-create,.invite-create-row,.invite-share-card{flex-direction:column;align-items:stretch}.circle-create .social-button,.invite-create-row .social-button{width:100%}.invite-qr{align-self:center}.member-row,.invite-row{align-items:flex-start}}.people-search{border:1px solid var(--circla-border);border-radius:var(--circla-radius-lg);background:var(--circla-bg-card);grid-template-columns:minmax(200px,1fr) auto;align-items:end;gap:12px;padding:18px;display:grid}.people-search__query{gap:7px;display:grid}.people-search label{font-weight:700}.people-search input{border:1px solid var(--circla-border);border-radius:var(--circla-radius-md);min-height:42px;color:var(--circla-text);background:var(--circla-bg);font:inherit;padding:8px 11px}.search-result-list,.request-list{border:1px solid var(--circla-border);border-radius:var(--circla-radius-md);display:grid;overflow:hidden}.search-result,.request-row{justify-content:space-between;align-items:center;gap:14px;padding:12px;display:flex}.search-result+.search-result,.request-row+.request-row{border-top:1px solid var(--circla-border)}.search-result__identity{align-items:center;gap:12px;display:flex}.search-result__identity>div:last-child,.request-row>div:first-child{gap:3px;display:grid}.search-result__identity span,.request-row span{color:var(--circla-text-muted);font-size:.85rem}.request-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.request-row__actions{gap:8px;display:flex}.settings-section-heading{gap:5px;display:grid}.settings-social-row{justify-content:space-between;align-items:center;gap:18px;padding:14px 0;display:flex}.settings-social-row>div{gap:4px;display:grid}.settings-social-row span{color:var(--circla-text-muted);font-size:.88rem}@media (width<=800px){.people-search,.request-grid{grid-template-columns:1fr}.people-search .social-button{width:100%}}@media (width<=560px){.search-result,.request-row{flex-direction:column;align-items:stretch}.request-row__actions{grid-template-columns:1fr 1fr;display:grid}.search-result>.social-button,.request-row>.social-button{width:100%}}.notification-nav-badge{min-width:22px;height:22px;color:var(--circla-text-on-primary);background:var(--circla-error);border-radius:999px;place-items:center;margin-left:auto;padding:0 6px;font-size:.72rem;font-weight:800;line-height:1;display:inline-grid}.notification-mobile-link{position:relative}.notification-mobile-badge{border:2px solid var(--circla-bg);min-width:18px;height:18px;color:var(--circla-text-on-primary);background:var(--circla-error);border-radius:999px;place-items:center;padding:0 4px;font-size:.64rem;font-weight:800;line-height:1;display:grid;position:absolute;top:-5px;right:-7px}.notification-list{border:1px solid var(--circla-border);border-radius:var(--circla-radius-lg);background:var(--circla-bg-card);display:grid;overflow:hidden}.notification-card{background:var(--circla-bg-card);gap:14px;padding:18px;display:flex}.notification-card+.notification-card{border-top:1px solid var(--circla-border)}.notification-card--unread{background:var(--circla-primary-soft)}.notification-avatar{width:46px;height:46px;color:var(--circla-text-on-primary);background:var(--circla-primary);border-radius:50%;flex:none;place-items:center;font-weight:800;display:grid;overflow:hidden}.notification-avatar img{object-fit:cover;width:100%;height:100%}.notification-card__content{flex:1;gap:8px;min-width:0;display:grid}.notification-card__content p{color:var(--circla-text);margin:0}.notification-card__meta{color:var(--circla-text-muted);flex-wrap:wrap;gap:8px 14px;font-size:.82rem;display:flex}.notification-unread-label{color:var(--circla-primary);font-weight:750}.notification-card__actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.notification-action-link,.notification-read-button{color:var(--circla-primary);font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:.88rem;font-weight:700;text-decoration:none}.notification-action-link:hover,.notification-read-button:hover:not(:disabled){text-decoration:underline}.notification-read-button:disabled{cursor:not-allowed;opacity:var(--circla-disabled-opacity)}.notification-load-more{justify-self:center}@media (width<=560px){.notification-card{padding:15px}.notification-avatar{width:40px;height:40px}}.circle-overview-section{gap:16px;display:grid}.circle-overview-section__heading h2{color:var(--circla-text);margin:0}.circle-overview-section__heading p{color:var(--circla-text-muted);margin:6px 0 0}.circle-card--membership{cursor:default}.circle-card--membership>div:nth-child(2){gap:4px;display:grid}.circle-avatar{border:1px solid var(--circla-border);width:52px;height:52px;color:var(--circla-text-on-primary);background:var(--circla-primary);border-radius:16px;flex:0 0 52px;place-items:center;font-size:1.1rem;font-weight:800;display:grid;overflow:hidden}.circle-avatar img{object-fit:cover;width:100%;height:100%}.circle-avatar-manager__body{align-items:flex-start;gap:20px;display:flex}.circle-avatar-manager .circle-avatar{border-radius:24px;flex-basis:96px;width:96px;height:96px;font-size:2rem}.circle-avatar-manager__controls{flex:1;gap:10px;display:grid}.circle-avatar-file{color:var(--circla-text);gap:8px;font-weight:700;display:grid}.circle-avatar-file input{max-width:100%}.circle-avatar-selected{overflow-wrap:anywhere;color:var(--circla-text-muted);font-size:.88rem}.circle-avatar-preview{border:1px solid var(--circla-border);background:var(--circla-bg);border-radius:20px;width:128px;height:128px;overflow:hidden}.circle-avatar-preview img{object-fit:cover;width:100%;height:100%}.circle-avatar-manager__actions{flex-wrap:wrap;gap:10px;display:flex}@media (width<=560px){.circle-avatar-manager__body{display:grid}}.connection-invite-manager{gap:20px;display:grid}.connection-invite-manager__heading h2,.connection-invite-history h3{margin-bottom:6px}.connection-invite-create{flex-wrap:wrap;align-items:end;gap:12px;display:flex}.connection-invite-create label{gap:7px;min-width:160px;font-weight:700;display:grid}.connection-invite-create select{min-height:42px}.connection-invite-generated{border:1px solid var(--circla-border);border-radius:18px;align-items:flex-start;gap:20px;padding:18px;display:flex}.connection-invite-qr{background:#fff;border-radius:14px;padding:12px}.connection-invite-generated__content{flex:1;gap:10px;min-width:0;display:grid}.connection-invite-generated__content code{overflow-wrap:anywhere;border:1px solid var(--circla-border);border-radius:10px;padding:10px 12px}.connection-invite-history{gap:12px;display:grid}.connection-invite-history__list{gap:10px;display:grid}.connection-invite-history__item{border:1px solid var(--circla-border);border-radius:14px;gap:10px;padding:14px;display:grid}.connection-invite-history__item>div:first-child{justify-content:space-between;gap:12px;display:flex}.connection-invite-history__meta{color:var(--circla-text-muted);gap:4px;font-size:.9rem;display:grid}@media (width<=640px){.connection-invite-generated{display:grid}}.post-composer__media{margin-top:14px}.post-composer__media-toolbar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.post-composer__media-toolbar>span{color:var(--circla-text-muted);font-size:.72rem}.post-composer__media-input{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.post-composer__media-button{border:1px solid var(--circla-border);background:var(--circla-bg);min-height:38px;color:var(--circla-text);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;padding:7px 12px;font-size:.78rem;font-weight:700;display:inline-flex}.post-composer__media-button:hover{border-color:var(--circla-primary)}.post-composer__media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px;display:grid}.post-composer__media-item{border:1px solid var(--circla-border);background:var(--circla-bg);border-radius:12px;overflow:hidden}.post-composer__media-item>img{aspect-ratio:16/10;object-fit:cover;width:100%;display:block}.post-composer__media-controls{gap:7px;padding:10px;display:grid}.post-composer__media-controls label{color:var(--circla-text-muted);font-size:.72rem;font-weight:650}.post-composer__media-controls input{border:1px solid var(--circla-border);background:var(--circla-bg-card);width:100%;min-height:38px;color:var(--circla-text);font:inherit;border-radius:8px;padding:8px 10px}.post-composer__media-controls button{color:var(--circla-error);font:inherit;cursor:pointer;background:0 0;border:0;justify-self:start;padding:5px 0;font-size:.74rem;font-weight:700}.feed-post__media{border-radius:14px;gap:4px;margin-top:12px;display:grid;overflow:hidden}.feed-post__media--1{grid-template-columns:1fr}.feed-post__media--2,.feed-post__media--3,.feed-post__media--4{grid-template-columns:repeat(2,minmax(0,1fr))}.feed-post__media-image,.feed-post__media-placeholder{aspect-ratio:4/3;object-fit:cover;background:var(--circla-bg);width:100%;min-height:160px;display:block}.feed-post__media--1 .feed-post__media-image,.feed-post__media--1 .feed-post__media-placeholder{aspect-ratio:auto;max-height:520px}@media (width<=600px){.post-composer__media-grid{grid-template-columns:1fr}.feed-post__media-image,.feed-post__media-placeholder{min-height:120px}}.social-shell,.social-main,.social-main__inner,.feed-page,.feed-post,.post-composer,.feed-post__body,.feed-post__author,.social-user__details{min-width:0}.feed-post__author strong,.feed-post__handle,.social-user__details strong,.social-user__details span{overflow-wrap:anywhere}.feed-post__content{overflow-wrap:anywhere;word-break:break-word}@media (width<=820px){.social-mobile-header{padding-top:calc(10px + env(safe-area-inset-top));padding-right:max(12px, calc(12px + env(safe-area-inset-right)));padding-bottom:10px;padding-left:max(12px, calc(12px + env(safe-area-inset-left)))}.social-main{padding-top:16px;padding-right:max(16px, calc(16px + env(safe-area-inset-right)));padding-bottom:calc(92px + env(safe-area-inset-bottom));padding-left:max(16px, calc(16px + env(safe-area-inset-left)))}.social-bottom-navigation{padding-top:7px;padding-right:max(6px, env(safe-area-inset-right));padding-bottom:calc(7px + env(safe-area-inset-bottom));padding-left:max(6px, env(safe-area-inset-left))}.social-bottom-navigation__item{touch-action:manipulation;min-width:44px;min-height:48px}.social-mobile-settings,.social-mobile-profile{touch-action:manipulation;justify-content:center;align-items:center;min-width:44px;min-height:44px;display:inline-flex}.social-mobile-actions{flex:none;align-items:center;gap:4px;display:flex}.social-mobile-brand{min-width:0}.social-mobile-brand span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.social-button,.post-composer__submit,.post-composer__media-button,.feed-state__button,.feed-load-more{touch-action:manipulation;min-height:44px}input,select,textarea,button{max-width:100%}}@media (width<=600px){.feed-page__header{gap:12px}.feed-post{min-width:0}.post-composer__header{gap:10px}.post-composer__visibility{text-overflow:ellipsis;white-space:nowrap;max-width:45%;overflow:hidden}.post-composer__media-toolbar{align-items:stretch}.post-composer__media-button,.post-composer__media-toolbar>span{width:100%}.feed-post__media{max-width:100%}}@media (width<=420px){.social-main{padding-right:max(12px, calc(12px + env(safe-area-inset-right)));padding-left:max(12px, calc(12px + env(safe-area-inset-left)))}.social-bottom-navigation__item{gap:2px;padding-left:1px;padding-right:1px}.social-bottom-navigation__item span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.feed-post__media--2,.feed-post__media--3,.feed-post__media--4{gap:3px}}.cirqela-social-logo--dark{display:none}:root[data-theme=light] .cirqela-social-logo--light{display:block}:root[data-theme=light] .cirqela-social-logo--dark,:root[data-theme=dark] .cirqela-social-logo--light{display:none}:root[data-theme=dark] .cirqela-social-logo--dark{display:block}@media (width<=760px){.messages-layout{grid-template-columns:1fr;min-height:0}.messages-conversation{min-height:32rem}.messages-composer__row{grid-template-columns:1fr}.messages-composer__row .social-button{width:100%}}@media (prefers-reduced-motion:reduce){.messages-room,.messages-start{scroll-behavior:auto}}@media (width<=760px){.messages-layout{grid-template-columns:1fr;min-height:0}.messages-conversation{min-height:32rem}.messages-composer__row{grid-template-columns:1fr}.messages-composer__row .social-button{width:100%}}@media (prefers-reduced-motion:reduce){.messages-room,.messages-start{scroll-behavior:auto}}.messages-page{min-width:0}.messages-security-note{border:1px solid color-mix(in srgb, currentColor 18%, transparent);opacity:.82;border-radius:.9rem;margin-bottom:1rem;padding:.8rem 1rem;font-size:.9rem}.messages-layout{grid-template-columns:minmax(15rem,19rem) minmax(0,1fr);gap:1rem;min-height:min(42rem,72vh);display:grid}.messages-sidebar,.messages-conversation{border:1px solid color-mix(in srgb, currentColor 14%, transparent);background:color-mix(in srgb, currentColor 3%, transparent);border-radius:1rem;min-width:0}.messages-sidebar{overflow:hidden}.messages-sidebar__section{padding:1rem}.messages-sidebar__section+.messages-sidebar__section{border-top:1px solid color-mix(in srgb, currentColor 12%, transparent)}.messages-sidebar__section h2{margin:0 0 .75rem;font-size:.95rem}.messages-room-list,.messages-start-list{gap:.4rem;display:grid}.messages-room,.messages-start{width:100%;min-height:3rem;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:.8rem}.messages-room{align-items:center;gap:.7rem;padding:.65rem;display:flex}.messages-room:hover,.messages-room--active,.messages-start:hover{background:color-mix(in srgb, currentColor 8%, transparent)}.messages-room:focus-visible,.messages-start:focus-visible{outline-offset:2px;outline:2px solid}.messages-avatar{background:color-mix(in srgb, currentColor 10%, transparent);border-radius:50%;flex:0 0 2.35rem;place-items:center;width:2.35rem;height:2.35rem;font-weight:700;display:grid}.messages-room__identity{gap:.15rem;min-width:0;display:grid}.messages-room__identity strong,.messages-room__identity span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.messages-room__identity span{opacity:.68;font-size:.78rem}.messages-start{justify-content:space-between;align-items:center;gap:.75rem;padding:.65rem .75rem;display:flex}.messages-start>span:last-child{opacity:.72;font-size:.8rem}.messages-conversation{flex-direction:column;min-height:28rem;display:flex;overflow:hidden}.messages-conversation__header{border-bottom:1px solid color-mix(in srgb, currentColor 12%, transparent);justify-content:space-between;align-items:center;gap:1rem;padding:1rem;display:flex}.messages-conversation__header h2{margin:0 0 .2rem;font-size:1.05rem}.messages-conversation__header a{font-size:.85rem}.messages-history{flex-direction:column;flex:1;gap:.65rem;padding:1rem;display:flex;overflow-y:auto}.messages-empty{text-align:center;place-content:center;min-height:12rem;padding:1.5rem;display:grid}.messages-empty h2,.messages-empty p{margin:0}.messages-empty p{opacity:.7;margin-top:.45rem}.message-bubble{border:1px solid color-mix(in srgb, currentColor 13%, transparent);background:color-mix(in srgb, currentColor 4%, transparent);border-radius:.95rem .95rem .95rem .25rem;align-self:flex-start;width:fit-content;max-width:min(36rem,88%);padding:.7rem .85rem}.message-bubble--mine{background:color-mix(in srgb, currentColor 9%, transparent);border-radius:.95rem .95rem .25rem;align-self:flex-end}.message-bubble__meta{opacity:.68;flex-wrap:wrap;justify-content:space-between;gap:.45rem;margin-bottom:.3rem;font-size:.72rem;display:flex}.message-bubble p{overflow-wrap:anywhere;white-space:pre-wrap;margin:0}.messages-composer{border-top:1px solid color-mix(in srgb, currentColor 12%, transparent);padding:1rem}.messages-composer>label{margin-bottom:.4rem;font-size:.85rem;font-weight:600;display:block}.messages-composer__row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.65rem;display:grid}.messages-composer textarea{resize:vertical;width:100%;min-height:3rem;max-height:10rem}@media (width<=760px){.messages-layout{grid-template-columns:1fr;min-height:0}.messages-conversation{min-height:32rem}.messages-composer__row{grid-template-columns:1fr}.messages-composer__row .social-button{width:100%}}@media (prefers-reduced-motion:reduce){.messages-room,.messages-start{scroll-behavior:auto}}.messages-room__identity{flex:1}.messages-room__unread{background:color-mix(in srgb, currentColor 14%, transparent);border-radius:999px;flex:none;place-items:center;min-width:1.5rem;height:1.5rem;padding:0 .35rem;font-size:.75rem;font-weight:800;line-height:1;display:grid}.messages-conversation{flex-direction:column;height:min(72dvh,760px);min-height:0;display:flex;overflow:hidden}.messages-conversation__header{flex:none}.messages-history{overscroll-behavior:contain;flex:auto;min-height:0;overflow-y:auto}.messages-composer{z-index:2;background:var(--color-surface,inherit);flex:none;margin-top:0;position:relative}.messages-composer textarea{resize:vertical;max-height:10rem}@media (width<=760px){.messages-conversation{height:70dvh;min-height:28rem}}.auth-header{flex-direction:column;align-items:flex-start;gap:1.35rem;margin-bottom:2rem;display:flex}.auth-header__brand{align-items:center;width:100%;min-width:0;display:flex}.auth-header__brand .app-brand{align-items:center;gap:.72rem;width:auto;max-width:100%;display:inline-flex}.auth-header__brand .app-brand__icon{object-fit:contain;flex:0 0 48px;width:48px;height:48px}.auth-header__brand .app-brand__wordmark{white-space:nowrap;align-items:baseline;gap:.34rem;min-width:0;font-family:Nunito Sans,system-ui,sans-serif;display:inline-flex}.auth-header__brand .app-brand__name{color:var(--circla-text);letter-spacing:-.045em;font-size:1.5rem;font-weight:800;line-height:1}.auth-header__brand .app-brand__product{color:var(--circla-text);font-size:1.23rem;font-weight:600;line-height:1}.auth-header__text{text-align:left;width:100%;min-width:0}.auth-header__text h1{color:var(--circla-text);margin:0 0 .35rem;font-size:1.8rem;line-height:1.2}.auth-header__text p{color:var(--circla-text-muted);margin:0;font-size:.95rem}@media (width<=600px){.auth-header{gap:1.15rem}.auth-header__brand .app-brand__icon{flex-basis:44px;width:44px;height:44px}.auth-header__brand .app-brand__name{font-size:1.36rem}.auth-header__brand .app-brand__product{font-size:1.12rem}.auth-header__text h1{font-size:1.55rem}}.auth-brand-top{text-align:center;justify-content:center;align-items:center;width:100%;margin:0 auto 1.15rem;display:flex}.auth-brand-top .app-brand{align-items:center;gap:.72rem;display:inline-flex}.auth-brand-top .app-brand__icon{object-fit:contain;flex:0 0 50px;width:50px;height:50px}.auth-brand-top .app-brand__wordmark{white-space:nowrap;align-items:baseline;gap:.34rem;font-family:Nunito Sans,system-ui,sans-serif;display:inline-flex}.auth-brand-top .app-brand__name{color:var(--circla-text);letter-spacing:-.045em;font-size:1.55rem;font-weight:800;line-height:1}.auth-brand-top .app-brand__product{color:var(--circla-text);font-size:1.27rem;font-weight:600;line-height:1}.auth-header{margin-bottom:2rem;display:block}.auth-header__brand{display:none}@media (width<=600px){.auth-brand-top{margin-bottom:1rem}.auth-brand-top .app-brand__icon{flex-basis:44px;width:44px;height:44px}.auth-brand-top .app-brand__name{font-size:1.38rem}.auth-brand-top .app-brand__product{font-size:1.12rem}}@font-face{font-family:Inter;src:url(/fonts/inter-latin-wght-normal.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap}@font-face{font-family:Nunito Sans;src:url(/fonts/nunito-sans-latin-wght-normal.woff2)format("woff2");font-style:normal;font-weight:100 900;font-display:swap}.design-switcher{z-index:50;border:1px solid var(--circla-border);background:var(--circla-bg-card);box-shadow:0 8px 28px var(--circla-shadow-soft);border-radius:12px;gap:3px;padding:4px;display:inline-flex;position:fixed;bottom:62px;right:18px}.design-switcher__button{min-height:34px;color:var(--circla-text-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:6px 10px;font-size:.72rem;font-weight:700}.design-switcher__button:hover{background:var(--circla-hover);color:var(--circla-text)}.design-switcher__button--active{background:var(--circla-primary-soft);color:var(--circla-primary)}:root[data-design=cirqela][data-theme=light]{--circla-bg:#f7f9fc;--circla-bg-card:#fff;--circla-bg-subtle:#eef3fb;--circla-text:#0e2346;--circla-text-muted:#617089;--circla-border:#0e23461a;--circla-primary:#176eff;--circla-primary-hover:#1746e8;--circla-primary-soft:#176eff1a;--circla-text-on-primary:#fff;--circla-hover:#176eff12;--circla-focus-ring:#176eff33;--circla-shadow-soft:#162d521a}:root[data-design=cirqela][data-theme=dark]{--circla-bg:#081426;--circla-bg-card:#0e1b30;--circla-bg-subtle:#13233b;--circla-text:#f7faff;--circla-text-muted:#b5c1d2;--circla-border:#ffffff1a;--circla-primary:#6b8fff;--circla-primary-hover:#86a3ff;--circla-primary-soft:#6b8fff21;--circla-text-on-primary:#fff;--circla-hover:#ffffff0f;--circla-focus-ring:#6b8fff40;--circla-shadow-soft:#00000047}:root[data-design=cirqela] body{background:radial-gradient(circle at 8% 4%, #55ccf81a, transparent 28%), radial-gradient(circle at 94% 8%, #8a63f71c, transparent 30%), var(--circla-bg);color:var(--circla-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-design=cirqela] .cirqela-brand-name,:root[data-design=cirqela] .cirqela-brand__name{font-family:Nunito Sans,sans-serif;font-weight:800}:root[data-design=cirqela] .cirqela-brand-product,:root[data-design=cirqela] .cirqela-brand__product{font-family:Nunito Sans,sans-serif;font-weight:600}:root[data-design=cirqela] .auth-card,:root[data-design=cirqela] .dashboard-card,:root[data-design=cirqela] .feed-post,:root[data-design=cirqela] .post-composer,:root[data-design=cirqela] .settings-card,:root[data-design=cirqela] .profile-card,:root[data-design=cirqela] .connections-card,:root[data-design=cirqela] .circle-card,:root[data-design=cirqela] .notification-card{border-color:var(--circla-border);background:var(--circla-bg-card);box-shadow:0 12px 38px var(--circla-shadow-soft);border-radius:22px}:root[data-design=cirqela] .auth-button,:root[data-design=cirqela] .post-composer__submit{color:#fff;background:linear-gradient(135deg,#176eff 0%,#4287ff 44%,#8a63f7 100%);border:0;box-shadow:0 12px 28px #415ceb3d}:root[data-design=cirqela] .social-navigation__item--active{color:var(--circla-primary);background:linear-gradient(135deg,#176eff1a,#8a63f717)}:root[data-design=cirqela] .theme-switcher__button--active,:root[data-design=cirqela] .design-switcher__button--active{color:#fff;background:linear-gradient(135deg,#176eff,#8a63f7)}@media (width<=820px){.design-switcher{right:12px;bottom:calc(126px + env(safe-area-inset-bottom))}}@media (width<=420px){.design-switcher__button{min-height:32px;padding:5px 8px;font-size:.68rem}}:root[data-design=cirqela][data-theme=light]{--circla-bg:#f7f9fc;--circla-bg-card:#fff;--circla-bg-soft:#eef3fb;--circla-nav-bg:#ffffffd1;--circla-text:#0e2346;--circla-text-muted:#617089;--circla-border:#0e23461a;--circla-accent:#176eff;--circla-primary:#176eff;--circla-primary-hover:#1746e8;--circla-primary-soft:#176eff1a;--circla-hover:#176eff11;--circla-focus-ring:#176eff33;--circla-text-on-primary:#fff;--circla-success:#238b69;--circla-shadow:#162d5224;--circla-shadow-soft:#162d5214;--circla-radius-lg:24px}:root[data-design=cirqela][data-theme=dark]{--circla-bg:#081426;--circla-bg-card:#0e1b30;--circla-bg-soft:#13233b;--circla-nav-bg:#0b192de0;--circla-text:#f7faff;--circla-text-muted:#b5c1d2;--circla-border:#ffffff17;--circla-accent:#7596ff;--circla-primary:#7596ff;--circla-primary-hover:#91aaff;--circla-primary-soft:#7596ff21;--circla-hover:#ffffff0e;--circla-focus-ring:#7596ff40;--circla-text-on-primary:#fff;--circla-success:#55c99a;--circla-shadow:#0000005c;--circla-shadow-soft:#0000003d;--circla-radius-lg:24px}:root[data-design=cirqela] body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-design=cirqela] .app-brand{align-items:center;gap:11px;min-width:0;display:inline-flex}:root[data-design=cirqela] .app-brand__icon{object-fit:contain;border-radius:0;flex:none;width:48px;height:48px}:root[data-design=cirqela] .app-brand__wordmark{white-space:nowrap;align-items:baseline;gap:6px;min-width:0;line-height:1;display:inline-flex}:root[data-design=cirqela] .app-brand__name{letter-spacing:-.035em;font-family:Nunito Sans,sans-serif;font-size:1.42rem;font-weight:800}:root[data-design=cirqela] .app-brand__product{letter-spacing:-.025em;font-family:Nunito Sans,sans-serif;font-size:1.14rem;font-weight:600}:root[data-design=circla] .app-brand{align-items:center;gap:12px;display:inline-flex}:root[data-design=circla] .app-brand__icon{object-fit:cover;border-radius:12px;width:42px;height:42px}:root[data-design=circla] .app-brand__wordmark{align-items:center;display:inline-flex}:root[data-design=circla] .app-brand__name{color:var(--circla-text);letter-spacing:-.03em;font-size:1.35rem;font-weight:800}:root[data-design=cirqela] .social-shell{background:radial-gradient(900px 600px at 2% -12%, #55ccf81a, transparent 62%), radial-gradient(900px 650px at 98% 4%, #8a63f71c, transparent 58%), var(--circla-bg);grid-template-columns:286px minmax(0,1fr)}:root[data-design=cirqela] .social-sidebar{background:var(--circla-nav-bg);border-right:1px solid var(--circla-border);-webkit-backdrop-filter:blur(24px)saturate(135%);padding:26px 20px 20px}:root[data-design=cirqela] .social-brand{border-bottom:1px solid var(--circla-border);min-height:64px;color:var(--circla-text);align-items:center;margin:0 0 25px;padding:3px 8px 15px;display:flex}:root[data-design=cirqela] .social-brand img{object-fit:contain;border-radius:0;width:48px;height:48px}:root[data-design=cirqela] .social-navigation{gap:7px}:root[data-design=cirqela] .social-navigation__item{min-height:52px;color:var(--circla-text-muted);letter-spacing:-.01em;border:1px solid #0000;border-radius:16px;gap:14px;padding:0 15px;font-size:.94rem;font-weight:650}:root[data-design=cirqela] .social-navigation__item svg{stroke-width:1.8px;width:21px;height:21px}:root[data-design=cirqela] .social-navigation__item:hover{color:var(--circla-text);background:var(--circla-hover);border-color:var(--circla-border);transform:translate(2px)}:root[data-design=cirqela] .social-navigation__item--active{color:#fff;background:linear-gradient(135deg,#176eff 0%,#4b82ff 48%,#8a63f7 100%);border-color:#0000;box-shadow:0 10px 24px #465beb3d}:root[data-design=cirqela] .social-navigation__item--active svg{color:#fff}:root[data-design=cirqela] .social-sidebar__footer{border-top:1px solid var(--circla-border);margin-top:auto;padding-top:16px}:root[data-design=cirqela] .social-settings-link,:root[data-design=cirqela] .social-logout{border-radius:14px}:root[data-design=cirqela] .social-user{border:1px solid var(--circla-border);background:color-mix(in srgb, var(--circla-bg-card) 68%, transparent);border-radius:16px;margin:9px 0;padding:10px}:root[data-design=cirqela] .social-user__avatar,:root[data-design=cirqela] .social-mobile-profile{background:linear-gradient(135deg,#176eff,#8a63f7);border:0;box-shadow:0 7px 18px #485ceb3b}:root[data-design=cirqela] .social-main{padding:42px 38px}:root[data-design=cirqela] .social-main__inner{max-width:1120px}:root[data-design=cirqela] .auth-card,:root[data-design=cirqela] .dashboard-card,:root[data-design=cirqela] .social-placeholder,:root[data-design=cirqela] .post-composer,:root[data-design=cirqela] .feed-post{border:1px solid var(--circla-border);background:var(--circla-bg-card);box-shadow:0 16px 48px var(--circla-shadow-soft);border-radius:26px}:root[data-design=cirqela] .dashboard-profile{background:linear-gradient(135deg, var(--circla-bg-soft), color-mix(in srgb, var(--circla-bg-card) 82%, transparent));border-radius:20px;padding:20px}:root[data-design=cirqela] .dashboard-status-card{background:var(--circla-bg-card);box-shadow:0 8px 24px var(--circla-shadow-soft);border-radius:18px;padding:18px}:root[data-design=cirqela] .dashboard-coming-card{border:1px solid var(--circla-border);background:linear-gradient(135deg,#176eff0e,#8a63f70e);border-radius:18px;padding:18px}:root[data-design=cirqela] .dashboard-label,:root[data-design=cirqela] .social-placeholder__eyebrow{color:var(--circla-primary)!important}:root[data-design=cirqela] .auth-button,:root[data-design=cirqela] .post-composer__submit{color:#fff;background:linear-gradient(135deg,#176eff 0%,#4984ff 46%,#8a63f7 100%);border:0;border-radius:999px;box-shadow:0 12px 28px #445cec40}:root[data-design=cirqela] input,:root[data-design=cirqela] textarea,:root[data-design=cirqela] select{border-radius:14px}:root[data-design=cirqela] .theme-switcher,:root[data-design=cirqela] .design-switcher{background:color-mix(in srgb, var(--circla-bg-card) 90%, transparent);-webkit-backdrop-filter:blur(18px);border-radius:999px}:root[data-design=cirqela] .theme-switcher__button,:root[data-design=cirqela] .design-switcher__button{border-radius:999px}@media (width<=820px){:root[data-design=cirqela] .social-mobile-header{min-height:72px;padding:calc(10px + env(safe-area-inset-top)) 16px 10px;background:var(--circla-nav-bg);border-bottom:1px solid var(--circla-border);-webkit-backdrop-filter:blur(22px)saturate(135%)}:root[data-design=cirqela] .social-mobile-brand{min-width:0}:root[data-design=cirqela] .social-mobile-brand .app-brand__icon{width:39px;height:39px}:root[data-design=cirqela] .social-mobile-brand .app-brand__name{font-size:1.12rem}:root[data-design=cirqela] .social-mobile-brand .app-brand__product{font-size:.95rem}:root[data-design=cirqela] .social-main{padding:22px 14px calc(92px + env(safe-area-inset-bottom))}:root[data-design=cirqela] .social-bottom-navigation{background:var(--circla-nav-bg);border-top:1px solid var(--circla-border);-webkit-backdrop-filter:blur(22px)}:root[data-design=cirqela] .social-bottom-navigation__item--active{color:var(--circla-primary)}}:root[data-design=cirqela] .feed-page{max-width:980px}:root[data-design=cirqela] .feed-page__header{border-bottom:0;align-items:center;margin-bottom:24px;padding:2px 4px 22px}:root[data-design=cirqela] .feed-page__eyebrow{color:var(--circla-primary);letter-spacing:.14em;margin-bottom:8px;font-size:.72rem;font-weight:800}:root[data-design=cirqela] .feed-page__header h1{letter-spacing:-.045em;font-family:Nunito Sans,sans-serif;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.05}:root[data-design=cirqela] .feed-page__header p{margin-top:9px;font-size:.96rem;line-height:1.6}:root[data-design=cirqela] .feed-page__badge{color:#fff;background:linear-gradient(135deg,#176eff,#8a63f7);border:0;border-radius:999px;margin-top:0;padding:7px 13px;box-shadow:0 9px 22px #415bec33}:root[data-design=cirqela] .post-composer{box-shadow:0 14px 42px var(--circla-shadow-soft);border-radius:24px;margin-bottom:36px;padding:22px}:root[data-design=cirqela] .post-composer__textarea{background:var(--circla-bg-soft);border-radius:16px;min-height:116px;padding:15px 16px}:root[data-design=cirqela] .post-composer__visibility{background:var(--circla-primary-soft);border:1px solid #176eff2e;color:var(--circla-primary)!important}:root[data-design=cirqela] .cirqela-timeline{margin-top:6px;position:relative}:root[data-design=cirqela] .cirqela-timeline__year{margin:0 0 42px;position:relative}:root[data-design=cirqela] .cirqela-timeline__year-label{z-index:5;border:1px solid var(--circla-border);width:max-content;color:var(--circla-text);background:color-mix(in srgb, var(--circla-bg-card) 92%, transparent);box-shadow:0 8px 28px var(--circla-shadow-soft);-webkit-backdrop-filter:blur(16px);letter-spacing:-.025em;border-radius:999px;margin-bottom:22px;padding:8px 14px;font-family:Nunito Sans,sans-serif;font-size:1.05rem;font-weight:800;position:sticky;top:18px}:root[data-design=cirqela] .cirqela-timeline__month{margin-bottom:34px;position:relative}:root[data-design=cirqela] .cirqela-timeline__month-label{color:var(--circla-primary);letter-spacing:.12em;text-transform:uppercase;margin:0 0 15px 132px;font-size:.78rem;font-weight:800}:root[data-design=cirqela] .cirqela-timeline__day{grid-template-columns:88px 28px minmax(0,1fr);column-gap:14px;padding-bottom:28px;display:grid;position:relative}:root[data-design=cirqela] .cirqela-timeline__date{color:var(--circla-text-muted);text-align:right;text-transform:capitalize;padding-top:9px;font-size:.76rem;font-weight:700;line-height:1.3}:root[data-design=cirqela] .cirqela-timeline__date span{max-width:84px;display:inline-block}:root[data-design=cirqela] .cirqela-timeline__rail{min-height:100%;position:relative}:root[data-design=cirqela] .cirqela-timeline__rail:before{content:"";background:linear-gradient(#176eff33,#8a63f752);border-radius:999px;width:2px;position:absolute;top:-20px;bottom:-30px;left:50%;transform:translate(-50%)}:root[data-design=cirqela] .cirqela-timeline__rail>span{z-index:2;border:3px solid var(--circla-bg);background:linear-gradient(135deg,#176eff,#8a63f7);border-radius:50%;width:13px;height:13px;position:absolute;top:12px;left:50%;transform:translate(-50%);box-shadow:0 0 0 4px #4565f01a,0 5px 14px #415bec3b}:root[data-design=cirqela] .cirqela-timeline__posts{flex-direction:column;gap:14px;min-width:0;display:flex}:root[data-design=cirqela] .cirqela-timeline .feed-post{box-shadow:0 14px 42px var(--circla-shadow-soft);border-radius:24px;padding:20px;transition:transform .18s,box-shadow .18s,border-color .18s}:root[data-design=cirqela] .cirqela-timeline .feed-post:hover{border-color:color-mix(in srgb, var(--circla-primary) 24%, var(--circla-border));box-shadow:0 20px 54px var(--circla-shadow-soft);transform:translateY(-2px)}:root[data-design=cirqela] .cirqela-timeline .feed-post__avatar{background:linear-gradient(135deg,#176eff,#8a63f7);border:0;box-shadow:0 8px 20px #455bec33}:root[data-design=cirqela] .cirqela-timeline .feed-post__date{background:var(--circla-bg-soft);font-variant-numeric:tabular-nums;border-radius:999px;padding:4px 8px}:root[data-design=cirqela] .feed-load-more{background:var(--circla-bg-card);min-height:44px;box-shadow:0 8px 24px var(--circla-shadow-soft);border-radius:999px;padding:10px 18px}@media (width<=700px){:root[data-design=cirqela] .feed-page__header{align-items:flex-start;gap:12px}:root[data-design=cirqela] .feed-page__header h1{font-size:2rem}:root[data-design=cirqela] .post-composer{border-radius:20px;margin-bottom:28px;padding:17px}:root[data-design=cirqela] .cirqela-timeline__year-label{margin-left:0;position:static}:root[data-design=cirqela] .cirqela-timeline__month-label{margin-left:84px}:root[data-design=cirqela] .cirqela-timeline__day{grid-template-columns:55px 18px minmax(0,1fr);column-gap:7px;padding-bottom:22px}:root[data-design=cirqela] .cirqela-timeline__date{padding-top:8px;font-size:.68rem}:root[data-design=cirqela] .cirqela-timeline__rail>span{border-width:2px;width:11px;height:11px;top:10px}:root[data-design=cirqela] .cirqela-timeline .feed-post{border-radius:19px;padding:15px}}@media (width<=480px){:root[data-design=cirqela] .feed-page__badge{display:none}:root[data-design=cirqela] .cirqela-timeline__month-label{margin-left:69px}:root[data-design=cirqela] .cirqela-timeline__day{grid-template-columns:43px 16px minmax(0,1fr);column-gap:5px}:root[data-design=cirqela] .cirqela-timeline__date{font-size:.62rem}:root[data-design=cirqela] .cirqela-timeline .feed-post{grid-template-columns:36px minmax(0,1fr);gap:9px;padding:13px}:root[data-design=cirqela] .cirqela-timeline .feed-post__avatar{width:36px;height:36px;font-size:.76rem}}:root[data-design=cirqela] .notification-nav-badge,:root[data-design=cirqela] .notification-mobile-badge{color:#fff;background:linear-gradient(135deg,#176eff 0%,#8a63f7 100%);border:0;border-radius:999px;place-items:center;min-width:20px;height:20px;padding:0 6px;font-size:.68rem;font-weight:800;line-height:1;transition:transform .18s,box-shadow .18s;display:inline-grid;box-shadow:0 5px 14px #415bec38}:root[data-design=cirqela] .social-navigation__item--active .notification-nav-badge{color:#fff;box-shadow:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff2e;border:1px solid #ffffff3d}:root[data-design=cirqela][data-theme=light] .social-navigation__item--active:hover svg{stroke:currentColor;opacity:1;opacity:1;opacity:1;opacity:1;opacity:1;color:#fff!important}:root[data-design=cirqela][data-theme=light] .social-navigation__item--active:hover{color:var(--circla-text);background:var(--circla-bg-soft);border-color:var(--circla-border);box-shadow:none}:root[data-design=cirqela][data-theme=light] .social-navigation__item--active:hover svg{stroke:currentColor;opacity:1;color:var(--circla-primary)!important}:root[data-design=cirqela][data-theme=light] .social-navigation__item--active:hover .notification-nav-badge{color:#fff;background:linear-gradient(135deg,#176eff,#8a63f7);border-color:#0000}:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--circla-bg:#f6f7fb;--circla-bg-card:#fff;--circla-bg-elevated:#eef0f6;--circla-bg-soft:#1718240e;--circla-text:#171824;--circla-text-secondary:#45485c;--circla-text-muted:#696d82;--circla-text-on-primary:#fff;--circla-border:#dde0e9;--circla-border-strong:#c9cdd9;--circla-primary:#6548e8;--circla-primary-hover:#5538d2;--circla-primary-soft:#6548e81c;--circla-accent:#087f70;--circla-accent-soft:#087f701a;--circla-success:#177a49;--circla-success-soft:#177a4917;--circla-warning:#9a6200;--circla-warning-soft:#9a620017;--circla-error:#c73750;--circla-error-soft:#c7375014;--circla-hover:#1718240e;--circla-focus-ring:#6548e833;--circla-nav-bg:#ffffffeb;--circla-shadow:#1f23301f;--circla-shadow-soft:#1f233014;--circla-disabled-opacity:.55;--circla-radius-sm:8px;--circla-radius-md:12px;--circla-radius-lg:18px;font-family:Segoe UI,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}:root[data-theme=dark]{--circla-bg:#0f0f1a;--circla-bg-card:#181828;--circla-bg-elevated:#16162e;--circla-bg-soft:#ffffff0b;--circla-text:#fff;--circla-text-secondary:#d3d3df;--circla-text-muted:#a4a4bc;--circla-text-on-primary:#fff;--circla-border:#2a2a45;--circla-border-strong:#3a3a59;--circla-primary:#6d4aff;--circla-primary-hover:#5a3dd9;--circla-primary-soft:#6d4aff29;--circla-accent:#32dfbd;--circla-accent-soft:#32dfbd1a;--circla-success:#3ddc84;--circla-success-soft:#3ddc8414;--circla-warning:#ffd38a;--circla-warning-soft:#ffbe5012;--circla-error:#ff9aa7;--circla-error-soft:#ff506414;--circla-hover:#ffffff0b;--circla-focus-ring:#6d4aff38;--circla-nav-bg:#0f0f1af0;--circla-shadow:#00000080;--circla-shadow-soft:#00000029}*{box-sizing:border-box}html{background:var(--circla-bg);min-width:320px;min-height:100%}body{background:var(--circla-bg);min-width:320px;min-height:100vh;color:var(--circla-text);margin:0;line-height:1.65;transition:background-color .16s,color .16s}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--circla-focus-ring);outline-offset:2px}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}#root{width:100%;min-height:100vh}@media (prefers-reduced-motion:reduce){body{transition:none}}