.hub{background:var(--bg);font:14px/1.35 var(--ui);flex-direction:column;gap:10px;padding:26px clamp(18px,5cqi,56px) 48px;display:flex;overflow-y:auto;container-type:inline-size}.hub-path{color:var(--muted);align-items:center;gap:2px;font-size:13px;display:flex}.hub-crumb{color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:3px 7px}.hub-crumb:hover,.hub-crumb.drop{background:var(--hover);color:var(--ink)}.hub-crumb.now{color:var(--ink);font-weight:600}.hub-sep{color:var(--faint)}.hub-head{flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin-bottom:6px;display:flex}.hub-title{letter-spacing:-.01em;font-size:30px;font-weight:750}.hub-sub{color:var(--faint);flex:1}.hub-acts{gap:6px;display:flex}.hub-act{border:1px solid var(--line);background:var(--surface);height:32px;color:var(--ink);font:600 13px var(--ui);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.hub-act:hover{border-color:var(--accent);color:var(--accent)}.hub-section{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;margin-top:12px;font-size:12px;font-weight:650}.hub-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;display:grid}.hub-card{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:14px;flex-direction:column;gap:5px;min-height:150px;padding:14px;transition:transform .12s,box-shadow .12s,border-color .12s;display:flex}.hub-card:hover{border-color:color-mix(in srgb, var(--accent) 55%, var(--line));box-shadow:var(--shadow);transform:translateY(-2px)}.hub-card.dragging{opacity:.45}.hub-card.drop{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.hub-folder{background:color-mix(in srgb, var(--accent) 6%, var(--surface))}.hub-folder-icon{color:var(--accent);display:inline-flex}.hub-note-icon{font-size:26px;line-height:1}.hub-name{text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;overflow:hidden}.hub-meta{color:var(--faint);margin-top:auto;font-size:12px}.hub-folder .hub-meta{margin-top:0}.hub-snippet{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;font:13px/1.45 Iowan Old Style,Charter,Georgia,serif;display:-webkit-box;overflow:hidden}.hub-peek{flex-direction:column;gap:2px;margin-top:4px;display:flex}.hub-peek-row{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;overflow:hidden}.hub-peek-row.quiet{color:var(--faint)}.hub-empty{color:var(--faint);padding:30px 0}.wb{flex:1;min-width:0;height:100%;display:flex}.wb>*,.wb-cell>*{flex:1;min-width:0;min-height:0}.wb-split{min-width:0;min-height:0;display:flex}.wb-split.col{flex-direction:column}.wb-cell{min-width:0;min-height:0;display:flex;overflow:hidden}.wb-gutter{z-index:3;background:var(--line);flex:none;transition:background .12s;position:relative}.wb-gutter.row{cursor:col-resize;width:1px}.wb-gutter.col{cursor:row-resize;height:1px}.wb-gutter:before{content:"";position:absolute;inset:0 -4px}.wb-gutter.col:before{inset:-4px 0}.wb-gutter:hover,.wb-gutter.dragging{background:var(--accent)}.wb-gutter.row:hover,.wb-gutter.row.dragging{box-shadow:0 0 0 1px var(--accent)}.wb-group{background:var(--bg);flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}.wb-tabs{background:var(--side);border-bottom:1px solid var(--line);scrollbar-width:none;flex:none;align-items:flex-end;gap:2px;height:36px;padding:0 8px;display:flex;overflow:hidden}.wb-tablist{scrollbar-width:none;flex:0 auto;align-self:stretch;align-items:flex-end;gap:2px;min-width:0;display:flex;overflow-x:auto}.wb-tab{min-width:0;max-width:170px;height:30px;color:var(--muted);white-space:nowrap;cursor:grab;-webkit-user-select:none;user-select:none;border:1px solid #0000;border-bottom:0;border-radius:7px 7px 0 0;flex:0 auto;align-items:center;gap:6px;padding:0 6px 0 10px;font-size:13px;display:flex}.wb-tab:hover{color:var(--ink)}.wb-tab.on{background:var(--bg);border-color:var(--line);height:31px;color:var(--ink);margin-bottom:-1px;font-weight:550}.wb-tab:active{cursor:grabbing}.wb-close{width:18px;height:18px;color:var(--faint);cursor:pointer;opacity:0;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;padding:0;font-size:11px;display:inline-flex}.wb-tab:hover .wb-close,.wb-tab.on .wb-close{opacity:1}.wb-close:hover{background:var(--hover);color:var(--ink)}.wb-add,.wb-hide{height:26px;color:var(--faint);cursor:pointer;background:0 0;border:0;border-radius:6px;flex:none;align-self:center;padding:0 8px;font-size:17px;line-height:1}.wb-hide{font-size:12px;font-weight:600}.wb-add:hover,.wb-hide:hover{background:var(--hover);color:var(--ink)}.wb-fill{flex:1}.wb-menu{z-index:70;background:var(--surface);min-width:190px;box-shadow:var(--shadow);font:14px/1.3 var(--ui);border:1px solid #0f0f0f14;border-radius:10px;padding:6px;position:fixed}.wb-menu-head{color:var(--faint);padding:4px 8px 6px;font-size:12px;font-weight:600}.wb-menu-item{cursor:pointer;border-radius:6px;align-items:center;gap:8px;padding:7px 8px;display:flex}.wb-menu-item:hover{background:var(--hover)}.side-btn.active{color:var(--accent);background:var(--accent-soft)}.wb-body{flex:1;min-width:0;min-height:0;display:flex;position:relative}.wb-body>*{flex:1;min-width:0;min-height:0}.wb-body>.drawer{box-shadow:none;border-left:0;width:auto!important}.rm-grip{display:none!important}.wb-dragging canvas,.wb-dragging iframe{pointer-events:none}.wb-hint{z-index:40;pointer-events:none;border:2px solid var(--accent);background:var(--accent-soft);border-radius:10px;transition:inset .1s,width .1s,height .1s;position:absolute}.wb-hint.center{inset:10px}.wb-hint.left{inset:4px 50% 4px 4px}.wb-hint.right{inset:4px 4px 4px 50%}.wb-hint.top{inset:4px 4px 50%}.wb-hint.bottom{inset:50% 4px 4px}.main{container:main/inline-size}.topbar>*{white-space:nowrap;flex-shrink:0}.topbar .crumbs{flex-shrink:1}@container main (width<=860px){.topbar .roadmap-btn span{display:none}.topbar .status{text-overflow:ellipsis;flex-shrink:1;min-width:0;overflow:hidden}}@container main (width<=560px){.topbar .crumbs,.topbar .pomo{display:none}}.wb-tab-title{text-overflow:ellipsis;overflow:hidden}