@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Caveat:wght@400;500;600;700&family=Kalam:wght@300;400;700&display=swap";:root{--color-bg: #ffffff;--color-bg-secondary: #f5f5f7;--color-bg-tertiary: #fbfbfd;--color-text-primary: #1d1d1f;--color-text-secondary: #6e6e73;--color-text-tertiary: #86868b;--color-accent: #0071e3;--color-accent-hover: #0077ed;--color-border: rgba(0, 0, 0, .08);--color-border-light: rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--space-xs: .5rem;--space-sm: 1rem;--space-md: 1.5rem;--space-lg: 2rem;--tag-card-scroll-padding: 6px;--search-bar-offset: 0px;--search-bar-gap: 12px;--safe-top: env(safe-area-inset-top, 0px);--safe-right: env(safe-area-inset-right, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Inter,Segoe UI,sans-serif;background:var(--color-bg);color:var(--color-text-primary);line-height:1.6;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;touch-action:pan-x pan-y pinch-zoom}.network-container{width:100vw;height:100vh;height:100dvh;position:fixed;top:0;left:0;background:var(--color-bg);z-index:1}.network-container svg{touch-action:none}#ui-layer{position:fixed;inset:0;z-index:100;pointer-events:none}#ui-layer.results-open{z-index:22000}#ui-layer .ui-interactive{pointer-events:auto}#ui-layer .user-menu{pointer-events:none}#ui-layer .user-menu>*{pointer-events:auto}#ui-layer .user-menu .user-menu-panel{pointer-events:none}#ui-layer .user-menu.open .user-menu-panel{pointer-events:auto}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.profile-card{background:var(--color-bg);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);padding:var(--space-md);box-shadow:var(--shadow-lg);max-width:320px;z-index:20000;pointer-events:none;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);animation:fadeInUp .2s ease-out}.profile-card-selected{pointer-events:auto;max-width:340px;box-shadow:0 12px 32px #00000026;z-index:20000}.is-touch .profile-card-selected{left:max(12px,calc(12px + var(--safe-left)));right:max(12px,calc(12px + var(--safe-right)));top:auto;bottom:calc(var(--search-bar-offset, 0px) + var(--search-bar-gap, 12px) + var(--safe-bottom));max-width:none;width:auto;max-height:min(56dvh,520px);border-radius:20px;display:flex;flex-direction:column;overflow:hidden;overscroll-behavior:contain}.is-touch .profile-card-selected:not(.tag-card){overflow-y:auto;-webkit-overflow-scrolling:touch}.is-touch .profile-card-selected.tag-card{max-width:none}.is-touch .tag-people-list{max-height:none;flex:1}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.profile-header{display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.avatar-circle{--avatar-size: 48px;position:relative;display:block;box-sizing:border-box;width:var(--avatar-size);height:var(--avatar-size);min-width:var(--avatar-size);border-radius:50%;overflow:hidden;background:#fff;flex-shrink:0;line-height:0}.avatar-circle-image{width:100%;height:100%;display:block;object-fit:cover;object-position:center top;background:#fff}.network-node-avatar-shell{width:100%;height:100%;pointer-events:none}.network-node-avatar{--avatar-size: 72px;border:0;box-shadow:none}.profile-avatar{--avatar-size: 60px;border:2px solid var(--color-border-light);box-shadow:var(--shadow-sm)}.profile-info{flex:1;display:flex;flex-direction:column;justify-content:center}.profile-name{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin:0 0 4px;letter-spacing:-.01em}.profile-bio{font-size:.875rem;color:var(--color-text-secondary);line-height:1.5;margin:0;font-weight:400;white-space:pre-line}.profile-tags{display:flex;flex-wrap:wrap;gap:6px;padding-top:var(--space-sm);border-top:1px solid var(--color-border-light)}.profile-tag{padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:500;background:var(--color-bg-secondary);color:var(--color-text-secondary);border:1px solid var(--color-border-light);letter-spacing:.01em}.clickable-tag{cursor:pointer;transition:all .2s ease}.clickable-tag:hover{background:var(--color-accent);color:#fff;border-color:var(--color-accent);transform:translateY(-1px)}.tag-card{max-width:400px}.tag-people-list{display:flex;flex-direction:column;gap:8px;margin-top:calc(var(--space-sm) - var(--tag-card-scroll-padding));max-height:400px;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:var(--tag-card-scroll-padding) 12px calc(var(--tag-card-scroll-padding) + 2px) 4px;scroll-padding-block:var(--tag-card-scroll-padding);scrollbar-gutter:stable}.tag-people-list::-webkit-scrollbar{width:6px}.tag-people-list::-webkit-scrollbar-track{background:transparent;margin:4px 0}.tag-people-list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.tag-people-list::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}.tag-person-item{display:flex;gap:10px;padding:10px;border-radius:var(--radius-sm);background:var(--color-bg-secondary);border:1px solid var(--color-border-light);cursor:pointer;transition:all .2s ease;margin-right:4px}.tag-person-item:hover{background:var(--color-bg-tertiary);border-color:var(--color-accent);transform:translateY(-2px);box-shadow:var(--shadow-sm);margin-right:4px}.person-item-avatar{--avatar-size: 40px;border:2px solid var(--color-border-light)}.person-item-info{flex:1;min-width:0}.person-item-name{font-size:.875rem;font-weight:600;color:var(--color-text-primary);margin-bottom:2px}.person-item-bio{font-size:.75rem;color:var(--color-text-secondary);line-height:1.4;white-space:pre-line;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.node{cursor:pointer;transition:all .2s ease}.link{transition:all .2s ease}@media(max-width:768px){.auth-overlay,.person-manager,.invite-overlay{align-items:stretch;justify-content:stretch;padding:0;overflow:hidden}.profile-card{max-width:90vw;font-size:.9rem}.tag-card{max-width:90vw}.tag-people-list{max-height:300px}.user-menu{top:16px;left:16px}.user-menu-panel{width:min(320px,90vw)}.manager-content{width:95%;max-width:600px;max-height:90vh;overflow:hidden}.invite-window,.manager-content,.auth-container{overscroll-behavior:contain}}@media(max-width:480px){.user-menu{top:calc(12px + env(safe-area-inset-top));left:calc(12px + env(safe-area-inset-left));right:calc(12px + env(safe-area-inset-right))}.user-menu-backdrop{display:block;position:fixed;inset:0;background:#1414191f;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .2s ease}.user-menu.open .user-menu-backdrop{opacity:1;pointer-events:auto}.user-menu-close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:8px;border:1px solid var(--color-border);background:#fff;color:var(--color-text-secondary);font-size:1.4rem;line-height:1;cursor:pointer;align-self:flex-end}.user-menu-close:active{transform:scale(.98)}.user-menu-trigger{padding:10px 14px;font-size:.9rem;min-height:44px;position:relative;z-index:2}.user-avatar{width:28px;height:28px;font-size:.75rem}.user-menu-panel{position:fixed;top:calc(64px + env(safe-area-inset-top));bottom:calc(12px + env(safe-area-inset-bottom));left:calc(12px + env(safe-area-inset-left));right:calc(12px + env(safe-area-inset-right));width:auto;max-width:none;padding:16px 14px calc(16px + env(safe-area-inset-bottom)) 14px;margin:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;display:flex;flex-direction:column;gap:12px;background:#f2f2f7;border:1px solid rgba(0,0,0,.1);box-shadow:0 24px 60px #00000038;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);z-index:1}.user-menu.menu-fullscreen{top:0;left:0;right:0}.user-menu.menu-fullscreen .user-menu-backdrop{display:none}.user-menu.menu-fullscreen .user-menu-trigger{opacity:0;pointer-events:none}.user-menu.menu-fullscreen .user-menu-panel{inset:0;padding:calc(16px + env(safe-area-inset-top)) 16px calc(24px + env(safe-area-inset-bottom));border-radius:0;border:none;box-shadow:none;background:var(--color-bg);backdrop-filter:none;-webkit-backdrop-filter:none}.user-menu.menu-fullscreen .user-panel-header{background:var(--color-bg);padding-top:0}.user-menu.menu-fullscreen .user-menu-section{background:var(--color-bg-secondary);border-color:var(--color-border-light)}.user-panel-header{margin-bottom:14px;padding-bottom:14px;position:sticky;top:0;background:#f2f2f7;z-index:2}.user-avatar-lg{width:36px;height:36px}.user-panel-name{font-size:.9rem}.user-panel-email{font-size:.75rem}.user-menu-section{border-top:none;margin-top:12px;background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:0 1px 2px #0000000a;border-radius:14px;padding:12px}.user-menu-section:first-of-type{margin-top:0}.section-label{font-size:.65rem;margin-bottom:8px}.quick-action-btn,.user-menu-list button,.menu-destructive{padding:12px 14px;font-size:.9rem;min-height:44px}.profile-card{max-width:calc(100vw - 24px);padding:14px;font-size:.85rem}.profile-card-selected,.profile-card-selected.tag-card{left:max(12px,calc(12px + var(--safe-left)));right:max(12px,calc(12px + var(--safe-right)));bottom:calc(var(--search-bar-offset, 0px) + 8px + var(--safe-bottom));max-height:min(58dvh,540px)}.profile-avatar{--avatar-size: 50px}.profile-name{font-size:1rem}.profile-bio{font-size:.8rem}.profile-tag{font-size:.7rem;padding:3px 8px}.tag-card{max-width:calc(100vw - 24px);padding:14px}.tag-people-list{max-height:250px;padding-right:8px}.tag-person-item{padding:10px 8px;gap:8px}.person-item-avatar{--avatar-size: 36px}.person-item-name{font-size:.85rem}.person-item-bio{font-size:.75rem}.person-manager{padding:0}.manager-content{width:100%;max-width:100%;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;border-radius:0;overflow:hidden;overscroll-behavior:contain}.manager-header{padding:calc(16px + env(safe-area-inset-top)) 16px 16px;position:sticky;top:0;background:#fff;z-index:10;border-bottom:1px solid var(--color-border);box-shadow:0 1px #0000000a}.manager-body{overflow-y:auto;-webkit-overflow-scrolling:touch;padding-bottom:env(safe-area-inset-bottom)}.manager-header h2{font-size:1.1rem}.close-btn{font-size:2rem;width:36px;height:36px}.person-form{padding:16px}.form-group{margin-bottom:16px}.form-group label{font-size:.85rem;margin-bottom:6px}.form-group input,.form-group textarea{font-size:16px!important;padding:12px;min-height:44px}.form-group textarea{min-height:100px}.form-actions{flex-direction:column;gap:10px;padding:16px;position:sticky;bottom:0;background:#fff;border-top:1px solid var(--color-border);margin:0 -16px calc(-16px - env(safe-area-inset-bottom)) -16px;padding-bottom:calc(16px + env(safe-area-inset-bottom));box-shadow:0 -1px #0000000a}.form-actions button{width:100%;min-height:44px;font-size:.95rem}.people-list{padding:16px}.tag-manager-body{padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom))}.related-tags-list{max-height:40vh}.people-list h3{font-size:1rem;margin-bottom:14px}.people-grid{gap:12px}.person-card{padding:12px}.person-card-avatar{--avatar-size: 40px}.person-card-info h4{font-size:.9rem}.person-card-info p{font-size:.8rem}.person-card-tags{gap:6px}.person-card-tags .tag{font-size:.7rem;padding:3px 8px}.person-card-actions{gap:8px}.person-card-actions button{min-height:40px;font-size:.85rem}.auth-container{width:100%;max-width:100%;padding:calc(24px + var(--safe-top)) calc(20px + var(--safe-right)) calc(24px + var(--safe-bottom)) calc(20px + var(--safe-left));border-radius:0;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;justify-content:flex-start;overflow-y:auto;-webkit-overflow-scrolling:touch}.auth-tabs{margin-bottom:24px}.auth-tab{font-size:.9rem;padding:10px 20px;min-height:44px}.auth-form h2{font-size:1.3rem;margin-bottom:20px}.auth-form .form-group{margin-bottom:16px}.auth-form label{font-size:.85rem}.auth-form input{font-size:16px!important;padding:12px 14px;min-height:48px}.auth-submit{min-height:48px;font-size:.95rem;margin-top:8px}.created-token-dialog{justify-content:flex-start}.created-token-value{min-height:160px!important;font-size:16px!important;word-break:break-all}.created-token-actions{flex-direction:column}#success-notification{padding:calc(16px + var(--safe-top)) calc(16px + var(--safe-right)) calc(16px + var(--safe-bottom)) calc(16px + var(--safe-left))!important;align-items:flex-end!important}#success-notification .success-popup{width:100%!important;max-width:none!important;border-radius:18px!important}.loading,.empty-state,.error-state{font-size:.85rem;padding:16px}}@media(max-width:360px){.user-menu-trigger{padding:8px 12px}.user-panel-name{font-size:.85rem}.profile-card,.tag-card{max-width:calc(100vw - 16px);padding:12px}.manager-content{padding:0}.person-form,.people-list{padding:12px}}@media(hover:none)and (pointer:coarse){.quick-action-btn,.user-menu-list button,.menu-destructive,.canvas-join-btn,.canvas-delete-btn,.canvas-create-btn,.filter-dropdown{min-height:48px}.tag-person-item{min-height:60px}.quick-action-btn:hover,.user-menu-list button:hover,.tag-person-item:hover{transform:none}.quick-action-btn:active,.user-menu-list button:active{transform:scale(.97);opacity:.9}.tag-person-item:active{transform:scale(.98)}}@media(max-width:768px)and (orientation:landscape){.manager-content{max-height:95vh}.auth-container{min-height:auto;padding:calc(20px + var(--safe-top)) calc(20px + var(--safe-right)) calc(20px + var(--safe-bottom)) calc(20px + var(--safe-left))}.tag-people-list{max-height:200px}}.auth-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:20000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.auth-container{background:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-lg);width:100%;max-width:400px;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-tabs{display:flex;gap:8px;margin-bottom:var(--space-lg);border-bottom:1px solid var(--color-border);padding-bottom:8px}.auth-tab{flex:1;padding:10px 16px;border:none;background:transparent;color:var(--color-text-secondary);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;border-radius:8px;font-family:inherit}.auth-tab:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.auth-tab.active{background:var(--color-accent);color:#fff}.auth-form{display:flex;flex-direction:column;gap:var(--space-md)}.auth-form.hidden{display:none}.auth-form h2{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-sm) 0;text-align:center}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.form-group input{padding:12px 16px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.95rem;font-family:inherit;color:var(--color-text-primary);background:var(--color-bg);transition:all .2s ease}.form-group input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #0071e31a}.form-error{display:none;padding:10px;background:#fee;border:1px solid #fcc;border-radius:var(--radius-sm);color:#c33;font-size:.875rem;text-align:center}.auth-submit{padding:12px 24px;border:none;background:var(--color-accent);color:#fff;font-size:1rem;font-weight:500;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;font-family:inherit;margin-top:var(--space-sm)}.auth-submit:hover{background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.auth-submit:active{transform:translateY(0)}.auth-divider{display:flex;align-items:center;text-align:center;margin:var(--space-sm) 0;color:var(--color-text-tertiary);font-size:.875rem}.auth-divider:before,.auth-divider:after{content:"";flex:1;border-bottom:1px solid var(--color-border)}.auth-divider span{padding:0 var(--space-sm)}.google-signin-btn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:12px 24px;border:1px solid var(--color-border);background:#fff;color:var(--color-text-primary);font-size:.95rem;font-weight:500;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;font-family:inherit}.google-signin-btn:hover{background:var(--color-bg-secondary);border-color:var(--color-text-tertiary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.google-signin-btn:active{transform:translateY(0);box-shadow:none}.google-signin-btn svg{flex-shrink:0}.user-menu{position:fixed;top:24px;left:24px;z-index:15000;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.user-menu-backdrop,.user-menu-close{display:none}.user-menu-trigger{display:flex;align-items:center;gap:10px;padding:8px 16px;border-radius:8px;border:1px solid var(--color-border);background:#fff;cursor:pointer;transition:all .2s ease;font-family:inherit;color:var(--color-text-primary);font-size:.875rem;font-weight:500;box-shadow:0 1px 2px #0000000a}.user-menu-trigger:hover{background:var(--color-bg-secondary);border-color:var(--color-border);box-shadow:0 2px 4px #0000000f}.user-menu-trigger:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.user-menu.open .user-menu-trigger{background:var(--color-bg-secondary);border-color:var(--color-border)}.user-avatar{width:24px;height:24px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.7rem;letter-spacing:0;background:var(--color-text-primary)}.user-avatar-lg{width:40px;height:40px;font-size:.95rem;border-radius:6px}.user-trigger-text{display:flex;flex-direction:column;line-height:1.3}.user-label{display:none}.user-username{font-weight:500;font-size:.875rem;color:var(--color-text-primary)}.user-chevron{font-size:.65rem;color:var(--color-text-tertiary);transition:transform .2s ease;margin-left:auto}.user-menu.open .user-chevron{transform:rotate(180deg)}.user-menu-panel{position:absolute;top:calc(100% + 10px);left:0;width:280px;padding:16px;border-radius:12px;border:1px solid var(--color-border);background:#fff;box-shadow:0 12px 24px #0000001a,0 4px 8px #0000000f;transform-origin:top left;transform:translateY(-4px) scale(.97);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,transform .2s ease,visibility 0s linear .2s}.user-menu.open .user-menu-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0) scale(1);transition:opacity .2s ease,transform .2s ease}.user-panel-header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.user-panel-meta{flex:1;min-width:0}.user-panel-name{font-weight:600;color:var(--color-text-primary);font-size:.95rem;letter-spacing:-.01em;margin-bottom:2px;display:flex;align-items:center;gap:0}.user-panel-email{font-size:.75rem;color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;margin-bottom:6px}.user-menu-section{width:100%;padding-top:12px;margin-top:12px;border-top:1px solid var(--color-border)}.user-menu-section:first-of-type{border-top:none;padding-top:0;margin-top:0}.section-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600;color:var(--color-text-tertiary);margin-bottom:8px}.user-quick-actions{display:flex;flex-direction:column;gap:6px;margin-top:0}.quick-action-btn{width:100%;padding:10px 12px;border-radius:6px;border:none;background:var(--color-bg-secondary);color:var(--color-text-primary);font-weight:500;font-size:.875rem;cursor:pointer;transition:all .15s ease;text-align:left;display:flex;align-items:center}.quick-action-btn:hover{background:var(--color-text-primary);color:#fff}.quick-action-btn:active{transform:scale(.98)}.user-menu-section button{font-family:inherit}.user-menu-list{display:flex;flex-direction:column;gap:6px;margin-top:0}.user-menu-list button{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:6px;border:none;background:var(--color-bg-secondary);cursor:pointer;transition:all .15s ease;font-size:.875rem;font-weight:500;color:var(--color-text-primary)}.user-menu-list button:hover{background:var(--color-text-primary);color:#fff}.user-menu-list button:hover .shortcut-hint{background:#ffffff26;color:#fff}.user-menu-list button:active{transform:scale(.98)}.shortcut-hint{font-size:.7rem;color:var(--color-text-tertiary);font-weight:500;padding:2px 6px;background:#0000000a;border-radius:4px;transition:all .15s ease}.canvas-view-only{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--color-border-light);background:var(--color-bg-tertiary);color:var(--color-text-tertiary);font-size:.8rem}.canvas-section-body{display:flex;flex-direction:column;gap:12px}.canvas-picker{display:flex;flex-direction:column;gap:6px}.canvas-picker label{display:block;font-size:.75rem;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.canvas-select{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--color-border);background:var(--color-bg-tertiary);color:var(--color-text-primary);font-size:.875rem;font-weight:500;box-shadow:inset 0 0 0 1px #fff6}.canvas-select:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.canvas-actions{display:flex;flex-direction:column;gap:6px}.canvas-create-btn{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--color-border);background:var(--color-bg-tertiary);color:var(--color-text-primary);font-weight:500;font-size:.875rem;cursor:pointer;transition:all .15s ease;text-align:left}.canvas-create-btn:hover:not(:disabled){background:var(--color-bg-secondary);border-color:var(--color-border)}.canvas-create-btn:disabled{opacity:.6;cursor:not-allowed}.canvas-create-note{font-size:.72rem;color:var(--color-text-tertiary)}.canvas-join-action{display:flex;flex-direction:column;gap:6px}.canvas-join-btn{width:100%;border:none;background:var(--color-accent);color:#fff;font-size:.85rem;font-weight:600;padding:10px 12px;border-radius:10px;cursor:pointer}.canvas-join-btn:hover{background:var(--color-accent-hover)}.canvas-join-btn:disabled{background:var(--color-border);color:var(--color-text-tertiary);cursor:not-allowed}.canvas-join-note{font-size:.75rem;color:var(--color-text-tertiary);padding:0 2px}.canvas-delete-action{display:flex;flex-direction:column;gap:6px}.canvas-delete-btn{width:100%;padding:10px 12px;border-radius:10px;border:1px solid rgba(239,68,68,.2);background:#ef444414;color:#dc2626;cursor:pointer;font-weight:600;font-size:.85rem;transition:all .15s ease}.canvas-delete-btn:hover{background:#ef444424}.canvas-loading,.canvas-error{font-size:.8rem;color:var(--color-text-secondary)}.menu-destructive{width:100%;padding:10px 12px;border-radius:6px;border:none;background:#ef44441a;color:#dc2626;cursor:pointer;font-weight:600;font-size:.875rem;transition:all .15s ease}.menu-destructive:hover{background:#ef444426;color:#b91c1c}.menu-destructive:active{transform:scale(.98)}.person-manager{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:25000;display:none;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}.person-manager.active{display:flex}.manager-content{background:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:90%;max-width:800px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease-out}.manager-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg);border-bottom:1px solid var(--color-border);position:sticky;top:0;background:var(--color-bg);z-index:1}.manager-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch}.manager-header h2{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin:0}.close-btn{width:32px;height:32px;border:none;background:transparent;font-size:2rem;line-height:1;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease;border-radius:6px;display:flex;align-items:center;justify-content:center}.close-btn:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.person-form{padding:var(--space-lg);border-bottom:1px solid var(--color-border)}.person-avatar-editor{margin-top:8px}.avatar-editor-shell{display:grid;gap:16px}.avatar-preview-card,.avatar-control-card{background:linear-gradient(180deg,#ffffffeb,#f4efe7eb);border:1px solid rgba(15,23,42,.08);border-radius:20px;padding:16px}.avatar-preview-card{display:flex;align-items:center;gap:16px}.avatar-editor-shell-compact{gap:14px}.avatar-preview-card-compact{align-items:flex-start}.avatar-preview-avatar{--avatar-size: 156px;border:1px solid rgba(15,23,42,.08);box-shadow:0 10px 24px #0f172a14}.avatar-preview-copy{display:grid;gap:8px;flex:1}.avatar-preview-copy h4{margin:0;font-size:1rem;color:var(--color-text-primary)}.avatar-preview-copy p{margin:0;font-size:.84rem;line-height:1.5;color:var(--color-text-secondary)}.avatar-preview-actions{display:flex;flex-wrap:wrap;gap:10px}.avatar-attribution{margin-top:2px;padding-top:10px;border-top:1px solid rgba(15,23,42,.08);font-size:.74rem;line-height:1.45;color:var(--color-text-tertiary)}.avatar-attribution a{color:var(--color-text-secondary);text-decoration:none;border-bottom:1px solid rgba(15,23,42,.14);transition:color .18s ease,border-color .18s ease}.avatar-attribution a:hover{color:var(--color-text-primary);border-color:#0f172a66}.avatar-action-btn{min-width:110px}.avatar-toggle-btn{margin-left:auto}.avatar-control-card{overflow:hidden;transition:max-height .24s ease,opacity .2s ease,padding .2s ease,border-color .2s ease}.avatar-control-card.is-open{max-height:1400px;opacity:1}.avatar-control-card.is-collapsed{max-height:0;opacity:0;padding-top:0;padding-bottom:0;border-color:transparent}.avatar-control-content{display:grid;gap:14px}.avatar-tab-bar{display:flex;gap:8px;flex-wrap:wrap}.avatar-color-panel{display:grid;gap:12px}.avatar-color-grid{display:grid;gap:10px}.avatar-color-row{display:grid;gap:8px}.avatar-color-label{font-size:.8rem;font-weight:600;color:var(--color-text-primary)}.avatar-color-toggle{display:flex;flex-wrap:wrap;gap:8px}.avatar-color-chip{appearance:none;border:1px solid rgba(15,23,42,.08);background:#fffffff5;border-radius:999px;padding:8px 12px;display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:.78rem;font-weight:600;color:var(--color-text-secondary);cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,color .18s ease,transform .18s ease}.avatar-color-chip:hover{transform:translateY(-1px)}.avatar-color-chip.is-active{color:var(--color-text-primary);border-color:#0f172ab8;box-shadow:0 0 0 3px #0f172a14}.avatar-color-swatch{width:14px;height:14px;border-radius:50%;border:1px solid rgba(15,23,42,.12);flex-shrink:0}.avatar-color-swatch.is-black{background:#111}.avatar-color-swatch.is-white{background:#fff}.avatar-tab{appearance:none;border:1px solid rgba(15,23,42,.08);background:#ffffffeb;color:var(--color-text-secondary);border-radius:999px;padding:9px 14px;font:inherit;font-size:.82rem;font-weight:600;cursor:pointer;transition:background .18s ease,color .18s ease,border-color .18s ease}.avatar-tab.is-active{background:#111827;color:#fff;border-color:#111827}.avatar-tab-panel{display:grid;gap:14px}.avatar-tab-copy h4{margin:0 0 4px;font-size:.98rem;color:var(--color-text-primary)}.avatar-tab-copy p{margin:0;font-size:.82rem;color:var(--color-text-secondary)}.avatar-option-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:12px}.avatar-option-card{appearance:none;border:1px solid rgba(15,23,42,.08);background:#fffffff5;border-radius:16px;padding:10px;display:grid;gap:8px;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;text-align:left}.avatar-option-card:hover{transform:translateY(-1px);box-shadow:0 8px 18px #0f172a14}.avatar-option-card.is-active{border-color:#0f172ab8;box-shadow:0 0 0 3px #0f172a14}.avatar-option-preview-wrap{aspect-ratio:1;border-radius:14px;background:#fff;border:1px solid rgba(15,23,42,.06);display:flex;align-items:center;justify-content:center;overflow:hidden}.avatar-option-preview{width:78px;height:96px;object-fit:cover;transform:scale(1.08);transform-origin:center top}.avatar-option-label{font-size:.76rem;font-weight:600;line-height:1.35;color:var(--color-text-primary)}.form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:var(--space-md)}.btn-primary,.btn-secondary{padding:10px 20px;border:none;border-radius:var(--radius-sm);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover{background:var(--color-accent-hover);transform:translateY(-1px)}.btn-secondary{background:var(--color-bg-secondary);color:var(--color-text-primary)}.btn-secondary:hover{background:var(--color-border)}.people-list{padding:var(--space-lg)}.people-list h3{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin:0 0 var(--space-md) 0}.people-grid{display:grid;gap:var(--space-md)}.person-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-md);transition:all .2s ease}.person-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.person-card-header{display:flex;gap:12px;margin-bottom:var(--space-sm)}.person-card-avatar{--avatar-size: 50px;border:2px solid var(--color-border)}.person-card-info{flex:1}.person-card-info h4{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0 0 4px}.person-card-info p{font-size:.875rem;color:var(--color-text-secondary);margin:0;line-height:1.4;white-space:pre-line}.person-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:var(--space-sm)}.person-card-tags .tag{padding:3px 8px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;font-size:.75rem;color:var(--color-text-secondary)}.person-card-actions{display:flex;gap:8px;justify-content:flex-end}.btn-edit,.btn-delete,.btn-mark-admin{padding:6px 12px;border:none;border-radius:var(--radius-sm);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:inherit}.btn-edit{background:var(--color-accent);color:#fff}.btn-edit:hover{background:var(--color-accent-hover)}.btn-delete{background:#e74c3c;color:#fff}.btn-delete:hover{background:#c0392b}.btn-mark-admin{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.3)}.btn-mark-admin:hover{background:#f59e0b26;border-color:#f59e0b80;transform:translateY(-1px)}.loading,.empty-state,.error-state{text-align:center;padding:var(--space-lg);color:var(--color-text-secondary);font-size:.95rem}.error-state{color:#e74c3c}textarea{padding:12px 16px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.95rem;font-family:inherit;color:var(--color-text-primary);background:var(--color-bg);transition:all .2s ease;resize:vertical}textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #0071e31a}.tag-manager-body{padding:var(--space-lg)}.tag-select{width:100%;padding:12px 16px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.95rem;font-family:inherit;background:#fff;cursor:pointer;transition:all .2s ease}.tag-select:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #0071e31a}.tag-stats{background:var(--color-bg-secondary);padding:var(--space-md);border-radius:var(--radius-md);margin-bottom:var(--space-lg)}.stat-item{margin-bottom:var(--space-sm);font-size:.95rem}.stat-item:last-child{margin-bottom:0}.stat-label{color:var(--color-text-secondary);font-weight:500}.stat-value{color:var(--color-accent);font-weight:600}.stat-indirect{color:var(--color-text-tertiary);font-size:.875rem;margin-left:4px}.related-tags-list{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:var(--space-sm);min-height:100px;max-height:300px;overflow-y:auto}.related-tag-item{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;background:var(--color-bg-secondary);border-radius:var(--radius-sm);margin-bottom:8px;transition:all .2s ease}.related-tag-item:last-child{margin-bottom:0}.related-tag-item:hover{background:var(--color-bg-tertiary)}.tag-name{font-weight:500;color:var(--color-text-primary)}.btn-remove{width:24px;height:24px;border:none;background:#e74c3c;color:#fff;border-radius:50%;cursor:pointer;font-size:16px;line-height:1;display:flex;align-items:center;justify-content:center;transition:all .2s ease;font-weight:600}.btn-remove:hover{background:#c0392b;transform:scale(1.1)}.add-tag-form{display:flex;gap:10px}.add-tag-form input{flex:1;padding:10px 14px;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.95rem;font-family:inherit;transition:all .2s ease}.add-tag-form input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #0071e31a}.add-tag-form .btn-primary{padding:10px 20px;white-space:nowrap}.invite-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:25000;display:none;align-items:center;justify-content:center;animation:fadeIn .2s ease-out}.invite-overlay.active{display:flex}.invite-window{background:var(--color-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:90%;max-width:700px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;animation:slideUp .3s ease-out}.invite-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid var(--color-border);background:var(--color-bg)}.invite-title{font-size:1.5rem;font-weight:600;color:var(--color-text-primary);margin:0;letter-spacing:-.02em}.invite-close{width:32px;height:32px;border:none;background:transparent;font-size:1.75rem;line-height:1;color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease;border-radius:6px;display:flex;align-items:center;justify-content:center}.invite-close:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.invite-body{padding:28px;overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1;overscroll-behavior:contain}.invite-generator{background:var(--color-bg-secondary);border-radius:var(--radius-md);padding:24px;margin-bottom:28px}.invite-quota-info{text-align:center;margin-bottom:20px}.invite-quota-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600;color:var(--color-text-tertiary);margin-bottom:10px}.invite-quota-number{font-size:2.25rem;font-weight:700;color:var(--color-text-primary);line-height:1;margin-bottom:6px}.invite-quota-number.unlimited{background:linear-gradient(135deg,var(--color-accent) 0%,#0095ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.invite-quota-desc{font-size:.875rem;color:var(--color-text-secondary)}.invite-generate-btn{width:100%;padding:14px 24px;background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-sm);font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit}.invite-generate-btn:hover:not(:disabled){background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.invite-generate-btn:active:not(:disabled){transform:translateY(0)}.invite-generate-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--color-text-tertiary)}.invite-codes-section{margin-top:28px}.invite-section-title{font-size:1.125rem;font-weight:600;color:var(--color-text-primary);margin:0 0 16px;letter-spacing:-.01em}.invite-codes-container{display:flex;flex-direction:column;gap:12px}.invite-code-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:18px 20px;transition:all .2s ease;display:flex;align-items:center;gap:16px}.invite-code-card:hover{box-shadow:var(--shadow-sm);border-color:var(--color-text-tertiary)}.invite-code-card.status-accepted{background:#22c55e0a;border-color:#22c55e33}.invite-code-card.status-expired{background:#ef44440a;border-color:#ef444426;opacity:.7}.invite-code-display{font-family:Monaco,Menlo,Courier New,monospace;font-size:1.125rem;font-weight:700;color:var(--color-text-primary);letter-spacing:2.5px;min-width:140px}.invite-code-info{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.invite-code-badge{font-size:.7rem;font-weight:700;padding:3px 10px;border-radius:10px;text-transform:uppercase;letter-spacing:.05em;display:inline-block;width:fit-content}.invite-code-badge.badge-pending{background:#3b82f61f;color:#2563eb}.invite-code-badge.badge-accepted{background:#22c55e1f;color:#16a34a}.invite-code-badge.badge-expired{background:#ef44441f;color:#dc2626}.invite-code-time{font-size:.8rem;color:var(--color-text-tertiary);font-weight:500}.invite-code-btns{display:flex;gap:8px;flex-shrink:0}.invite-copy-btn,.invite-revoke-btn{padding:8px 14px;border:1px solid var(--color-border);border-radius:6px;background:#fff;color:var(--color-text-primary);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:inherit;white-space:nowrap}.invite-copy-btn:hover{background:var(--color-bg-secondary);border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-1px)}.invite-copy-btn:active{transform:translateY(0)}.invite-copy-btn.copied{background:#22c55e;color:#fff;border-color:#22c55e}.invite-revoke-btn:hover{background:#ef444414;border-color:#dc2626;color:#dc2626;transform:translateY(-1px)}.invite-revoke-btn:active{transform:translateY(0)}.invite-empty{text-align:center;padding:48px 24px;color:var(--color-text-secondary)}.invite-empty-title{font-size:1rem;font-weight:600;color:var(--color-text-primary);margin:0 0 8px}.invite-empty-text{font-size:.875rem;color:var(--color-text-secondary);margin:0;line-height:1.5}.invite-loading{text-align:center;padding:32px 24px;color:var(--color-text-secondary);font-size:.95rem}.invite-error{text-align:center;padding:24px;color:#dc2626;background:#ef44440d;border-radius:var(--radius-sm);font-size:.875rem;margin-bottom:16px}.network-search-container{position:fixed;bottom:32px;left:50%;transform:translate(-50%);z-index:12000;width:90%;max-width:680px;pointer-events:auto;touch-action:manipulation}.network-search-container.results-open{z-index:22000}.network-search-bar{background:var(--color-bg);border:1px solid var(--color-border);border-radius:24px;box-shadow:0 4px 16px #0000000f,0 1px 4px #0000000a;padding:12px 20px;display:flex;align-items:center;gap:12px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:all .3s ease;pointer-events:auto;touch-action:manipulation}.network-search-bar.focused{box-shadow:0 12px 32px #00000029,0 4px 12px #0000001f;border-color:var(--color-accent)}.filter-toggle{display:flex;background:var(--color-bg-secondary);border-radius:20px;padding:4px;gap:4px;flex-shrink:0;pointer-events:auto;touch-action:manipulation}.filter-option{padding:6px 14px;border:none;background:transparent;color:var(--color-text-secondary);font-size:.8rem;font-weight:600;border-radius:16px;cursor:pointer;transition:all .2s ease;font-family:inherit;white-space:nowrap;touch-action:manipulation}.filter-option.active{background:#fff;color:var(--color-text-primary);box-shadow:0 1px 3px #0000001a}.filter-option:hover:not(.active){color:var(--color-text-primary)}.filter-dropdown{display:none;border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text-primary);font-size:.85rem;font-weight:600;border-radius:16px;padding:6px 12px;font-family:inherit;cursor:pointer;touch-action:manipulation}.filter-dropdown:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.network-search-input{flex:1;border:none;background:transparent;font-size:.95rem;color:var(--color-text-primary);font-family:inherit;outline:none;padding:4px 0;pointer-events:auto;touch-action:manipulation}.network-search-input::placeholder{color:var(--color-text-tertiary)}.search-icon{width:20px;height:20px;color:var(--color-text-tertiary);flex-shrink:0}.search-results-dropdown{position:absolute;bottom:calc(100% + 12px);left:0;right:0;z-index:1;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 12px 32px #00000026,0 4px 12px #0000001a;max-height:400px;overflow-y:auto;-webkit-overflow-scrolling:touch;display:none;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.search-results-dropdown.visible{display:block;animation:slideUpFade .2s ease-out}@keyframes slideUpFade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.search-result-item{display:flex;align-items:center;gap:12px;padding:12px 16px;cursor:pointer;transition:all .2s ease;border-bottom:1px solid var(--color-border-light)}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:var(--color-bg-secondary)}.search-result-avatar{--avatar-size: 44px;border:2px solid var(--color-border-light)}.search-result-info{flex:1;min-width:0}.search-result-name{font-size:.95rem;font-weight:600;color:var(--color-text-primary);margin-bottom:2px}.search-result-bio{font-size:.8rem;color:var(--color-text-secondary);white-space:pre-line;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.search-result-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.search-result-tag{padding:2px 8px;background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:10px;font-size:.7rem;color:var(--color-text-secondary)}.search-no-results{padding:24px;text-align:center;color:var(--color-text-secondary);font-size:.875rem}.invite-code-info,.invite-code-btns,.person-card-actions{flex-wrap:wrap}.invite-code-time,.invite-code-display{overflow-wrap:anywhere;word-break:break-word}.link.path-highlight{stroke:var(--color-accent);stroke-width:3px;opacity:1;animation:pathPulse 1.5s ease-in-out infinite}@keyframes pathPulse{0%,to{opacity:1}50%{opacity:.6}}@media(max-width:768px){.network-search-container{bottom:calc(16px + var(--safe-bottom));width:calc(100% - 24px)}.network-search-bar{padding:10px 14px;gap:8px;border-radius:18px}.filter-toggle{display:none}.filter-dropdown{display:inline-flex;align-items:center}.network-search-input{font-size:16px}.network-search-input::placeholder{opacity:0}.search-icon{width:18px;height:18px}.search-results-dropdown{max-height:min(52dvh,420px);bottom:calc(100% + 8px)}.search-result-item{align-items:flex-start;min-height:60px;padding:12px 14px}.search-result-avatar{--avatar-size: 40px}.avatar-preview-card{flex-direction:column;align-items:stretch}.avatar-preview-avatar{--avatar-size: min(180px, 52vw);margin:0 auto}.avatar-preview-actions{justify-content:stretch}.avatar-action-btn{flex:1}.avatar-option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.avatar-option-preview{width:68px;height:84px}.invite-window{width:100%;max-width:100%;height:100vh;height:100dvh;max-height:100vh;max-height:100dvh;border-radius:0}.invite-header{padding:calc(16px + var(--safe-top)) calc(18px + var(--safe-right)) 16px calc(18px + var(--safe-left));position:sticky;top:0;z-index:2}.invite-title{font-size:1.2rem}.invite-body{padding:18px calc(18px + var(--safe-right)) calc(18px + var(--safe-bottom)) calc(18px + var(--safe-left))}.invite-generator{padding:18px;margin-bottom:20px}.invite-code-card{flex-direction:column;align-items:flex-start;gap:10px;padding:16px}.invite-code-display{min-width:0;width:100%;font-size:1rem;letter-spacing:1.5px}.invite-code-btns{width:100%;flex-direction:column}.invite-copy-btn,.invite-revoke-btn,.invite-generate-btn{width:100%;min-height:44px}.add-tag-form{flex-direction:column}.add-tag-form .btn-primary{width:100%}.add-tag-form input,.tag-select,.canvas-select{font-size:16px}.btn-remove{width:32px;height:32px;font-size:18px}}.is-touch .filter-toggle,.is-touch .filter-dropdown{display:none}.is-touch .network-search-input::placeholder{opacity:0}@media(max-width:480px){.network-search-container{left:12px;right:12px;width:auto;transform:none;bottom:calc(12px + var(--safe-bottom))}.network-search-bar{border-radius:20px;padding:10px 12px}.search-results-dropdown{max-height:min(46dvh,360px);border-radius:18px}.user-menu-close{display:inline-flex;position:sticky;top:0;margin-left:auto;margin-bottom:8px;z-index:3}.user-menu.open{inset:0}.user-menu.open .user-menu-backdrop{display:none}.user-menu.open .user-menu-trigger{opacity:0;pointer-events:none}.user-menu.open .user-menu-panel{position:fixed;inset:0;width:100vw;height:100vh;padding:calc(16px + var(--safe-top)) calc(16px + var(--safe-right)) calc(24px + var(--safe-bottom)) calc(16px + var(--safe-left));border-radius:0;border:none;box-shadow:none;background:var(--color-bg);backdrop-filter:none;-webkit-backdrop-filter:none;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;touch-action:pan-y;pointer-events:auto}.user-menu.open .user-panel-header{background:var(--color-bg)}.user-menu.open .user-menu-section{background:var(--color-bg-secondary);border-color:var(--color-border-light)}.invite-header,.manager-header{padding-left:calc(16px + var(--safe-left));padding-right:calc(16px + var(--safe-right))}.manager-body,.invite-body{padding-bottom:calc(20px + var(--safe-bottom))}}