.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)}.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}.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}