.publicShell{min-height:calc(100vh - 350px);display:grid;place-items:center;background:radial-gradient(circle at 20% 20%,color-mix(in srgb,var(--primary) 20%,var(--bg)),var(--bg))}.publicPanel{background:rgba(0,0,0,0);border:0;box-shadow:none;border-radius:0;width:min(1100px,100%);padding:0}.publicCard{width:100%;max-width:460px;margin:0 auto;display:grid;gap:16px}.appShell{display:grid;grid-template-columns:var(--sidebarWidth) 1fr;min-height:100vh;background:var(--bg);transition:grid-template-columns var(--transition);position:relative}.appShell.collapsed{grid-template-columns:76px 1fr}.appContent{min-height:100vh;background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 80%,var(--bg)) 0,var(--bg) 100%);padding:10px}.mobileMenuButton{position:fixed;left:12px;top:12px;z-index:75;width:38px;height:38px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);display:inline-flex;align-items:center;justify-content:center}.mobileScrim{position:fixed;inset:0;z-index:65;border:0;background:rgba(15,23,42,.35)}.pageFrame{max-width:none;margin:10px;position:relative}.pageFrame,.pageMain{display:grid;gap:24px}.pageMain{min-width:0}.rightPanel{position:fixed;top:0;right:0;width:min(510px,90vw);height:100vh;padding:0;transform:translateX(100%);opacity:0;pointer-events:none;transition:transform var(--transition),opacity var(--transition);overflow-y:auto;scrollbar-gutter:stable;z-index:50}.rightPanelLeft{left:var(--sidebarWidth);right:auto;transform:translateX(-100%)}.appShell.collapsed .rightPanelLeft{left:76px}.rightPanelRight{right:0;left:auto;transform:translateX(100%)}.rightPanelOpen{transform:translateX(0);opacity:1;pointer-events:auto}.rightPanelDragging{transition:none;transform:translateX(var(--notepad-drag-x,0))}@media(max-width:1200px){.rightPanel{width:min(510px,94vw)}.rightPanelLeft{left:0}}.clickableSummary{cursor:pointer}.boldLink{font-weight:700}.cardGrid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.inlineActions{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text);font-size:14px;font-weight:500;transition:color var(--transition)}.inlineActions:hover{color:var(--text);opacity:.8}.muted{color:var(--mutedText);font-size:14px}@media(max-width:980px){.appShell,.appShell.collapsed{grid-template-columns:1fr}.appContent{padding:56px 8px 8px}.pageFrame{margin:0;gap:14px}.pageMain{gap:14px}}