.top-menu{position:absolute;inset:0 0 auto;z-index:960;height:60px;gap:14px;padding:0 16px 0 18px;background:var(--card);border-bottom:1px solid var(--line-soft);font-family:var(--font-ui),"Plus Jakarta Sans",system-ui,sans-serif}.top-menu,.top-menu-brand{display:flex;align-items:center;color:var(--ink)}.top-menu-brand{flex:none;gap:9px;padding:4px;margin-left:-4px;border-radius:var(--r-md);text-decoration:none}.top-menu-brand .logo-mark{width:30px;height:30px}.top-menu-link{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:var(--r-pill);color:var(--ink);font-size:14px;font-weight:600;text-decoration:none;white-space:nowrap}.top-menu-link:hover{background:var(--paper)}.top-menu-link[aria-current=page]{background:var(--accent-soft);color:var(--accent);font-weight:700}.top-menu-context{min-width:0;display:flex;align-items:center;gap:12px;padding-left:14px;border-left:1px solid var(--line-soft);color:var(--ink);font-size:15px;font-weight:700}.top-menu-page-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-menu-canvas-title{min-width:0;max-width:min(34vw,420px);display:flex;align-items:center;gap:4px}.top-menu-title-button{min-width:0;display:flex;align-items:center;gap:8px;height:36px;padding:0 10px;border:0;border-radius:10px;background:transparent;color:var(--ink);font:800 16px var(--font-ui),Plus Jakarta Sans,system-ui,sans-serif;letter-spacing:-.01em;cursor:text}.top-menu-title-button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-menu-title-button:hover{background:var(--paper)}.top-menu-edit-icon{width:14px;height:14px;flex:none;fill:none;stroke:var(--muted);stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.top-menu-title-input{min-width:120px;width:min(34vw,360px);height:36px;padding:0 10px;border:1.5px solid var(--accent);border-radius:10px;outline:none;background:var(--card);color:var(--ink);font:800 16px var(--font-ui),Plus Jakarta Sans,system-ui,sans-serif;box-shadow:0 0 0 3px var(--accent-ring)}.top-menu-save-error{flex:none;color:var(--danger);font-size:13px;font-weight:700}.top-menu-status{flex:none;display:flex;align-items:center;gap:6px;color:var(--muted);font-size:13px;font-weight:500;white-space:nowrap}.top-menu-status>*+:before{content:"·";order:-2;margin-right:6px;color:var(--muted)}.top-menu .c-save{display:inline-flex;align-items:center;gap:6px;padding:0;border:0;background:transparent;color:var(--muted);font:500 13px var(--font-ui),Plus Jakarta Sans,system-ui,sans-serif;white-space:nowrap}.top-menu .c-save-ok:after{content:"";order:-1;width:7px;height:7px;border-radius:50%;background:var(--success)}.top-menu .c-save-failed,.top-menu .c-save-lost{min-height:28px;padding:0 10px;border-radius:var(--r-pill);background:var(--danger-soft);color:var(--danger);font-weight:700}.top-menu .c-save-failed{cursor:pointer}.top-menu .c-save-failed:hover{background:color-mix(in srgb,var(--danger) 18%,var(--danger-soft))}.top-menu .c-save-failed:before,.top-menu .c-save-lost:before{margin-right:0}.top-menu .c-save-dismiss{width:20px;height:20px;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;font:inherit;line-height:1;cursor:pointer}.top-menu .c-save-dismiss:hover{background:color-mix(in srgb,var(--danger) 14%,transparent)}.top-menu-crumbs{flex:none;display:flex;align-items:center;gap:10px}.top-menu-crumb{color:var(--muted);font-size:14px;font-weight:600;text-decoration:none}.top-menu-crumb:hover{color:var(--accent-text);text-decoration:underline;text-underline-offset:3px}.top-menu-crumb-sep{color:color-mix(in srgb,var(--muted) 60%,transparent);font-size:14px;font-weight:500}.canvas-first-light .top-menu-nav .top-menu-link{border-radius:10px}.canvas-first-light .top-menu-nav button.top-menu-link.top-menu-share{margin-left:4px;padding:0 16px;background:var(--accent);color:var(--on-accent);font-weight:700}.canvas-first-light .top-menu-nav button.top-menu-link.top-menu-share:hover{background:var(--accent-dark)}@media (max-width:900px){.top-menu-crumbs{display:none}}.top-menu-nav{margin-left:auto;flex:none;display:flex;align-items:center;gap:4px}.top-menu-user{position:relative;margin-left:6px}.top-menu-trigger{height:40px;display:flex;align-items:center;gap:6px;padding:0 8px 0 2px;border:0;border-radius:var(--r-pill);background:transparent;color:var(--ink);cursor:pointer}.top-menu-trigger:hover,.top-menu-trigger[aria-expanded=true]{background:var(--paper)}.top-menu-user-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--sunrise);color:var(--on-sunrise)}.top-menu-user-icon svg{width:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:2}.top-menu-chevron{width:10px;fill:none;stroke:var(--muted);stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.top-menu-popover{position:absolute;top:calc(100% + 8px);right:0;width:min(280px,calc(100vw - 24px));padding:6px;border-radius:16px;background:var(--card);box-shadow:var(--shadow-pop);color:var(--ink)}.top-menu-identity{min-width:0;display:flex;flex-direction:column;gap:2px;padding:10px 12px}.top-menu-identity span{color:var(--muted);font-size:12px;font-weight:600}.top-menu-identity strong{overflow:hidden;font-size:14px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}.top-menu-popover a,.top-menu-popover button{width:100%;min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border:0;border-radius:10px;background:transparent;color:var(--ink);font:600 14px var(--font-ui),Plus Jakarta Sans,system-ui,sans-serif;text-align:left;text-decoration:none;cursor:pointer}.top-menu-popover a:hover,.top-menu-popover button:hover{background:var(--accent-soft);color:var(--accent)}.top-menu-popover a[aria-current=page]{color:var(--accent);font-weight:700}.top-menu-divider{height:1px;margin:5px 8px;background:var(--line-soft)}.top-menu-theme-icon{width:18px;height:18px}.top-menu-theme-icon svg{width:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.top-menu-popover .top-menu-logout{color:var(--danger)}.top-menu :focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (max-width:1100px){.top-menu-status{display:none}}@media (max-width:720px){.top-menu{gap:9px;padding:0 10px}.top-menu-link{min-height:44px}.top-menu-context,.top-menu-wordmark{padding-left:0;border-left:0}.top-menu-trigger{width:44px;padding:0;justify-content:center}.top-menu-chevron{display:none}.top-menu-canvas-title{max-width:none}.top-menu-title-input{width:min(48vw,300px)}}@media (max-width:430px){.top-menu-save-error{display:none}}.top-menu-labels{position:relative;flex:none;display:flex;align-items:center}.top-menu-labels-trigger{display:flex;align-items:center;gap:5px;max-width:300px;padding:4px;border:0;border-radius:var(--r-pill);background:transparent;font-family:inherit;cursor:pointer}.top-menu-labels-trigger:hover,.top-menu-labels-trigger[aria-expanded=true]{background:var(--paper)}.top-menu-label-chip{flex:none;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:4px 10px;border-radius:var(--r-pill);background:var(--sun-soft);color:var(--sun-ink);font-size:12px;font-weight:700}.top-menu-label-more{background:var(--paper);color:var(--muted)}.top-menu-label-add{padding:4px 10px;border:1px dashed var(--line);border-radius:var(--r-pill);color:var(--muted);font-size:12px;font-weight:600;white-space:nowrap}.top-menu-labels-trigger:hover .top-menu-label-add{border-color:var(--accent);color:var(--accent)}.c-menu.top-menu-labels-popover{position:absolute;top:calc(100% + 8px);left:0;width:300px;padding:10px;background:var(--card);color:var(--ink);border:0;border-radius:16px;box-shadow:var(--shadow-pop)}.top-menu-labels-popover .db-tags-edit{padding:8px 10px;border:1.5px solid var(--line);border-radius:var(--r-md);background:var(--card);display:flex;flex-direction:column;gap:6px}.top-menu-labels-popover .db-tags-edit:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.top-menu-labels-popover .db-tags-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.top-menu-labels-popover .db-tags-row input{flex:1 1;min-width:90px;border:none;background:transparent;color:var(--ink);font-family:inherit;font-size:13px;padding:4px 2px}.top-menu-labels-popover .db-tags-row input:focus{outline:none}.top-menu-labels-popover .db-tag{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border:0;border-radius:var(--r-pill);background:var(--sun-soft);color:var(--sun-ink);font-size:12px;font-weight:700}.top-menu-labels-popover .db-tag button{width:auto;min-height:0;border:none;background:transparent;color:inherit;cursor:pointer;font-size:12px;padding:0}.top-menu-labels-popover .db-tag-suggestions{display:flex;flex-wrap:wrap;gap:6px}.top-menu-labels-popover .db-tag-suggestions button{width:auto;min-height:0;border:1px dashed var(--line);background:transparent;color:var(--muted);border-radius:var(--r-pill);padding:3px 10px;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer}.top-menu-labels-popover .db-tag-suggestions button:hover{border-color:var(--accent);color:var(--accent)}@media (max-width:900px){.top-menu-labels{display:none}}.top-menu{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.top-menu-menu-icon{display:grid;place-items:center}.top-menu-menu-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.8}@media (max-width:720px){.top-menu{padding-left:max(10px,env(safe-area-inset-left));padding-right:max(10px,env(safe-area-inset-right))}.top-menu-brand{min-width:44px;min-height:44px;justify-content:center}.top-menu .trail-trigger{height:44px;min-width:44px;justify-content:center}.top-menu-trigger[data-narrow]{width:44px;height:44px;border:1px solid var(--line);border-radius:var(--r-md);color:var(--ink)}.top-menu-trigger[data-narrow]:hover,.top-menu-trigger[data-narrow][aria-expanded=true]{border-color:var(--ink);background:var(--paper)}.top-menu-user{position:static}}.top-menu-sheet{position:absolute;top:100%;left:0;right:0;z-index:970;max-height:calc(100dvh - 56px);overflow-y:auto;overscroll-behavior:contain;border-bottom:1px solid var(--ci-line-strong,var(--line));background:var(--card);color:var(--ink);box-shadow:var(--shadow-pop);padding-bottom:env(safe-area-inset-bottom)}.top-menu-sheet-backdrop{position:fixed;inset:0;z-index:-1}.top-menu-sheet-links{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;padding:6px max(10px,env(safe-area-inset-right)) 8px max(10px,env(safe-area-inset-left));background:var(--card);border-bottom:1px solid var(--line);color:var(--ink)}.top-menu-sheet-links .top-menu-link{min-height:44px;padding:0 12px;border:1px solid var(--line)}.top-menu-sheet-menu{padding:4px max(8px,env(safe-area-inset-right)) 8px max(8px,env(safe-area-inset-left))}.top-menu-sheet-menu a,.top-menu-sheet-menu button{width:100%;min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border:0;border-radius:var(--r-md);background:transparent;color:var(--ink);font-family:var(--font-ui),"Plus Jakarta Sans",system-ui,sans-serif;font-size:16px;font-weight:700;text-align:left;text-decoration:none;cursor:pointer}.top-menu-sheet-menu a:hover,.top-menu-sheet-menu button:hover{background:var(--wash)}.top-menu-sheet-menu .top-menu-logout,.top-menu-sheet-menu a[aria-current=page]{color:var(--accent-dark)}.top-menu-sheet :focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.top-menu-sheet-links :focus-visible{outline-color:var(--accent-on-panel)}