.empty-state{flex-direction:column;gap:12px;padding:48px 20px;text-align:center;color:var(--text-subtle);min-height:240px}.empty-state,.empty-state-icon{display:flex;align-items:center;justify-content:center}.empty-state-icon{width:56px;height:56px;border-radius:50%;background:var(--bg-card-strong);color:var(--text-muted);border:1px solid var(--border-soft)}.empty-state-title{font-size:16px;font-weight:700;color:var(--text-main);line-height:1.3;margin:0}.empty-state-desc{font-size:13px;font-weight:400;color:var(--text-subtle);line-height:1.5;max-width:320px;margin:0}.empty-state-action{margin-top:4px}.section-title{font-size:22px;font-weight:700;line-height:1.25;color:var(--text-main);margin:0 0 16px}.section-subtitle{font-size:13px;font-weight:500;color:var(--text-subtle);line-height:1.4;margin:-8px 0 16px}.app-container [role=button]:focus-visible,.app-container a:focus-visible,.app-container button:focus-visible,.app-container input:focus-visible,.app-container select:focus-visible,.app-container textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:6px}@keyframes beader-skel-pulse{0%,to{opacity:1}50%{opacity:.55}}.skel{background:var(--border-soft);border-radius:4px;animation:beader-skel-pulse 1.5s ease-in-out infinite}.skel-rounded{border-radius:50%}.skel-block{background:var(--bg-card-strong);border-radius:12px;padding:16px;margin-bottom:12px;animation:beader-skel-pulse 1.5s ease-in-out infinite;border:1px solid var(--border-soft)}@media (hover:hover) and (pointer:fine){.explore-tab:hover,.profile-tab:hover{filter:brightness(1.1)}.fab-button-messages:hover,.fab-button:hover{transform:translateY(-2px)}.bead-card:hover{background-color:var(--bg-card-strong);transition:background-color .18s ease}}.explore-tab:active,.profile-tab:active{transform:scale(.98)}.fab-button-messages:active,.fab-button:active{transform:translateY(0) scale(.96)}.bead-actions .action-button:active{transform:scale(.9)}.settings-button:active{transform:scale(.995)}.profile-back-btn:active,.profile-settings-btn:active{transform:scale(.95)}@media (prefers-reduced-motion:reduce){.skel,.skel-block{animation:none!important}.bead-actions .action-button:active,.explore-tab:active,.fab-button-messages:active,.fab-button:active,.profile-back-btn:active,.profile-settings-btn:active,.profile-tab:active,.settings-button:active{transform:none!important}}.page-section{padding:16px 20px;box-sizing:border-box}.page-section+.page-section{padding-top:8px}@media (max-width:768px){.page-section{padding:12px 14px}}.card-actions-row{display:flex;align-items:center;gap:10px;padding:8px 12px;box-sizing:border-box}@media (max-width:768px){.card-actions-row{padding:6px 10px;gap:8px}}.account-card,.bead-card,.bead-card-detail,.comment-card,.media-card,.message-conversation-card,.notification-card,.subject-card{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-moz-user-select:none;user-select:none;-webkit-user-select:none}.bead-detail-text,.bead-detail-title,.bead-subject,.bead-text,.bead-title,.comment-content,.message-text,.notification-message,.notification-title{-moz-user-select:text;user-select:text;-webkit-user-select:text}@keyframes beader-page-enter{0%{opacity:0;transform:translate3d(0,8px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes beader-stagger-enter{0%{opacity:0;transform:translate3d(0,12px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes beader-like-bounce{0%{transform:scale(1)}25%{transform:scale(1.25)}50%{transform:scale(.92)}75%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes beader-modal-enter{0%{opacity:0;transform:translate3d(0,16px,0) scale(.98)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes beader-modal-exit{0%{opacity:1;transform:translateZ(0) scale(1)}to{opacity:0;transform:translate3d(0,12px,0) scale(.98)}}@keyframes beader-overlay-fade-in{0%{opacity:0}to{opacity:1}}@keyframes beader-overlay-fade-out{0%{opacity:1}to{opacity:0}}@keyframes beader-shimmer{0%{transform:translate3d(-100%,0,0)}to{transform:translate3d(100%,0,0)}}.app-container>div>main,.app-container>main{animation:beader-page-enter .32s cubic-bezier(.22,1,.36,1) both}.bead-card-enter{animation:beader-stagger-enter .48s cubic-bezier(.22,1,.36,1) both;animation-delay:var(--stagger-delay,0s);will-change:opacity,transform}@media (hover:hover) and (pointer:fine){.bead-card{transition:transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s ease;will-change:transform}.bead-card:hover{transform:translate3d(0,-3px,0);box-shadow:0 10px 28px rgba(0,0,0,.18)}.bead-card:active{transform:translate3d(0,-1px,0);transition-duration:.1s}}.bead-like-bounce{animation:beader-like-bounce .52s cubic-bezier(.34,1.56,.64,1) both}.skel-shimmer{position:relative;overflow:hidden}.skel-shimmer:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.06) 50%,transparent);animation:beader-shimmer 1.4s linear infinite;pointer-events:none}.modal-overlay{animation:beader-overlay-fade-in .2s ease-out both;will-change:opacity}.modal-overlay[data-state=closed]{animation:beader-overlay-fade-out .2s ease-in both}.modal-content{animation:beader-modal-enter .28s cubic-bezier(.22,1,.36,1) both;will-change:opacity,transform}.modal-content[data-state=closed]{animation:beader-modal-exit .24s ease-in both}@media (prefers-reduced-motion:reduce){.app-container>div>main,.app-container>main,.bead-card-enter,.bead-like-bounce,.modal-content,.modal-overlay,.skel-shimmer:after{animation:none!important}.bead-card{transition:none!important;will-change:auto!important}.bead-card:active,.bead-card:hover{transform:none!important;box-shadow:none!important}}.navbar{position:fixed;top:0;left:0;height:100vh;width:200px;background-color:var(--bg-card);color:var(--text-main);border-right:1px solid var(--border-soft);display:flex;flex-direction:column;justify-content:space-between;transition:width .3s ease,box-shadow .3s ease;z-index:999;box-sizing:border-box;padding:0 0 env(safe-area-inset-bottom);transform:translateY(0)}.navbar.collapsed{width:50px;box-shadow:2px 0 8px rgba(0,0,0,.3)}.toggle-btn:hover{background-color:var(--bg-card)}.navbar-top{flex-grow:1;gap:1.5rem;padding-top:0}.navbar-bottom,.navbar-top{display:flex;flex-direction:column}.navbar-bottom{align-items:center;margin-bottom:4rem;margin-left:0}.nav-item{display:flex;align-items:center;gap:.75rem;color:var(--text-main);text-decoration:none;padding:.75rem 1rem .75rem 35px;transition:all .3s ease;border-radius:12px;font-size:1rem;justify-content:left;width:100%;margin:0;box-sizing:border-box;position:relative}.nav-item.active,.nav-item:hover{background-color:var(--bg-card);color:var(--accent)}.nav-item.active{border-left:none}.navbar.collapsed .nav-item{justify-content:center;padding:.75rem 0;width:40px;margin:0 auto;border-left:none}.navbar.collapsed .nav-item span{display:none}.navbar.collapsed .nav-item.active{border-left:none}.navbar.collapsed .nav-item.active,.navbar.collapsed .nav-item:hover{background:none;color:var(--accent)}.desktop-only{display:flex}.navbar-logo-wrap{position:relative;top:auto;left:auto;width:100%;display:flex;padding:50px 0 120px;pointer-events:auto;justify-content:center}.navbar-logo-link{display:inline-flex;text-decoration:none;align-items:center;justify-content:center}.navbar-logo{width:80px;height:auto;opacity:1}html.dark .navbar-logo-light{display:none}html.dark .navbar-logo-dark{display:block}html.light .navbar-logo-dark{display:none}html.light .navbar-logo-light{display:block}@media (max-width:768px){.navbar-logo-wrap{display:none}.navbar{top:auto;left:0;bottom:0;width:100vw;border-right:none;border-top:1px solid var(--border-soft);justify-content:center;padding-bottom:env(safe-area-inset-bottom);transform:translateY(0)}.navbar,.navbar-top{height:50px;flex-direction:row;align-items:center}.navbar-top{width:100%;padding-top:0;gap:0;display:flex;justify-content:space-around}.navbar-bottom{display:none}.nav-item{margin:0;flex:1 1;min-width:0;height:50px;padding:0;border-radius:0;display:flex;align-items:center;justify-content:center;gap:0;-webkit-tap-highlight-color:transparent;-moz-user-select:none;user-select:none;-webkit-user-select:none}}@media (max-width:768px){.nav-item:active,.nav-item:focus,.nav-item:focus-visible{outline:none;background:none}.nav-item svg{width:22px;height:22px}.nav-item span{display:none}.nav-item.active{border-left:none}.nav-item.active,.nav-item:hover{color:var(--accent);background:none}.nav-item.active:before{display:none}}.nav-item:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:12px}.navbar-logo-link:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:8px}@media (hover:hover) and (pointer:fine){.nav-item{transition:all .25s ease,transform .15s ease}.navbar:not(.mobile) .nav-item:hover{transform:translateX(2px)}}.navbar:not(.mobile) .nav-item:active{transform:scale(.98)}.navbar.mobile .nav-item:active{transform:scale(.94)}@media (prefers-reduced-motion:reduce){.nav-item{transition:none!important}.navbar.mobile .nav-item:active,.navbar:not(.mobile) .nav-item:active,.navbar:not(.mobile) .nav-item:hover{transform:none!important}}