.emoji-picker-popover{animation:emoji-pop-in var(--dur-normal) var(--ease-out-expo);transform-origin:top right}.emoji-picker-popover.is-sheet{transform-origin:bottom center}.emoji-picker-popover.is-closing{animation:emoji-pop-out .14s cubic-bezier(.4,0,1,1) both}@keyframes emoji-pop-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-3px) scale(.97)}}.emoji-picker-popover.is-sheet .emoji-picker{width:100%;max-width:none;height:min(56vh,26.75rem)}@keyframes emoji-pop-in{0%{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.emoji-picker{display:flex;flex-direction:column;width:22rem;height:26.75rem;max-width:calc(100vw - 1rem);max-height:calc(100vh - 1rem);background:var(--bg-elevated);border:1px solid var(--border-glass-strong);border-radius:var(--radius-2xl);box-shadow:var(--shadow-glass-float);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);overflow:hidden}.emoji-picker__search{display:flex;align-items:center;gap:.5rem;padding:.6rem .7rem;border-bottom:1px solid var(--border-warm-dim)}.emoji-picker__search-icon{width:1rem;height:1rem;color:var(--text-muted);flex-shrink:0}.emoji-picker__search-input{flex:1;min-width:0;background:transparent;border:none;outline:none;font-family:var(--font-body);font-size:.875rem;color:var(--text-primary)}.emoji-picker__search-input::-moz-placeholder{color:var(--text-muted)}.emoji-picker__search-input::placeholder{color:var(--text-muted)}.emoji-picker__close,.emoji-picker__search-clear{display:inline-grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:var(--radius-sm);color:var(--text-tertiary);flex-shrink:0;transition:background var(--dur-fast) var(--ease-smooth),color var(--dur-fast) var(--ease-smooth)}.emoji-picker__close:hover,.emoji-picker__search-clear:hover{background:var(--scrim-1);color:var(--text-primary)}.emoji-picker__nav{display:flex;align-items:center;gap:.1rem;padding:.3rem .45rem;border-bottom:1px solid var(--border-warm-dim);overflow-x:auto;scrollbar-width:none}.emoji-picker__nav::-webkit-scrollbar{display:none}.emoji-picker__nav-btn{display:inline-grid;place-items:center;width:1.85rem;height:1.85rem;flex:1 0 auto;border-radius:var(--radius-sm);color:var(--text-tertiary);position:relative;transition:background var(--dur-fast) var(--ease-smooth)}.emoji-picker__nav-btn:hover{background:var(--scrim-1)}.emoji-picker__nav-btn.is-active{background:var(--accent-soft);color:var(--accent)}.emoji-picker__nav-btn.is-active:after{content:"";position:absolute;bottom:-.32rem;left:50%;transform:translateX(-50%);width:1rem;height:2px;border-radius:2px;background:var(--accent)}.emoji-picker__nav-emoji{font-size:1.1rem;line-height:1}.emoji-picker__body{flex:1;min-height:0;position:relative;overflow-y:auto;overflow-x:hidden;padding:0 .55rem .4rem}.emoji-picker__section{margin-bottom:.35rem}.emoji-picker__section-title{position:sticky;top:0;z-index:1;margin:0;padding:.5rem .25rem .3rem;font-family:var(--font-body);font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);background:var(--bg-elevated);backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm)}.emoji-picker__grid{display:grid;grid-template-columns:repeat(8,1fr);gap:.1rem}.emoji-picker__emoji{display:grid;place-items:center;aspect-ratio:1;width:100%;border-radius:var(--radius-sm);font-size:1.35rem;line-height:1;cursor:pointer;transition:background var(--dur-fast) var(--ease-smooth),transform var(--dur-fast) var(--ease-spring)}.emoji-picker__emoji:hover{background:var(--accent-soft);transform:scale(1.18)}.emoji-picker__emoji:active{transform:scale(.92)}.emoji-picker__emoji:focus-visible{outline:none;background:var(--accent-soft);box-shadow:var(--focus-ring)}.emoji-picker__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;height:100%;padding:1.5rem;text-align:center}.emoji-picker__empty-emoji{font-size:2rem;opacity:.7;margin-bottom:.2rem}.emoji-picker__empty-title{margin:0;font-family:var(--font-body);font-size:.9rem;font-weight:600;color:var(--text-secondary)}.emoji-picker__empty-hint{margin:0;font-family:var(--font-body);font-size:.78rem;line-height:1.4;color:var(--text-muted);max-width:16rem}.emoji-picker__preview{display:flex;align-items:center;gap:.6rem;min-height:2.85rem;padding:.45rem .85rem;border-top:1px solid var(--border-warm-dim);background:var(--bg-surface-subtle)}.emoji-picker__preview-emoji{font-size:1.6rem;line-height:1;flex-shrink:0}.emoji-picker__preview-name{font-family:var(--font-body);font-size:.82rem;font-weight:600;color:var(--text-secondary);text-transform:capitalize;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.emoji-picker__preview-hint{font-family:var(--font-body);font-size:.82rem;color:var(--text-muted)}.member-card{border-radius:22px;overflow:hidden;background:var(--border-glass);border:1px solid var(--border-glass-strong);backdrop-filter:var(--blur-extra-005);box-shadow:0 2px 14px var(--scrim-1),0 18px 54px var(--scrim-faint),inset 0 1px 0 var(--bg-surface-strong);transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease;transform:translateZ(0)}.member-card:hover{transform:translateY(-1px);background:var(--bg-surface-strong);box-shadow:0 6px 22px var(--scrim-1),0 26px 70px var(--scrim-1),inset 0 1px 0 var(--bg-elevated);border-color:var(--border-glass)}.member-card.expanded{background:var(--bg-surface-strong);border-color:var(--border-glass-strong);box-shadow:0 10px 30px var(--scrim-2),0 34px 90px var(--scrim-1),inset 0 1px 0 var(--bg-elevated)}.member-card__top{width:100%;display:flex;align-items:center;gap:14px;padding:16px;text-align:left;outline:none;transition:background .16s ease,transform .16s ease}.member-card__top:active{transform:scale(.995)}.member-card__top:focus-visible{box-shadow:0 0 0 4px var(--warning-bg)}.member-card__avatar{position:relative;flex-shrink:0}.member-avatar{width:46px;height:46px;border-radius:999px;overflow:hidden;display:grid;place-items:center;color:#fff;font-weight:800;font-size:16px;font-family:var(--font-display,inherit);border:1.5px solid var(--bg-elevated);box-shadow:0 18px 46px var(--scrim-2),inset 0 1px 0 var(--highlight-2);transition:transform .16s ease}.member-card:hover .member-avatar{transform:scale(1.03)}.member-avatar.owner{background:rgb(var(--warm-400))}.member-avatar.member{background:rgb(var(--ink-600))}.member-badge{position:absolute;right:-2px;bottom:-2px;width:18px;height:18px;border-radius:999px;display:grid;place-items:center;background:var(--bg-elevated);border:1px solid var(--bg-surface-strong);box-shadow:0 12px 26px var(--scrim-2),inset 0 1px 0 var(--bg-surface-strong);font-size:11px}.member-card__main{flex:1;min-width:0}.member-card__line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.member-name{margin:0;color:rgb(var(--ink-900));font-size:.95rem;font-weight:650;letter-spacing:-.01em;max-width:100%}.member-name,.member-username{font-family:var(--font-body,inherit);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-username{margin:4px 0 0;color:rgb(var(--ink-400));font-size:.8rem}.member-card__right{display:flex;align-items:center;gap:10px;flex-shrink:0}.member-chevron{width:16px;height:16px;color:rgb(var(--ink-300));transition:transform .18s ease}.member-chevron.open{transform:rotate(180deg)}.pill{display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:650;padding:6px 10px;border-radius:999px;font-family:var(--font-body,inherit);border:1px solid var(--border-glass-strong);backdrop-filter:var(--blur-extra-004);box-shadow:inset 0 1px 0 var(--bg-surface-strong);white-space:nowrap}.pill,.pill-muted{background:var(--bg-surface-subtle)}.pill-muted{color:rgb(var(--ink-500))}.pill-warm{background:rgb(var(--warm-100)/.75);color:rgb(var(--warm-500))}.pill-warm,.pill-warm-soft{border-color:var(--warning-bg-strong)}.pill-warm-soft{background:var(--warning-bg-soft);color:rgb(var(--warm-700))}.member-card__body{padding:0 16px;max-height:0;opacity:0;transform:translateY(-4px);overflow:hidden;transition:max-height .22s ease,opacity .18s ease,transform .22s ease}.member-card__body.open{padding:0 16px 16px;max-height:360px;opacity:1;transform:translateY(0)}.member-divider{height:1px;background:var(--border-warm-dim);margin:0 -16px}.member-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:12px}.member-info{border-radius:16px;padding:12px;background:var(--bg-surface-subtle);border:1px solid var(--border-glass-strong);backdrop-filter:var(--blur-extra-004);box-shadow:inset 0 1px 0 var(--bg-surface-strong)}.member-info__k{margin:0 0 6px;font-size:11px;color:rgb(var(--ink-400))}.member-info__k,.member-info__v{font-family:var(--font-body,inherit)}.member-info__v{margin:0;font-size:.92rem;color:rgb(var(--ink-800));font-weight:650}.member-bio{margin-top:10px;border-radius:18px;padding:12px;background:var(--bg-surface-subtle);border:1px solid var(--border-glass-strong);backdrop-filter:var(--blur-extra-004);box-shadow:inset 0 1px 0 var(--bg-surface-strong)}.member-bio__v{margin:0;color:rgb(var(--ink-700));line-height:1.55;white-space:pre-wrap}.btn-danger-wide,.member-bio__v{font-size:.92rem;font-family:var(--font-body,inherit)}.btn-danger-wide{margin-top:12px;width:100%;padding:10px 12px;border-radius:16px;font-weight:650;color:var(--danger-fg-bold);background:var(--danger-bg-soft);border:1px solid var(--danger-border);backdrop-filter:var(--blur-extra-004);box-shadow:inset 0 1px 0 var(--bg-surface-strong);transition:transform .14s ease,background .14s ease,opacity .14s ease}.btn-danger-wide:hover{background:var(--danger-bg-medium);transform:translateY(-1px)}.btn-danger-wide:active{transform:translateY(0) scale(.99)}.btn-danger-wide:disabled{opacity:.55;transform:none}@media (max-width:380px){.member-grid{grid-template-columns:1fr}}.members-shell{height:100%;display:flex;flex-direction:column;background:rgb(var(--cream-50))}.members-head{padding:14px 16px 12px;border-bottom:1px solid var(--border-glass-strong);box-shadow:0 18px 50px var(--scrim-1);flex-shrink:0}.members-head__inner{max-width:720px;margin:0 auto}.members-head__row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.members-title{margin:0;font-family:var(--font-display,inherit);color:rgb(var(--ink-900));font-size:1.05rem;line-height:1.1;letter-spacing:-.02em;font-weight:650}.members-sub{margin:6px 0 0;font-size:11px;color:rgb(var(--ink-400));font-family:var(--font-body,inherit);white-space:nowrap}.members-count{height:30px;min-width:30px;padding:0 10px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:rgb(var(--ink-600));background:var(--bg-surface-subtle);border:1px solid var(--border-glass);backdrop-filter:var(--blur-extra-004);box-shadow:inset 0 1px 0 var(--bg-surface-strong)}.members-search{position:relative}.members-search__ic{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:14px;height:14px;color:rgb(var(--ink-300));pointer-events:none}.members-search__input{width:100%;padding:10px 12px 10px 34px;border-radius:16px;background:var(--bg-surface-subtle);border:1px solid var(--border-glass);backdrop-filter:var(--blur-extra-005);font-size:.92rem;font-family:var(--font-body,inherit);color:rgb(var(--ink-900));outline:none;box-shadow:inset 0 1px 0 var(--bg-surface-strong);transition:box-shadow .16s ease,background .16s ease,transform .16s ease}.members-search__input::-moz-placeholder{color:rgb(var(--ink-300))}.members-search__input::placeholder{color:rgb(var(--ink-300))}.members-search__input:focus{transform:translateY(-1px);background:var(--border-glass);box-shadow:0 0 0 4px var(--warning-bg),0 18px 60px var(--scrim-1),inset 0 1px 0 var(--bg-surface-strong)}.members-search__clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:12px;display:grid;place-items:center;color:rgb(var(--ink-300));transition:background .14s ease,color .14s ease,transform .14s ease;font-size:18px;line-height:1}.members-search__clear:hover{background:var(--border-glass-strong);color:rgb(var(--ink-700));transform:translateY(-50%) scale(1.02)}.members-search__clear:active{transform:translateY(-50%) scale(.98)}.members-body{flex:1 1 auto;overflow-y:auto;padding:18px 16px}.members-body__inner{max-width:720px;margin:0 auto}.members-section{font-size:11px;font-weight:750;color:rgb(var(--ink-300));text-transform:uppercase;letter-spacing:.16em;margin:0 0 10px;padding:0 4px;font-family:var(--font-body,inherit)}.space-y-10px>*+*{margin-top:10px}.members-empty{text-align:center;padding:64px 0}.member-presence-dot{position:absolute;left:-1px;bottom:-1px;width:12px;height:12px;border-radius:999px;border:2px solid var(--bg-surface-strong);background:#b8bdc8;box-shadow:0 6px 16px rgba(28,23,20,.2),inset 0 1px 0 rgba(255,255,255,.55)}.member-presence-dot.online{background:#38c57a;box-shadow:0 8px 18px rgba(56,197,122,.38),inset 0 1px 0 rgba(255,255,255,.55)}.member-presence-dot.offline{background:#b8bdc8}.member-presence-text{margin:3px 0 0;color:rgb(var(--ink-400));font-size:11px;font-family:var(--font-body,inherit);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-presence-text.online{color:#2f9f66}.gallery-item{position:relative;overflow:hidden}.gallery-item .overlay{position:absolute;inset:0;background:transparent;backdrop-filter:var(--blur-extra-009);-webkit-backdrop-filter:var(--blur-extra-009);transition:background var(--dur-normal) var(--ease-smooth),backdrop-filter var(--dur-normal) var(--ease-smooth);display:flex;align-items:center;justify-content:center}.gallery-item:hover .overlay{background:var(--scrim-5);backdrop-filter:var(--blur-extra-001);-webkit-backdrop-filter:var(--blur-extra-001)}.gallery-item .overlay-actions{opacity:0;transform:translateY(8px) scale(.95);transition:opacity var(--dur-normal) var(--ease-out-expo),transform var(--dur-normal) var(--ease-out-expo);display:flex;gap:.5rem}.gallery-item:hover .overlay-actions{opacity:1;transform:translateY(0) scale(1)}.gallery-shell{height:100%;display:flex;flex-direction:column;position:relative;background:rgb(var(--cream-50));transition:background .2s ease}.gallery-shell.dragging{background:rgb(var(--warm-50))}.drag-overlay{position:absolute;inset:0;z-index:30;padding:10px;pointer-events:none}.drag-card{height:100%;border-radius:26px;border:2px dashed var(--upload-fg-medium);background:var(--upload-bg-cream-strong);backdrop-filter:var(--blur-extra-007);display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 30px 90px var(--scrim-2),inset 0 1px 0 var(--bg-surface-strong)}.gallery-head{padding:14px 16px 12px;border-bottom:1px solid var(--border-glass-strong);box-shadow:0 18px 50px var(--scrim-1);flex-shrink:0}.head-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.head-row.secondary{margin-top:10px}.head-title{font-family:var(--font-display,inherit);color:rgb(var(--ink-900));font-size:1.05rem;line-height:1.1;letter-spacing:-.02em;margin:0}.head-sub{margin:6px 0 0;font-size:11px;color:rgb(var(--ink-400));font-family:var(--font-body,inherit);white-space:nowrap}.head-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.btn-danger{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:14px;font-size:.88rem;font-weight:650;font-family:var(--font-body,inherit);color:var(--danger-fg-bold);background:var(--danger-bg-soft);border:1px solid var(--danger-border);backdrop-filter:var(--blur-extra-004);box-shadow:inset 0 1px 0 var(--bg-surface-strong);transition:transform .14s ease,background .14s ease}.btn-danger:hover{background:var(--danger-bg-medium);transform:translateY(-1px)}.btn-danger:active{transform:translateY(0) scale(.99)}.btn-ghost{padding:8px 10px;border-radius:14px;color:rgb(var(--ink-400));font-family:var(--font-body,inherit);font-weight:600;transition:background .14s ease,color .14s ease,transform .14s ease}.btn-ghost:hover{background:var(--border-glass-strong);color:rgb(var(--ink-700));transform:translateY(-1px)}.btn-ghost:active{transform:translateY(0) scale(.99)}.segmented{display:inline-flex;border-radius:16px;padding:4px;background:var(--bg-surface-subtle);border:1px solid var(--border-glass-strong);backdrop-filter:var(--blur-extra-005);box-shadow:inset 0 1px 0 var(--bg-surface-strong)}.seg-btn{width:36px;height:34px;border-radius:12px;display:grid;place-items:center;color:rgb(var(--ink-400));transition:background .14s ease,color .14s ease,transform .14s ease}.seg-btn:hover{background:var(--border-glass-strong);color:rgb(var(--ink-700));transform:translateY(-1px)}.seg-btn:active{transform:translateY(0) scale(.99)}.seg-btn.active{background:var(--scrim-7);color:#fff;box-shadow:0 14px 28px var(--scrim-3),inset 0 1px 0 var(--highlight-1)}.search{position:relative;flex:1 1 auto;min-width:220px;max-width:360px}.search-ic{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:rgb(var(--ink-300));pointer-events:none}.search-input{width:100%;padding:10px 12px 10px 34px;border-radius:16px;background:var(--bg-surface-subtle);border:1px solid var(--border-glass);backdrop-filter:var(--blur-extra-005);font-size:.9rem;font-family:var(--font-body,inherit);color:rgb(var(--ink-900));outline:none;box-shadow:inset 0 1px 0 var(--bg-surface-strong);transition:box-shadow .16s ease,background .16s ease,transform .16s ease}.search-input::-moz-placeholder{color:rgb(var(--ink-300))}.search-input::placeholder{color:rgb(var(--ink-300))}.search-input:focus{transform:translateY(-1px);background:var(--bg-surface-strong);border-color:var(--accent-vivid);box-shadow:var(--focus-ring),inset 0 1px 0 var(--bg-surface-strong)}.select{padding:10px 12px;border-radius:16px;background:var(--bg-surface-subtle);border:1px solid var(--border-glass);backdrop-filter:var(--blur-extra-005);font-size:.9rem;font-family:var(--font-body,inherit);color:rgb(var(--ink-700));outline:none;cursor:pointer;box-shadow:inset 0 1px 0 var(--bg-surface-strong);transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.select:focus{transform:translateY(-1px);background:var(--bg-surface-strong);border-color:var(--accent-vivid);box-shadow:var(--focus-ring),inset 0 1px 0 var(--bg-surface-strong)}.bulk{margin-left:auto;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.bulk-text{font-size:.92rem;color:rgb(var(--ink-700));font-family:var(--font-body,inherit)}.gallery-body{flex:1 1 auto;overflow-y:auto;padding:18px 16px}.empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;padding:22px}.empty-badge{backdrop-filter:var(--blur-extra-004);box-shadow:0 18px 60px var(--scrim-2),inset 0 1px 0 var(--bg-surface-strong);width:76px;height:76px;border-radius:28px;background:var(--border-glass-strong);border:1px solid var(--border-glass);backdrop-filter:var(--blur-extra-005);display:grid;place-items:center;font-size:36px;box-shadow:0 22px 70px var(--scrim-2),inset 0 1px 0 var(--bg-surface-strong)}.empty-title{font-family:var(--font-display,inherit);font-size:1.1rem;color:rgb(var(--ink-700));margin:0;font-weight:650}.empty-sub{margin:6px 0 0;font-size:.95rem;color:rgb(var(--ink-400));font-family:var(--font-body,inherit)}.grid-wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}@media (min-width:640px){.grid-wrap{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1024px){.grid-wrap{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (min-width:1280px){.grid-wrap{grid-template-columns:repeat(6,minmax(0,1fr))}}.tile{position:relative;aspect-ratio:1/1;border-radius:18px;overflow:hidden;cursor:pointer;border:1px solid transparent;background:var(--highlight-2);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,filter .18s ease;box-shadow:0 14px 42px var(--scrim-1)}.tile:hover{transform:translateY(-2px);border-color:var(--border-glass-strong);box-shadow:0 24px 72px var(--scrim-2)}.tile:active{transform:translateY(0) scale(.99)}.tile.selected{transform:scale(.98);border-color:var(--upload-fg);box-shadow:0 24px 72px var(--upload-bg-soft)}.tile-media{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.tile-video{width:100%;height:100%;background:rgb(var(--ink-800));color:var(--bg-surface-strong);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.tile-check{position:absolute;top:10px;left:10px;width:26px;height:26px;border-radius:10px;border:1.5px solid var(--bg-surface-strong);background:var(--bg-surface-strong);color:rgb(var(--ink-900));backdrop-filter:var(--blur-extra-004);display:grid;place-items:center;opacity:0;transform:translateY(-2px) scale(.98);transition:opacity .14s ease,transform .14s ease,background .14s ease}.tile:hover .tile-check{opacity:1;transform:translateY(0) scale(1)}.tile-check.on{opacity:1;background:var(--upload-fg-strong);border-color:var(--upload-fg-strong);color:#fff;box-shadow:0 18px 44px var(--upload-bg),inset 0 1px 0 var(--highlight-3)}.tile-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:10px;background:radial-gradient(120% 100% at 50% 0,transparent 0,var(--dim-3) 70%);opacity:0;transition:opacity .16s ease}.tile:hover .tile-overlay{opacity:1}.tile-actions{display:flex;gap:8px;justify-content:flex-end}.tile-btn{width:34px;height:34px;border-radius:14px;display:grid;place-items:center;background:var(--bg-elevated);border:1px solid var(--border-glass);backdrop-filter:var(--blur-extra-004);color:rgb(var(--ink-900));box-shadow:0 16px 42px var(--scrim-2),inset 0 1px 0 var(--bg-surface-strong);transition:transform .14s ease,background .14s ease,box-shadow .14s ease,color .14s ease}.tile-btn:hover{transform:translateY(-1px);background:var(--highlight-6);box-shadow:0 20px 54px var(--scrim-3),inset 0 1px 0 var(--bg-elevated)}.tile-btn:active{transform:translateY(0) scale(.98)}.tile-btn.danger{color:var(--danger-fg-strong)}.tile-meta{color:var(--bg-elevated);text-shadow:0 1px 10px var(--dim-3)}.tile-name{margin:0;font-size:12px;font-weight:650}.tile-name,.tile-sub{font-family:var(--font-body,inherit);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tile-sub{margin:3px 0 0;font-size:11px;opacity:.85}.list-wrap{max-width:920px;display:flex;flex-direction:column;gap:10px}.row{display:flex;align-items:center;gap:12px;padding:12px;border-radius:20px;cursor:pointer;background:var(--border-glass-strong);border:1px solid var(--border-glass);backdrop-filter:var(--blur-extra-005);box-shadow:0 18px 60px var(--scrim-1),inset 0 1px 0 var(--bg-surface-strong);transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease}.row:hover{transform:translateY(-1px);background:var(--border-glass);box-shadow:0 22px 72px var(--scrim-2),inset 0 1px 0 var(--bg-surface-strong)}.row:active{transform:translateY(0) scale(.99)}.row.selected{border-color:var(--upload-border);background:var(--upload-bg-cream);box-shadow:0 22px 72px var(--upload-bg-faint),inset 0 1px 0 var(--bg-surface-strong)}.row-check{width:26px;height:26px;border-radius:10px;border:1.5px solid var(--bg-surface-strong);background:var(--bg-surface-strong);backdrop-filter:var(--blur-extra-004);display:grid;place-items:center;color:rgb(var(--ink-900));transition:transform .14s ease,background .14s ease;flex-shrink:0}.row-check:hover{transform:translateY(-1px)}.row-check.on{background:var(--upload-fg-strong);border-color:var(--upload-fg-strong);color:#fff}.row-thumb{width:52px;height:52px;border-radius:16px;overflow:hidden;background:var(--highlight-4);flex-shrink:0;box-shadow:0 18px 44px var(--scrim-1)}.row-main{flex:1;min-width:0}.row-title{margin:0;font-size:.95rem;font-weight:650;color:rgb(var(--ink-900))}.row-sub,.row-title{font-family:var(--font-body,inherit);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-sub{margin:4px 0 0;font-size:12px}.row-size,.row-sub{color:rgb(var(--ink-400))}.row-size{font-family:var(--font-body,inherit);font-size:.92rem;display:none;white-space:nowrap}@media (min-width:640px){.row-size{display:block}}.row-tag{font-size:11px;font-weight:650;padding:6px 10px;border-radius:999px;background:var(--bg-surface-subtle);border:1px solid var(--border-glass);backdrop-filter:var(--blur-extra-004);font-family:var(--font-body,inherit);display:none;white-space:nowrap;color:rgb(var(--ink-700))}@media (min-width:640px){.row-tag{display:inline-flex;align-items:center;justify-content:center}}.row-tag.img{background:var(--info-bg-soft);color:var(--info-fg);border-color:var(--info-border)}.row-tag.vid{background:var(--special-bg);color:var(--special-fg);border-color:var(--special-border)}.row-btn{width:36px;height:36px;border-radius:14px;display:grid;place-items:center;color:rgb(var(--ink-400));transition:transform .14s ease,background .14s ease,color .14s ease}.row-btn:hover{background:var(--border-glass-strong);color:rgb(var(--ink-700));transform:translateY(-1px)}.row-btn:active{transform:translateY(0) scale(.99)}.lb-backdrop{z-index:50;background:var(--dim-4);flex-direction:column}.lb-top{justify-content:space-between;padding:14px 16px;flex-shrink:0}.lb-top,.lb-top-left{display:flex;align-items:center;gap:12px}.lb-top-left{min-width:0}.lb-top-right{display:flex;align-items:center;gap:8px}.lb-icon-btn{width:40px;height:40px;border-radius:16px;display:grid;place-items:center;color:var(--bg-surface-strong);background:var(--highlight-1);border:1px solid var(--highlight-2);backdrop-filter:var(--blur-extra-004);transition:transform .14s ease,background .14s ease,color .14s ease}.lb-icon-btn:hover{transform:translateY(-1px);background:var(--highlight-2);color:var(--bg-elevated)}.lb-icon-btn:active{transform:translateY(0) scale(.99)}.lb-icon-btn.danger{color:var(--danger-solid)}.lb-title{margin:0;color:var(--bg-elevated);font-size:.95rem;font-weight:650;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:52vw}.lb-sub,.lb-title{font-family:var(--font-body,inherit)}.lb-sub{margin:4px 0 0;font-size:12px;color:var(--border-glass-strong)}.lb-stage{flex:1 1 auto;overflow:hidden}.lb-nav,.lb-stage{display:flex;align-items:center}.lb-nav{width:64px;height:100%;justify-content:center;color:var(--border-glass-strong);transition:color .14s ease,background .14s ease}.lb-nav:hover{color:var(--bg-elevated);background:var(--highlight-faint)}.lb-nav:disabled{opacity:0;pointer-events:none}.lb-media{flex:1;display:flex;align-items:center;justify-content:center;padding:14px;overflow:hidden}.lb-img,.lb-video{max-width:100%;max-height:100%;border-radius:22px;box-shadow:0 30px 120px var(--dim-3);-webkit-user-select:none;-moz-user-select:none;user-select:none}.lb-strip{padding:12px 16px 16px;display:flex;gap:10px;overflow-x:auto;flex-shrink:0}.lb-thumb{width:58px;height:58px;flex:0 0 auto;border-radius:16px;overflow:hidden;border:2px solid transparent;opacity:.45;transition:transform .14s ease,opacity .14s ease,border-color .14s ease}.lb-thumb:hover{opacity:.75}.lb-thumb.active{border-color:var(--highlight-6);transform:scale(1.05)}.lb-backdrop{position:fixed;inset:0;z-index:65;display:flex;align-items:center;justify-content:center;padding:1rem;background:var(--scrim-6);backdrop-filter:var(--blur-extra-010);-webkit-backdrop-filter:var(--blur-extra-010)}.lb-modal{width:min(1080px,calc(100vw - 2rem));height:min(88vh,760px);display:flex;flex-direction:column;overflow:hidden;border-radius:1.35rem;background:var(--scrim-7);border:1px solid var(--highlight-2);box-shadow:0 34px 96px var(--dim-3),0 10px 30px var(--dim-2)}.lb-top{padding:.7rem .9rem;border-bottom:1px solid var(--highlight-2);background:var(--dim-1)}.lb-stage{min-height:0}.lb-media{padding:1rem}.lb-strip{padding:.65rem .9rem .85rem;border-top:1px solid var(--highlight-2);background:var(--dim-1)}.lb-thumb{width:60px;height:60px;opacity:.62}.lb-thumb.active{opacity:1}.media-filter{display:inline-flex;align-items:stretch;gap:4px;padding:4px;border-radius:16px;background:var(--bg-surface-subtle);border:1px solid var(--border-glass-dim);backdrop-filter:var(--blur-extra-005);-webkit-backdrop-filter:var(--blur-extra-005);box-shadow:inset 0 1px 0 var(--shadow-inset-top)}.media-filter-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:12px;font-family:var(--font-body,inherit);font-weight:600;font-size:.9rem;color:rgb(var(--ink-500));background:transparent;border:none;cursor:pointer;transition:background var(--dur-normal) var(--ease-smooth),color var(--dur-normal) var(--ease-smooth),transform var(--dur-fast) var(--ease-smooth)}.media-filter-btn:hover{background:var(--bg-surface);color:rgb(var(--ink-800));transform:translateY(-1px)}.media-filter-btn.active{background:var(--accent);color:var(--text-on-dark);box-shadow:0 8px 18px var(--accent-soft),inset 0 1px 0 var(--highlight-2)}.media-filter-btn.active:hover{background:var(--accent-hover)}.media-filter-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:18px;padding:0 6px;border-radius:999px;background:var(--bg-surface-strong);color:rgb(var(--ink-500));font-size:.7rem;font-weight:700;line-height:1}.media-filter-btn.active .media-filter-count{background:var(--highlight-2);color:var(--text-on-dark)}@media (max-width:540px){.media-filter-btn{padding:8px 10px;font-size:.85rem}}.files-list{display:flex;flex-direction:column;gap:8px;margin:0;padding:0;list-style:none}.files-row{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:18px;border:1px solid var(--border-glass-dim);background:var(--bg-surface);backdrop-filter:var(--blur-extra-005);-webkit-backdrop-filter:var(--blur-extra-005);box-shadow:0 6px 18px var(--scrim-1),inset 0 1px 0 var(--bg-surface-strong);transition:background var(--dur-normal) var(--ease-smooth),border-color var(--dur-normal) var(--ease-smooth),transform var(--dur-fast) var(--ease-smooth),box-shadow var(--dur-normal) var(--ease-smooth)}.files-row:hover{background:var(--bg-surface-strong);border-color:var(--border-glass);transform:translateY(-1px);box-shadow:0 14px 32px var(--scrim-2),inset 0 1px 0 var(--bg-elevated)}.files-row.selected{border-color:var(--accent-border);background:var(--accent-soft)}.files-row-check{width:26px;height:26px;flex:0 0 26px;border-radius:9px;display:grid;place-items:center;border:1.5px solid var(--border-glass-strong);background:var(--bg-surface-subtle);color:var(--text-on-dark);transition:background var(--dur-fast) var(--ease-smooth),border-color var(--dur-fast) var(--ease-smooth),transform var(--dur-fast) var(--ease-smooth)}.files-row-check:hover{transform:scale(1.05);border-color:var(--accent-border)}.files-row-check.on{background:var(--accent);border-color:var(--accent);color:var(--text-on-dark)}.files-row-icon{position:relative;width:56px;height:56px;flex:0 0 56px;border-radius:16px;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);border:1px solid var(--accent-border);box-shadow:inset 0 1px 0 var(--bg-surface-strong)}.files-row-icon--document{background:var(--info-bg-soft);color:var(--info-fg);border-color:var(--info-border)}.files-row-icon--spreadsheet{background:var(--upload-bg-cream);color:var(--danger-fg-bold);border-color:var(--upload-border)}.files-row-icon--presentation{background:var(--special-bg);color:var(--special-fg);border-color:var(--special-border)}.files-row-icon--archive{background:var(--warning-bg-soft);color:var(--upload-fg-strong);border-color:var(--upload-border)}.files-row-icon--audio{background:var(--accent-soft);color:var(--accent-hover);border-color:var(--accent-border)}.files-row-icon--ebook{background:var(--surface-cream-soft);color:var(--text-secondary);border-color:var(--border-warm)}.files-row-icon--other{background:var(--bg-surface-subtle);color:var(--text-tertiary);border-color:var(--border-glass)}.files-row-ext{position:absolute;bottom:-6px;right:-6px;background:var(--text-primary);color:var(--text-on-dark);font-family:var(--font-body,inherit);font-weight:700;font-size:9.5px;line-height:1;padding:3px 5px;border-radius:6px;border:1.5px solid var(--bg-elevated);letter-spacing:.04em;max-width:38px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.files-row-main{flex:1 1 auto;min-width:0}.files-row-title{margin:0;font-weight:650;font-size:1rem;line-height:1.25;color:rgb(var(--ink-900));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.files-row-sub,.files-row-title{font-family:var(--font-body,inherit)}.files-row-sub{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin:4px 0 0;font-size:.82rem;color:rgb(var(--ink-400))}.files-row-tag{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;background:var(--bg-surface-strong);border:1px solid var(--border-glass-dim);color:rgb(var(--ink-500));font-weight:600;font-size:.75rem}.files-row-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.files-row-action{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:14px;border:1px solid var(--accent-border);background:var(--accent-soft);color:var(--accent-hover);font-family:var(--font-body,inherit);font-weight:650;font-size:.9rem;transition:background var(--dur-normal) var(--ease-smooth),color var(--dur-normal) var(--ease-smooth),transform var(--dur-fast) var(--ease-smooth)}.files-row-action:hover{background:var(--accent-medium);transform:translateY(-1px)}.files-row-action:active{transform:translateY(0) scale(.99)}.files-row-action.danger{border-color:var(--danger-border);background:var(--danger-bg-soft);color:var(--danger-fg-bold);padding:10px}.files-row-action.danger:hover{background:var(--danger-bg-medium)}.files-row-action-label{display:inline}@media (max-width:640px){.files-row{gap:10px;padding:12px}.files-row-icon{width:48px;height:48px;flex:0 0 48px;border-radius:14px}.files-row-title{font-size:.95rem}.files-row-action-label{display:none}.files-row-action{padding:10px}}.cal-day{transition:background var(--dur-fast) var(--ease-smooth),box-shadow var(--dur-normal) var(--ease-smooth),transform var(--dur-fast) var(--ease-smooth);border-radius:.75rem}.cal-day:hover{background:var(--border-glass);box-shadow:0 2px 8px var(--scrim-1),inset 0 1px 0 var(--bg-surface-strong);transform:scale(1.01)}.cal-day.today-ring .day-num{background:var(--accent);color:#fff;border-radius:50%;box-shadow:0 2px 8px var(--accent-border)}.cal-day.has-events:hover{box-shadow:0 2px 12px var(--accent-soft),0 6px 24px var(--accent-soft-light),inset 0 1px 0 var(--bg-surface-strong)}.cal-event-panel{animation:slideLeft .28s var(--ease-out-expo)}.cal-day-panel-head{border-bottom:1px solid var(--surface-cream-soft)}.cal-daypanel-add{background:var(--text-primary);color:var(--text-on-dark);border-color:var(--highlight-1);box-shadow:0 10px 28px var(--scrim-4),inset 0 1px 0 var(--highlight-2)}.cal-daypanel-add:hover{background:var(--text-secondary)}.cal-daypanel-close{color:var(--text-faint)}.cal-birthday-card{background:var(--birthday-bg-soft);border:1px solid var(--birthday-border);backdrop-filter:var(--blur-extra-004);box-shadow:inset 0 1px 0 var(--bg-surface-strong)}.cal-event-card{background:var(--bg-surface);border:1px solid var(--bg-surface);backdrop-filter:var(--blur-extra-005);box-shadow:0 2px 12px var(--scrim-1),inset 0 1px 0 var(--bg-surface-strong)}.cal-nav-btn{color:rgb(var(--ink-600))}.calendar-weekdays{border:none;border-bottom:1px solid var(--surface-cream-soft);border-radius:0}.cal-day{border-color:var(--border-warm-dim)}.cal-day-out{opacity:.3;background:var(--surface-haze-faint)}.cal-day-birthday-chip{background:var(--birthday-bg);border:1px solid var(--birthday-border-strong);backdrop-filter:var(--blur-extra-003)}.calendar-side-head{border-bottom:1px solid var(--border-warm-dim)}.calendar-side-divider{border-top:1px solid var(--surface-cream-soft)}.calendar-layout{background:var(--highlight-3)}.calendar-grid{background:var(--highlight-4)}.cal-day{min-height:110px;padding:.6rem;border-radius:0;border-color:#000}.cal-day:hover{transform:none;background:var(--bg-surface-subtle)}.cal-day.has-events:hover,.cal-day:hover{box-shadow:none}.cal-day-today{background:var(--bg-surface)}.cal-day-selected{background:var(--surface-warm-soft)}.cal-day-num-today{background:var(--accent);color:#fff;box-shadow:0 2px 10px var(--accent-strong)}.cal-day-num-selected{background:var(--scrim-3);color:var(--text-primary)}.cal-day-event-chip{border-color:var(--bg-surface-strong)}.calendar-side-panel{border-left:1px solid var(--surface-cream-soft);background:var(--bg-surface-subtle)}.cal-event-panel{border:0;border-left:1px solid var(--surface-cream-soft);border-radius:0;box-shadow:none}@keyframes calSheetUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.cal-sheet-panel{animation:calSheetUp .26s var(--ease-out-expo)}@media (max-width:767px){.cal-day{min-height:64px;padding:.35rem}.cal-event-panel{border-left:0;animation:none}.calendar-side-panel{border-left:0}}.notif-bell{position:relative;width:2.25rem;height:2.25rem;display:flex;align-items:center;justify-content:center;border-radius:.75rem;border:1px solid var(--border-glass);background:var(--border-glass-strong);backdrop-filter:var(--blur-extra-006);-webkit-backdrop-filter:var(--blur-extra-006);cursor:pointer;transition:background var(--dur-normal) var(--ease-smooth),border-color var(--dur-normal) var(--ease-smooth),box-shadow var(--dur-normal) var(--ease-smooth),transform var(--dur-fast) var(--ease-spring);box-shadow:var(--shadow-xs),inset 0 1px 0 var(--bg-surface-strong)}.notif-bell:hover{background:var(--bg-surface-strong);border-color:var(--border-glass);box-shadow:var(--shadow-sm),inset 0 1px 0 var(--bg-elevated);transform:scale(1.04)}.notif-bell:active{transform:scale(.95)}.notif-badge{top:-4px;right:-4px;min-width:1.1rem;height:1.1rem;background:#e05e3a;color:#fff;font-size:.65rem;font-weight:700;font-family:var(--font-body);border-radius:99px;display:flex;padding:0 .25rem;border:1.5px solid var(--surface-haze-strong);animation:notifPulse .4s var(--ease-spring)}.notif-panel{backdrop-filter:var(--blur-lg);-webkit-backdrop-filter:var(--blur-lg);border:1px solid var(--bg-surface-subtle);border-radius:1.5rem;box-shadow:var(--shadow-deep)}.notif-panel-header{padding:1rem 1.25rem .75rem;border-bottom:1px solid var(--surface-cream-medium);align-items:center;background:var(--border-glass)}.notif-item{align-items:flex-start;gap:.75rem;padding:.875rem 1.25rem;border-bottom:1px solid var(--surface-cream-soft);transition:background var(--dur-fast) var(--ease-smooth);cursor:default;animation:slideLeft .3s var(--ease-out-expo) backwards}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:var(--border-glass)}.notif-item-icon{width:2.25rem;height:2.25rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;font-size:1.05rem}.toast-glass{display:flex;align-items:flex-start;gap:.75rem;padding:.875rem 1rem;background:var(--bg-elevated);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);border:1px solid var(--border-glass);border-radius:1.25rem;box-shadow:var(--shadow-glass-float);animation:toastIn .38s var(--ease-out-expo) forwards;max-width:320px;position:relative;overflow:hidden}.toast-glass:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3.5px;border-radius:99px 0 0 99px}.toast-glass.mention:before{background:var(--accent)}.toast-glass.member_joined:before{background:var(--success-fg)}.toast-glass.member_kicked:before{background:var(--danger-fg)}.toast-glass.calendar_event:before{background:var(--info-fg-light)}.toast-glass.info:before{background:#94a3b8}.ws-dot{width:7px;height:7px;border-radius:50%;transition:background var(--dur-slow) ease}.ws-dot.connected{background:var(--success-fg);box-shadow:0 0 6px var(--success-bg)}.ws-dot.connecting{background:var(--warning-fg);animation:wsDot 1.4s ease-in-out infinite}.ws-dot.disconnected{background:var(--danger-fg)}.notif-bell-btn{position:relative;width:40px;height:40px;border-radius:16px;display:grid;place-items:center;background:var(--highlight-5);border:1px solid var(--bg-surface);backdrop-filter:var(--blur-extra-005);box-shadow:0 14px 44px var(--scrim-1),inset 0 1px 0 var(--bg-surface-strong);transition:transform .14s ease,background .14s ease,box-shadow .14s ease,border-color .14s ease}.notif-bell-btn:hover{transform:translateY(-1px);background:var(--bg-surface);box-shadow:0 18px 60px var(--scrim-2),inset 0 1px 0 var(--bg-elevated);border-color:var(--bg-surface-strong)}.notif-bell-btn:active{transform:translateY(0) scale(.99)}.notif-bell-btn.is-open{background:var(--border-glass);border-color:var(--bg-surface-strong);box-shadow:0 24px 78px var(--scrim-2),inset 0 1px 0 var(--bg-elevated)}.notif-badge{position:absolute;top:-5px;right:-5px;height:18px;min-width:18px;padding:0 6px;border-radius:999px;background:rgb(var(--ink-900));color:rgb(var(--cream-50));font-size:11px;font-weight:800;font-family:var(--font-body,inherit);display:inline-flex;align-items:center;justify-content:center;box-shadow:0 16px 42px var(--scrim-4),inset 0 1px 0 var(--highlight-1)}.notif-backdrop{position:fixed;inset:0;z-index:35;background:radial-gradient(120% 90% at 50% 0,var(--scrim-1) 0,var(--scrim-4) 70%);backdrop-filter:var(--blur-extra-015)}.notif-panel{position:absolute;right:-6px;top:calc(100% + 10px);width:360px;max-height:520px;z-index:40;border-radius:22px;overflow:hidden;background:var(--bg-surface-strong);border:1px solid var(--border-glass);backdrop-filter:var(--blur-extra-008);box-shadow:0 28px 90px var(--scrim-3),0 10px 40px var(--scrim-2),inset 0 1px 0 var(--bg-elevated);transform-origin:top right;animation:notif-pop .16s ease both}.notif-panel-header{padding:14px 14px 10px;display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.notif-title{margin:0;font-family:var(--font-display,inherit);font-size:1rem;font-weight:700;letter-spacing:-.02em;color:rgb(var(--ink-900));line-height:1.1}.notif-sub{margin:6px 0 0;font-size:11px;color:rgb(var(--ink-400));font-family:var(--font-body,inherit)}.notif-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.notif-action-btn{height:30px;padding:0 10px;border-radius:14px;font-size:12px;font-weight:650;font-family:var(--font-body,inherit);color:rgb(var(--ink-500));background:var(--bg-surface-subtle);border:1px solid var(--border-glass);backdrop-filter:var(--blur-extra-004);box-shadow:inset 0 1px 0 var(--bg-surface-strong);transition:transform .14s ease,background .14s ease,color .14s ease}.notif-action-btn:hover{background:var(--border-glass);color:rgb(var(--ink-700));transform:translateY(-1px)}.notif-action-btn:active{transform:translateY(0) scale(.99)}.notif-list{padding:8px;overflow-y:auto;max-height:420px}.notif-item{position:relative;display:flex;gap:10px;padding:10px;border-radius:18px;background:var(--bg-surface-subtle);border:1px solid var(--border-glass-strong);backdrop-filter:var(--blur-extra-004);box-shadow:inset 0 1px 0 var(--bg-surface-strong);transition:transform .14s ease,background .14s ease,box-shadow .14s ease;animation:notif-item-in .22s ease both}.notif-item+.notif-item{margin-top:8px}.notif-item.clickable{cursor:pointer}.notif-item.clickable:hover{transform:translateY(-1px);background:var(--bg-surface);box-shadow:0 16px 54px var(--scrim-1),inset 0 1px 0 var(--bg-surface-strong)}.notif-item.clickable:active{transform:translateY(0) scale(.99)}.notif-accent{position:absolute;left:0;top:18%;bottom:18%;width:3px;border-radius:999px;opacity:.9}.notif-item-icon{width:36px;height:36px;border-radius:16px;display:grid;place-items:center;border:1px solid var(--border-glass-strong);box-shadow:inset 0 1px 0 var(--bg-surface-strong);flex-shrink:0;font-size:16px}.notif-item-main{flex:1;min-width:0}.notif-item-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.notif-item-title{margin:0;font-size:.9rem;font-weight:700;color:rgb(var(--ink-900));font-family:var(--font-body,inherit);line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.notif-x{width:28px;height:28px;border-radius:12px;display:grid;place-items:center;color:rgb(var(--ink-300));background:transparent;transition:background .14s ease,color .14s ease,transform .14s ease;font-size:18px;line-height:1;flex-shrink:0}.notif-x:hover{background:var(--border-glass-strong);color:rgb(var(--ink-700));transform:translateY(-1px)}.notif-x:active{transform:translateY(0) scale(.99)}.notif-item-body{margin:6px 0 0;font-size:12px;color:rgb(var(--ink-500));line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.notif-item-body,.notif-time{font-family:var(--font-body,inherit)}.notif-time{margin:8px 0 0;font-size:10px;color:rgb(var(--ink-300))}.notif-footer{padding:8px 14px 12px;border-top:1px solid var(--bg-surface-subtle);background:var(--highlight-4)}.notif-hint{margin:0;font-size:10px;color:rgb(var(--ink-300));font-family:var(--font-body,inherit)}.toast-glass-icon{width:2.25rem;height:2.25rem;border-radius:.9rem;display:grid;place-items:center;background:var(--highlight-5);border:1px solid var(--bg-surface);box-shadow:inset 0 1px 0 var(--bg-elevated);flex-shrink:0}.toast-glass-close{width:1.5rem;height:1.5rem;border-radius:.58rem;display:grid;place-items:center;color:var(--text-muted);font-size:1.1rem;line-height:1;transition:color var(--dur-fast) var(--ease-smooth),background var(--dur-fast) var(--ease-smooth)}.toast-glass-close:hover{color:var(--text-secondary);background:var(--border-glass-strong)}.notif-center-overlay{position:fixed;inset:0;z-index:60;background:var(--scrim-5);backdrop-filter:var(--blur-extra-016);-webkit-backdrop-filter:var(--blur-extra-016);animation:notif-overlay-in .16s cubic-bezier(.2,.7,.2,1) both}.notif-center-overlay.is-closing{animation:notif-overlay-out .16s cubic-bezier(.4,0,1,1) both}@keyframes notif-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes notif-overlay-out{0%{opacity:1}to{opacity:0}}.notif-center-drawer{position:absolute;top:.8rem;right:.8rem;bottom:.8rem;width:min(420px,calc(100vw - 1.6rem));border-radius:1.8rem;background:var(--bg-surface-strong);border:1px solid var(--bg-surface-strong);backdrop-filter:var(--blur-extra-017);-webkit-backdrop-filter:var(--blur-extra-017);box-shadow:0 32px 90px var(--scrim-4),0 12px 34px var(--scrim-2),inset 0 1px 0 var(--bg-elevated);overflow:hidden;display:flex;flex-direction:column}.notif-center-drawer.is-closing{animation:slideLeftOut .16s cubic-bezier(.4,0,1,1) both}.notif-center-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:1rem 1rem .75rem;border-bottom:1px solid var(--surface-cream-medium)}.notif-center-title{margin:0;font-family:var(--font-display);font-size:1.18rem;color:var(--text-primary);line-height:1.1}.notif-center-sub{margin:.4rem 0 0;font-size:.72rem;color:var(--text-faint);font-family:var(--font-body)}.notif-center-tabs{display:flex;gap:.48rem;padding:.75rem 1rem .55rem;overflow-x:auto}.notif-center-tab{height:1.9rem;padding:0 .72rem;border-radius:999px;border:1px solid var(--border-glass);background:var(--border-glass);color:var(--text-tertiary);font-size:.72rem;font-weight:650;font-family:var(--font-body);display:inline-flex;align-items:center;gap:.35rem;white-space:nowrap;transition:transform var(--dur-fast) var(--ease-smooth),background var(--dur-normal) var(--ease-smooth),color var(--dur-normal) var(--ease-smooth),border-color var(--dur-normal) var(--ease-smooth)}.notif-center-tab:hover:not(:disabled){transform:translateY(-1px);background:var(--bg-surface-strong);color:var(--text-secondary)}.notif-center-tab.active{background:var(--text-primary);color:var(--text-on-dark);border-color:var(--highlight-1);box-shadow:0 14px 30px var(--scrim-3),inset 0 1px 0 var(--highlight-2)}.notif-center-tab:disabled{opacity:.38}.notif-center-tab-count{min-width:1.15rem;height:1.15rem;border-radius:999px;display:grid;place-items:center;font-size:10px;background:var(--border-glass);color:var(--text-tertiary)}.notif-center-tab.active .notif-center-tab-count{background:var(--highlight-3);color:var(--text-on-dark)}.notif-center-actions{padding:0 1rem .72rem;display:flex;gap:.5rem}.notif-center-list{flex:1;overflow-y:auto;padding:0 1rem 1rem;display:flex;flex-direction:column;gap:.55rem}.notif-center-item{position:relative;display:flex;gap:.7rem;background:var(--border-glass);border:1px solid var(--border-glass);border-radius:1rem;padding:.72rem;box-shadow:0 10px 30px var(--scrim-1),inset 0 1px 0 var(--bg-elevated);transition:transform var(--dur-fast) var(--ease-smooth),background var(--dur-normal) var(--ease-smooth),border-color var(--dur-normal) var(--ease-smooth),box-shadow var(--dur-normal) var(--ease-smooth)}.notif-center-item.clickable{cursor:pointer}.notif-center-item.clickable:hover{transform:translateY(-1px);background:var(--border-glass-strong);border-color:var(--bg-surface-strong);box-shadow:0 16px 36px var(--scrim-2),inset 0 1px 0 var(--bg-elevated)}.notif-center-accent{position:absolute;left:0;top:18%;bottom:18%;width:3px;border-radius:999px}.notif-center-icon{width:2.3rem;height:2.3rem;border-radius:.86rem;display:grid;place-items:center;border:1px solid var(--border-glass);box-shadow:inset 0 1px 0 var(--highlight-6);flex-shrink:0;font-size:1.04rem}.notif-center-item-head{display:flex;align-items:flex-start;justify-content:space-between;gap:.55rem}.notif-center-item-title{margin:0;color:var(--text-primary);font-size:.9rem;line-height:1.2;font-family:var(--font-body);font-weight:700}.notif-center-item-body{margin:.36rem 0 0;color:var(--text-tertiary);font-size:.77rem;line-height:1.45;font-family:var(--font-body)}.notif-center-item-time{margin:.42rem 0 0;color:var(--text-muted);font-size:.66rem;font-family:var(--font-body)}.notif-center-x{width:1.62rem;height:1.62rem;border-radius:.62rem;display:grid;place-items:center;color:var(--text-muted);font-size:.98rem;line-height:1;transition:background var(--dur-fast) var(--ease-smooth),color var(--dur-fast) var(--ease-smooth),transform var(--dur-fast) var(--ease-smooth)}.notif-center-x:hover{background:var(--border-glass);color:var(--text-secondary);transform:translateY(-1px)}.notif-center-empty{min-height:100%;display:flex;align-items:center;justify-content:center;text-align:center;flex-direction:column;gap:.5rem;padding:1.5rem}@media (max-width:420px){.notif-panel{width:min(360px,calc(100vw - 24px));right:-2px}}.notif-bell-btn{width:2.5rem;height:2.5rem;border-radius:1rem;background:var(--bg-surface-subtle);border:1px solid var(--border-glass);backdrop-filter:var(--blur-extra-018);-webkit-backdrop-filter:var(--blur-extra-018)}.notif-footer{display:flex;align-items:center;justify-content:space-between;gap:.55rem}.notif-root{position:relative;z-index:75}.notif-bell-btn{cursor:pointer}.notif-panel{z-index:120;pointer-events:auto}.profile-menu{position:relative;padding:4px 12px 16px;flex-shrink:0;z-index:30}.profile-trigger{width:100%;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:18px;text-align:left;border:1px solid var(--border-glass);backdrop-filter:var(--blur-extra-005);box-shadow:inset 0 1px 0 var(--bg-surface-strong);transition:transform .14s ease,background .16s ease,box-shadow .16s ease,border-color .16s ease}.profile-trigger:hover{transform:translateY(-1px);background:var(--bg-surface);box-shadow:0 18px 54px var(--scrim-1),inset 0 1px 0 var(--bg-surface-strong)}.profile-trigger:active{transform:translateY(0) scale(.99)}.profile-trigger:focus-visible{box-shadow:0 0 0 4px var(--warning-bg),0 18px 54px var(--scrim-1),inset 0 1px 0 var(--bg-elevated)}.profile-trigger.is-open{background:var(--bg-surface-strong);border-color:var(--border-glass-strong);box-shadow:0 22px 72px var(--scrim-2),inset 0 1px 0 var(--bg-elevated)}.profile-trigger__text{flex:1;min-width:0}.profile-name{margin:0;font-size:.95rem;font-weight:700;color:rgb(var(--ink-900));line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-name,.profile-sub{font-family:var(--font-body,inherit)}.profile-sub{margin:4px 0 0;font-size:11px;color:rgb(var(--ink-400))}.profile-chevron{width:14px;height:14px;color:rgb(var(--ink-400));flex-shrink:0;transition:transform .18s ease}.profile-chevron.open{transform:rotate(180deg)}.profile-backdrop{position:fixed;inset:0;z-index:35;background:radial-gradient(120% 90% at 50% 0,var(--scrim-1) 0,var(--scrim-3) 70%);backdrop-filter:var(--blur-extra-015)}.profile-popover{position:absolute;left:12px;right:12px;bottom:calc(100% + 10px);z-index:40;border-radius:22px;overflow:hidden;border:1px solid var(--border-glass);backdrop-filter:var(--blur-extra-008);box-shadow:0 28px 90px var(--scrim-3),0 10px 40px var(--scrim-2),inset 0 1px 0 var(--bg-elevated);transform-origin:bottom center;animation:profile-pop .16s ease both}.profile-popover__head{display:flex;align-items:center;gap:12px;padding:14px 14px 12px;background:var(--highlight-4);border-bottom:1px solid var(--surface-cream-soft)}.profile-popover__name{margin:0;font-size:.95rem;font-weight:750;color:rgb(var(--ink-900));line-height:1.15}.profile-popover__name,.profile-popover__user{font-family:var(--font-body,inherit);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-popover__user{margin:4px 0 0;font-size:12px;color:rgb(var(--ink-400))}.profile-popover__group{padding:6px}.profile-sep{height:1px;background:var(--border-warm-dim);margin:0 10px}.profile-avatar{display:grid;place-items:center;overflow:hidden;border-radius:999px;color:#fff;font-weight:800;font-family:var(--font-display,inherit);background:linear-gradient(135deg,rgb(var(--warm-300)) 0,var(--accent) 60%,var(--accent-hover) 100%);box-shadow:0 14px 44px var(--scrim-2),inset 0 1px 0 var(--highlight-2);border:1px solid var(--border-glass);transition:transform .16s ease,box-shadow .16s ease}.profile-avatar.ring{box-shadow:0 0 0 2px var(--bg-elevated),0 14px 44px var(--scrim-3),inset 0 1px 0 var(--highlight-2)}.profile-row{width:100%;display:flex;align-items:center;gap:12px;padding:10px;border-radius:16px;font-size:.92rem;font-family:var(--font-body,inherit);color:rgb(var(--ink-700));transition:transform .14s ease,background .14s ease,color .14s ease,box-shadow .14s ease;background:transparent}.profile-row:hover{background:var(--border-glass-strong);transform:translateY(-1px);box-shadow:inset 0 1px 0 var(--bg-surface-strong)}.profile-row:active{transform:translateY(0) scale(.99)}.profile-row.danger{color:var(--danger-fg-strong)}.profile-row.danger:hover{background:var(--danger-bg-soft)}.profile-row__ic{width:32px;height:32px;border-radius:14px;display:grid;place-items:center;flex-shrink:0;background:var(--border-glass-strong);border:1px solid var(--border-glass);box-shadow:inset 0 1px 0 var(--bg-surface-strong);transition:background .14s ease,transform .14s ease}.profile-row:hover .profile-row__ic{background:var(--bg-surface-strong);transform:translateY(-1px)}.profile-row__ic.danger{background:var(--danger-bg-soft);border-color:var(--danger-border)}.profile-row:hover .profile-row__ic.danger{background:var(--danger-bg-medium)}.profile-row__label{flex:1;text-align:left;white-space:nowrap}.settings-field-label{font-weight:700;color:var(--text-faint);letter-spacing:.12em;text-transform:uppercase}.settings-field-hint,.settings-field-label{font-size:11px;font-family:var(--font-body)}.settings-field-hint{color:var(--text-muted)}.settings-avatar-lg{width:5rem;height:5rem;border-radius:999px;place-items:center;color:#fff;font-size:1.9rem;background:linear-gradient(135deg,rgb(var(--warm-300)) 0,var(--accent) 60%,var(--accent-hover) 100%);border:2px solid var(--bg-elevated);box-shadow:0 18px 52px var(--accent-focus-ring),inset 0 1px 0 var(--highlight-3)}.settings-avatar-lg,.settings-avatar-sm{overflow:hidden;display:grid;font-weight:700;font-family:var(--font-display)}.settings-avatar-sm{width:2rem;height:2rem;border-radius:999px;place-items:center;color:#fff;font-size:.72rem;background:linear-gradient(135deg,rgb(var(--warm-300)) 0,var(--accent) 60%,var(--accent-hover) 100%);border:1.5px solid var(--bg-surface-strong);box-shadow:0 8px 20px var(--scrim-2)}.settings-modal-overlay{position:fixed;inset:0;z-index:70;padding:1rem;display:flex;align-items:center;justify-content:center;background:var(--scrim-5);backdrop-filter:var(--blur-extra-012);-webkit-backdrop-filter:var(--blur-extra-012);animation:fadeIn .24s ease forwards}.settings-modal-panel{width:100%;max-width:56rem;height:560px;overflow:hidden;border-radius:1.8rem;background:var(--bg-elevated);border:1px solid var(--bg-surface-strong);backdrop-filter:var(--blur-extra-019);-webkit-backdrop-filter:var(--blur-extra-019);box-shadow:0 32px 82px var(--scrim-3),0 10px 26px var(--scrim-2),inset 0 1px 0 var(--bg-elevated);animation:popIn .28s var(--ease-out-expo)}.settings-modal-sidebar{width:13.5rem;display:flex;flex-direction:column;flex-shrink:0;background:var(--border-glass);border-right:1px solid var(--bg-surface-subtle)}.settings-nav-item{width:100%;display:flex;align-items:center;gap:.7rem;padding:.62rem .74rem;border-radius:.9rem;text-align:left;font-size:.9rem;font-family:var(--font-body);border:1px solid transparent;color:var(--text-tertiary);transition:transform var(--dur-fast) var(--ease-smooth),background var(--dur-normal) var(--ease-smooth),border-color var(--dur-normal) var(--ease-smooth),color var(--dur-normal) var(--ease-smooth),box-shadow var(--dur-normal) var(--ease-smooth)}.settings-nav-item:hover{transform:translateY(-1px);color:var(--text-primary);background:var(--border-glass);border-color:var(--bg-surface);box-shadow:inset 0 1px 0 var(--bg-surface-strong)}.settings-nav-item.active{color:var(--text-primary);font-weight:650;background:var(--bg-surface-strong);border-color:var(--highlight-5);box-shadow:0 10px 24px var(--scrim-1),inset 0 1px 0 var(--bg-elevated)}.settings-nav-icon{width:1.75rem;height:1.75rem;border-radius:.74rem;display:grid;place-items:center;flex-shrink:0;background:var(--bg-surface-subtle);border:1px solid var(--bg-surface);box-shadow:inset 0 1px 0 var(--bg-surface-strong)}.settings-nav-icon.active{background:var(--bg-surface-strong);border-color:var(--border-glass-strong)}.profile-menu{padding:.25rem .75rem .92rem}.profile-trigger{border-radius:1rem;background:var(--highlight-5);border:1px solid var(--highlight-5);backdrop-filter:var(--blur-extra-018);-webkit-backdrop-filter:var(--blur-extra-018)}.profile-trigger:hover{background:var(--highlight-5);border-color:var(--border-glass-strong)}.profile-popover{border-radius:1.35rem;background:var(--bg-surface-strong);border:1px solid var(--border-glass-strong);backdrop-filter:var(--blur-extra-020);-webkit-backdrop-filter:var(--blur-extra-020)}.settings-modal-panel{max-height:min(88vh,680px);height:min(88vh,680px);display:flex;flex-direction:column}.settings-modal-head{display:flex;align-items:center;justify-content:space-between;gap:.9rem;padding:.75rem 1rem;border-bottom:1px solid var(--surface-cream-soft);background:var(--bg-surface-subtle);flex-shrink:0}.settings-modal-body{flex:1;min-height:0;display:flex;overflow:hidden}.settings-modal-foot{display:flex;justify-content:flex-end;align-items:center;gap:.5rem;padding:.7rem 1rem;border-top:1px solid var(--surface-cream-soft);background:var(--bg-surface-subtle);flex-shrink:0}@media (max-width:900px){.settings-modal-panel{width:calc(100vw - 1rem);max-height:92vh;height:92vh}}@media (max-width:760px){.settings-modal-body{flex-direction:column}.settings-modal-sidebar{width:100%;border-right:0;border-bottom:1px solid var(--surface-cream-soft)}}.theme-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.65rem}.theme-option{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;min-height:5.6rem;padding:.8rem .6rem;border-radius:var(--radius-xl);border:1px solid var(--border-glass);background:var(--bg-surface);backdrop-filter:var(--blur-sm);-webkit-backdrop-filter:var(--blur-sm);box-shadow:var(--shadow-sm),var(--shadow-inset-top);transition:transform var(--dur-fast) var(--ease-smooth),background var(--dur-normal) var(--ease-smooth),border-color var(--dur-normal) var(--ease-smooth),box-shadow var(--dur-normal) var(--ease-smooth)}.theme-option:hover{transform:translateY(-1px);background:var(--bg-surface-strong);border-color:var(--border-glass-strong);box-shadow:var(--shadow-md),var(--shadow-inset-top)}.theme-option.active{border-color:var(--accent-border);background:var(--bg-elevated);box-shadow:0 0 0 1px var(--accent-border),var(--shadow-md),var(--shadow-inset-top)}.theme-option-preview{width:1.8rem;height:1.8rem;border-radius:999px;border:1px solid var(--border-glass-strong);box-shadow:var(--shadow-xs),inset 0 1px 0 var(--bg-surface-strong)}.theme-option-label{font-size:.78rem;font-weight:650;color:var(--text-tertiary);font-family:var(--font-body);line-height:1.2;text-align:center}.theme-option.active .theme-option-label{color:var(--text-primary)}.theme-option-check{position:absolute;top:.45rem;right:.45rem;width:1.2rem;height:1.2rem;border-radius:999px;background:var(--accent);color:var(--text-on-dark);display:grid;place-items:center;box-shadow:var(--shadow-sm)}@media (max-width:520px){.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.profile-presence{margin:6px 0 0;display:inline-flex;align-items:center;gap:7px;max-width:100%;font-size:11px;color:rgb(var(--ink-400));font-family:var(--font-body,inherit);line-height:1.2}.profile-presence.online{color:#2f9f66}.profile-presence-dot{width:9px;height:9px;border-radius:999px;border:1.5px solid var(--bg-surface-strong);background:#b8bdc8;box-shadow:0 4px 12px rgba(28,23,20,.22);flex-shrink:0}.profile-presence-dot.online{background:#38c57a;box-shadow:0 5px 14px rgba(56,197,122,.35)}.profile-presence-dot.offline{background:#b8bdc8}.user-mini-popover-layer{inset:0;z-index:95}.user-mini-popover-layer,.user-mini-popover-positioner{position:fixed;pointer-events:none}.user-mini-popover{position:relative;width:100%;pointer-events:auto;border-radius:20px;overflow:hidden;background:var(--bg-surface-strong);border:1px solid var(--border-glass);backdrop-filter:var(--blur-extra-008);box-shadow:0 24px 72px var(--scrim-3),0 10px 30px var(--scrim-2),inset 0 1px 0 var(--bg-elevated);animation:profile-pop .18s cubic-bezier(.16,1,.3,1) both;will-change:transform,opacity}.user-mini-popover.is-top{transform-origin:bottom center}.user-mini-popover.is-bottom{transform-origin:top center}.user-mini-popover.is-closing{pointer-events:none;animation:profile-pop-out .15s cubic-bezier(.4,0,1,1) both}@media (prefers-reduced-motion:reduce){.user-mini-popover,.user-mini-popover.is-closing{animation-duration:1ms}}.user-mini-popover__head{display:flex;align-items:flex-start;gap:12px;padding:13px 14px 11px;background:var(--highlight-4);border-bottom:1px solid var(--surface-cream-soft)}.user-mini-avatar{width:52px;height:52px;border-radius:999px;overflow:hidden;display:grid;place-items:center;flex-shrink:0;color:#fff;font-weight:800;font-size:18px;font-family:var(--font-display,inherit);background:linear-gradient(135deg,rgb(var(--warm-300)) 0,var(--accent) 62%,var(--accent-hover) 100%);border:1px solid var(--border-glass);box-shadow:0 14px 42px var(--scrim-2),inset 0 1px 0 var(--highlight-2)}.user-mini-popover__name{margin:0;font-size:.95rem;line-height:1.2;font-weight:730;color:rgb(var(--ink-900))}.user-mini-popover__name,.user-mini-popover__username{font-family:var(--font-body,inherit);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-mini-popover__username{margin:4px 0 0;font-size:12px;line-height:1.25;color:rgb(var(--ink-400))}.user-mini-role{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;height:20px;border-radius:999px;padding:0 8px;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;font-family:var(--font-body,inherit);border:1px solid var(--border-glass-strong);background:var(--bg-surface-subtle);color:rgb(var(--ink-500))}.user-mini-role.owner{background:var(--warning-bg-soft);border-color:var(--warning-bg-strong);color:rgb(var(--warm-700))}.user-mini-popover__bio{margin:0;padding:10px 14px 0;color:rgb(var(--ink-700));font-size:13px;line-height:1.45;font-family:var(--font-body,inherit);white-space:pre-wrap;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.user-mini-popover__meta{padding:10px 14px 12px}.user-mini-meta-row{margin:0;display:flex;align-items:center;justify-content:space-between;gap:10px;font-family:var(--font-body,inherit)}.user-mini-meta-row+.user-mini-meta-row{margin-top:5px}.user-mini-meta-row.compact{font-size:11px}.user-mini-meta-row__label{color:rgb(var(--ink-400));font-size:11px;line-height:1.2}.user-mini-meta-row__value{color:rgb(var(--ink-700));font-size:12px;line-height:1.2;font-weight:620;text-align:right}@media (max-width:520px){.user-mini-popover__head{padding:12px 12px 10px;gap:10px}.user-mini-avatar{width:48px;height:48px;font-size:16px}.user-mini-popover__bio,.user-mini-popover__meta{padding-left:12px;padding-right:12px}}.glass-overlay{background:var(--bg-overlay);backdrop-filter:var(--blur-extra-011);-webkit-backdrop-filter:var(--blur-extra-011)}.glass-modal-overlay{background:var(--scrim-4);backdrop-filter:var(--blur-extra-012);-webkit-backdrop-filter:var(--blur-extra-012)}.glass-modal-panel{background:var(--bg-surface-strong);backdrop-filter:var(--blur-xl);-webkit-backdrop-filter:var(--blur-xl);border:1px solid var(--border-glass);border-radius:1.75rem;box-shadow:0 32px 80px var(--scrim-3),0 8px 20px var(--scrim-1),inset 0 1px 0 var(--bg-elevated)}.tree-shell{height:100%;display:flex;flex-direction:column;background:rgb(var(--cream-50))}.tree-head{padding:14px 16px 12px;border-bottom:1px solid var(--border-glass-strong);flex-shrink:0}.tree-head__inner{max-width:960px;margin:0 auto}.tree-head__row{display:flex;align-items:center;justify-content:space-between;gap:12px}.tree-title{margin:0;font-family:var(--font-display,inherit);color:rgb(var(--ink-900));font-size:1.05rem;line-height:1.1;letter-spacing:-.02em;font-weight:650}.tree-sub{margin:6px 0 0;font-size:11px;color:rgb(var(--ink-400));font-family:var(--font-body,inherit)}.tree-body{flex:1 1 auto;overflow:auto;padding:18px 16px 24px}.tree-empty{text-align:center;padding:64px 16px;max-width:380px;margin:0 auto}.tree-canvas-wrap{max-width:100%;margin:0 auto;overflow:auto}.tree-canvas{position:relative;margin:0 auto}.tree-edges{position:absolute;inset:0;pointer-events:none;overflow:visible}.tree-edge-parent{stroke:rgb(var(--ink-300));stroke-width:1.5;opacity:.55}.tree-edge-spouse{stroke:#e08bb0;stroke-width:2;stroke-dasharray:4 3;opacity:.9}.tree-node{display:inline-flex;align-items:center;gap:10px;padding:10px 14px 10px 10px;border-radius:18px;background:var(--border-glass);border:1px solid var(--border-glass-strong);backdrop-filter:var(--blur-extra-005);box-shadow:0 2px 14px var(--scrim-1),0 18px 54px var(--scrim-faint),inset 0 1px 0 var(--bg-surface-strong);transition:box-shadow .16s ease,border-color .16s ease,background .16s ease;text-align:left;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1}.tree-node.dragging{cursor:grabbing;transition:none;z-index:5;box-shadow:0 12px 40px var(--scrim-1),0 30px 80px var(--scrim-1)}.tree-node:hover{transform:translateY(-1px);background:var(--bg-surface-strong);border-color:var(--border-glass)}.tree-node.selected{border-color:rgb(var(--warm-400));background:rgb(var(--warm-100)/.75);box-shadow:0 0 0 3px var(--warning-bg),0 18px 60px var(--scrim-1)}.tree-node.highlighted{border-color:rgb(var(--warm-300))}.tree-pill-me{position:absolute;top:-8px;right:-8px;background:rgb(var(--warm-500));color:white;font-size:10px;font-weight:700;padding:2px 8px;border-radius:999px;font-family:var(--font-body,inherit);letter-spacing:.06em;text-transform:uppercase;border:2px solid white}.tree-pill-linked{position:absolute;top:-6px;right:-6px;width:18px;height:18px;border-radius:999px;display:grid;place-items:center;background:white;color:rgb(var(--ink-500));border:1px solid var(--border-glass)}.tree-details{position:sticky;bottom:12px;margin:16px auto 0;max-width:560px;padding:16px;border-radius:22px;background:var(--bg-surface-strong);border:1px solid var(--border-glass-strong);box-shadow:0 22px 60px var(--scrim-faint),inset 0 1px 0 var(--bg-surface-strong)}.tree-info-cell{border-radius:14px;padding:10px 12px;background:var(--bg-surface-subtle);border:1px solid var(--border-glass-strong)}.tree-info-k{margin:0 0 4px;font-size:11px;color:rgb(var(--ink-400));text-transform:uppercase;letter-spacing:.08em}.tree-info-k,.tree-info-v{font-family:var(--font-body,inherit)}.tree-info-v{margin:0;font-size:.92rem;color:rgb(var(--ink-800));font-weight:600}.tree-bio{border-radius:16px;padding:12px;background:var(--bg-surface-subtle);border:1px solid var(--border-glass-strong)}.tree-bio-v{margin:4px 0 0;font-size:.92rem;color:rgb(var(--ink-700));font-family:var(--font-body,inherit);line-height:1.55;white-space:pre-wrap}