.sidebar{--nt-account-height: 57px;position:relative;z-index:70;width:280px;height:100vh;flex:0 0 280px;display:flex;flex-direction:column;overflow:hidden;background:var(--nt-color-surface);color:var(--nt-color-foreground);border-right:1px solid var(--nt-color-border)}@media(max-width:768px){.sidebar{width:100%;flex-basis:100%;position:absolute;z-index:190}.sidebar.open~.main-content .page-header .menu-toggle{visibility:hidden}}.sidebar-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;box-sizing:border-box;min-height:61px;padding:0 var(--nt-space-4);background:var(--nt-color-surface);border-bottom:1px solid var(--nt-color-border)}.sidebar-title-row{display:flex;align-items:center;justify-content:space-between;gap:var(--nt-space-2);flex:1;min-width:0}.sidebar-title{margin:0;font-size:var(--nt-text-base);font-weight:600;color:var(--nt-color-foreground)}.sidebar-brand{display:inline-flex;align-items:center;gap:var(--nt-space-2);color:var(--nt-color-foreground);text-decoration:none;--nt-mark-size: 22px}.sidebar-brand-word{font-size:var(--nt-text-lg);font-weight:600;letter-spacing:var(--nt-tracking-tight)}.sidebar-brand:hover{opacity:.8}.sidebar-close{display:flex;align-items:center;justify-content:center;padding:4px;border:none;border-radius:var(--nt-radius-sm);background:none;color:var(--nt-color-muted-foreground);cursor:pointer}.sidebar-close:hover{background:var(--nt-color-background);color:var(--nt-color-foreground)}.sidebar-header input{width:100%;padding:6px 10px;border:1px solid var(--nt-color-border);border-radius:var(--nt-radius-md);background:var(--nt-color-background);color:var(--nt-color-foreground);font-size:var(--nt-text-sm)}.sidebar-header input::placeholder{color:var(--nt-color-muted-foreground)}.sidebar-header input:focus{outline:none;border-color:var(--nt-brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--nt-brand) 18%,transparent)}.sidebar-header input:disabled{cursor:not-allowed;opacity:.6}.page-list{flex:1;min-height:0;display:flex;flex-direction:column;margin:0}#page-list>turbo-frame{display:block;flex:1;min-height:0}.scrollable-sections{display:flex;flex-direction:column;gap:var(--nt-space-4);height:100%;overflow-y:auto;padding:var(--nt-space-4);padding-top:0;padding-bottom:calc(var(--nt-account-height) + var(--nt-space-4));scrollbar-width:thin;scrollbar-color:var(--nt-color-border-emphasis) transparent}.section-title.with-tilde{display:flex;align-items:center;justify-content:space-between;gap:8px}.sidebar-tilde{margin:0;padding:2px 10px;border-radius:100px;background:color-mix(in srgb,var(--nt-color-foreground) 7%,transparent);font-family:var(--nt-font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);font-size:var(--nt-text-xs);line-height:1.6;color:var(--nt-color-muted-foreground);text-decoration:none;transition:background-color .2s ease,color .2s ease}.sidebar-tilde.active{background:var(--nt-brand);color:#fff}.sidebar-tilde:hover{background:color-mix(in srgb,var(--nt-color-foreground) 12%,transparent);color:var(--nt-color-foreground)}.section-title{padding:8px 12px;font-size:var(--nt-text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--nt-color-muted-foreground)}.page-list .section:first-child{padding-top:var(--nt-space-4)}.sticky-section{position:sticky;top:0;z-index:1100;background:var(--nt-color-surface)}.page-row{position:relative;display:flex;align-items:center;gap:2px;margin-bottom:4px;padding-right:4px;border-radius:var(--nt-radius-md);transition:background-color .15s ease}.page-row:hover{background:var(--nt-color-background)}.page-row:has(.page-link.active){background:var(--nt-brand)}.page-row:has(.page-link.active) .page-link,.page-row:has(.page-link.active) .page-row-toggle,.page-row:has(.page-link.active) .page-row-action{color:#fff}.page-row-toggle{display:flex;align-items:center;justify-content:center;width:18px;height:18px;flex:none;padding:0;border:none;background:none;color:var(--nt-color-muted-foreground);cursor:pointer}.page-row-toggle.is-empty{cursor:default}.page-row-chevron{width:12px;height:12px;transition:transform .2s ease}.page-link-wrapper.open>.page-row .page-row-chevron{transform:rotate(90deg)}.page-row-actions{display:flex;align-items:center;gap:2px;margin-left:auto;flex:none}@media(hover:hover){.page-row-actions{position:absolute;top:50%;right:4px;transform:translateY(-50%);padding-left:14px;border-radius:inherit;background:linear-gradient(to right,transparent,var(--nt-color-background) 14px);opacity:0;pointer-events:none;transition:opacity .15s ease}.page-row:hover .page-row-actions,.page-row:focus-within .page-row-actions{opacity:1;pointer-events:auto}.page-row:has(.page-link.active) .page-row-actions{background:linear-gradient(to right,transparent,var(--nt-brand) 14px)}}.page-row-action{display:flex;align-items:center;justify-content:center;width:22px;height:22px;padding:0;border:none;border-radius:var(--nt-radius-sm, 4px);background:none;color:var(--nt-color-muted-foreground);cursor:pointer}.page-row-action:hover{background:color-mix(in srgb,var(--nt-color-foreground) 10%,transparent);color:var(--nt-color-foreground)}.page-row-action-icon{width:14px;height:14px}.page-row-menu{position:relative}.page-row:has(.dropdown-menu.show){z-index:1500!important}.page-row-dropdown{z-index:1600}.page-row-dropdown{right:0;left:auto;width:220px;min-width:0}.page-row-new{position:relative;height:0;z-index:1700}.page-row-new.tooltip-host .page-row-bubble{position:absolute;top:4px;right:4px;left:auto;transform:none;display:flex;align-items:center;gap:6px;width:min(240px,calc(var(--sidebar-width, 280px) - 40px));padding:6px 6px 6px 8px;white-space:nowrap}.page-row-new.tooltip-host .page-row-bubble:after,.page-row-new.tooltip-host .page-row-bubble:before{left:auto;right:20px;transform:none}.page-row-nest{width:14px;height:14px;flex:none;color:var(--nt-color-muted-foreground)}.page-row-input{flex:1;min-width:0;padding:4px 6px;border:1px solid var(--nt-color-border);border-radius:var(--nt-radius-sm, 4px);background:var(--nt-color-background);color:var(--nt-color-foreground);font-size:var(--nt-text-xs)}.page-link{display:flex;align-items:center;gap:var(--nt-space-2);min-width:0;flex:1;padding:8px 4px 8px 6px;border-radius:var(--nt-radius-md);color:var(--nt-color-muted-foreground);font-size:var(--nt-text-sm);text-decoration:none;transition:color .15s ease}.page-row:hover .page-link{color:var(--nt-color-foreground)}.page-row:has(.page-link:focus-visible){--page-row-band: color-mix(in srgb, var(--nt-color-accent) 16%, var(--nt-color-surface));box-shadow:inset 0 0 0 2px var(--nt-color-accent)}.page-row:has(.page-link:focus-visible):not(:has(.page-link.active)),.page-link-wrapper>.page-row:has(.page-link:focus-visible):not(:has(.page-link.active)){background:var(--page-row-band)}.page-link:focus-visible{outline:none;color:var(--nt-color-foreground)}@media(hover:hover){.page-row:has(.page-link:focus-visible):not(:has(.page-link.active)) .page-row-actions{background:linear-gradient(to right,transparent,var(--page-row-band) 14px)}}.page-link>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-icon{flex-shrink:0;width:16px;height:16px}.page-icon-space{color:var(--nt-color-accent)}.page-link.active .page-icon-space{color:inherit;opacity:1}.page-link-wrapper{display:flex;flex-direction:column;position:relative}.page-link-wrapper>.page-row{position:sticky;background:var(--nt-color-surface)}.page-link-wrapper>.page-row:hover{background:var(--nt-color-background)}.page-link-wrapper>.page-row:has(.page-link.active){background:var(--nt-brand)}turbo-frame.sidebar-branch{display:block;min-height:1px}.page-children{display:none;margin-top:4px;margin-left:8px;padding-left:var(--step, 8px);border-left:1px solid var(--nt-color-border)}.page-link-wrapper.open>.page-children{display:block}.page-children .page-link{padding:6px 4px 6px 6px;font-size:var(--nt-text-xs)}.sidebar-account{position:absolute;--nt-account-padding: var(--nt-space-3);left:0;right:0;bottom:0;z-index:1200;box-sizing:border-box;height:var(--nt-account-height);display:flex;align-items:center;gap:var(--nt-space-3);padding:var(--nt-space-3) var(--nt-space-4);background:var(--nt-color-surface);border-top:1px solid var(--nt-color-border);color:var(--nt-color-foreground);text-decoration:none;transition:background-color .15s ease}.sidebar-account-trigger{display:flex;align-items:center;gap:var(--nt-space-3);width:100%;height:100%;padding:0;border:none;background:none;color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:var(--nt-radius-md, 8px);transition:background-color .15s ease}.sidebar-account-trigger:hover{background:var(--nt-color-border-muted)}.sidebar-account-chevron{width:16px;height:16px;flex:none;margin-left:auto;color:var(--nt-color-muted-foreground)}.sidebar-account-menu{background:var(--nt-color-surface);top:auto;right:var(--nt-space-3);left:var(--nt-space-3);bottom:calc(100% + 8px);min-width:0}.sidebar-account-avatar{display:flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;border-radius:50%;background:color-mix(in srgb,var(--nt-color-accent) 18%,transparent);color:var(--nt-color-accent);font-size:var(--nt-text-xs);font-weight:600;letter-spacing:.02em}.sidebar-account-who{display:flex;flex-direction:column;min-width:0}.sidebar-account-name,.sidebar-account-second{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-account-name{font-size:var(--nt-text-sm);font-weight:600}.sidebar-account-second{font-size:var(--nt-text-xs);color:var(--nt-color-muted-foreground)}.sidebar-header-actions{display:flex;align-items:center;gap:var(--nt-space-1, 4px)}.sidebar-search-open{display:flex;align-items:center;justify-content:center;padding:6px;border-radius:var(--nt-radius-md, 8px);color:var(--nt-color-muted-foreground);transition:background-color .15s ease,color .15s ease}.sidebar-search-open svg{width:16px;height:16px}.sidebar-search-open:hover{background:var(--nt-color-border-muted);color:var(--nt-color-foreground)}.favorite-star{fill:none}.is-favorited .favorite-star,.page-link-favorite .is-favorited{fill:currentColor}
