.app-shell{--rail-w:0px;--bar-h:68px;--safe-top:80px;--safe-left:16px;--safe-right:16px;--plate-bleed:0px;--rail-inset:0px;--plate-rise:32px;position:relative;min-height:100vh}@media (min-width:640px){.app-shell{--safe-left:24px;--safe-right:24px}}@media (min-width:1024px){.app-shell{--rail-w:256px;--bar-h:64px;--safe-top:96px;--safe-left:280px;--safe-right:32px;--rail-inset:12px;--plate-bleed:168px;--plate-rise:64px}}.app-main{min-height:100vh}.app-canvas{position:relative;padding:var(--safe-top) var(--safe-right) var(--space-8) var(--safe-left)}.app-banner-slot{position:relative;z-index:1}.app-banner-slot:empty{display:none}@media (min-width:1024px){.app-banner-slot{position:absolute;top:var(--bar-h);left:var(--safe-left);right:var(--safe-right);z-index:20}}.app-title-plate:before{content:"";position:absolute;top:0;left:0;right:0;height:var(--space-4);background:var(--specular);pointer-events:none}.app-title-plate{position:relative;margin-top:calc(-1 * var(--plate-rise));margin-left:calc(-1 * var(--plate-bleed));margin-bottom:0;padding:calc(var(--plate-rise) + var(--space-4)) var(--space-6) calc(var(--space-5) + var(--space-6)) calc(var(--plate-bleed) + 0px);background-color:var(--material-clear-bg);border-top:var(--hairline);border-bottom:var(--hairline)}.app-title-plate+*{margin-top:0}@media (min-width:1024px){.app-canvas>*>[data-material=card],.app-canvas>*>[data-material=table],.app-canvas>[data-material=card],.app-canvas>[data-material=table]{margin-left:calc(-1 * var(--plate-bleed))}.app-canvas>*>[data-material=card]>*,.app-canvas>*>[data-material=table]>*,.app-canvas>[data-material=card]>*,.app-canvas>[data-material=table]>*{padding-left:var(--plate-bleed)}.app-canvas>*>[data-material=card]>table,.app-canvas>*>[data-material=table]>table,.app-canvas>[data-material=card]>table,.app-canvas>[data-material=table]>table{padding-left:0;margin-left:var(--plate-bleed);max-width:calc(100% - var(--plate-bleed))}}.glass-rail-desktop{position:fixed;left:var(--rail-inset);top:var(--rail-inset);bottom:var(--rail-inset);width:calc(var(--rail-w) - var(--rail-inset) * 2);border-radius:var(--r-xl);border:var(--hairline);border-right:var(--hairline);overflow:hidden}.app-prompt-dock{position:fixed;top:0;right:var(--safe-right);height:var(--bar-h);z-index:55;display:flex;align-items:center}.glass-sheen,[data-material=card]{position:relative}.glass-sheen:before,[data-material=card]:before{content:"";position:absolute;top:0;left:0;right:0;height:var(--sheen-h,var(--space-3));border-top-left-radius:inherit;border-top-right-radius:inherit;background:var(--specular);pointer-events:none}[data-material=card]{--sheen-h:var(--space-1)}.glass-bar-desktop{position:fixed;top:0;left:var(--rail-w);right:0;height:var(--bar-h);z-index:30;display:none;align-items:center;gap:var(--space-3);padding:0 var(--space-8);border-bottom:1px solid var(--hairline-color)}@media (min-width:1024px){.glass-bar-desktop{display:flex}}.glass-modal-layer{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:var(--space-6);transition:opacity var(--dur-base) var(--ease-out)}.glass-modal-layer[data-state=closed]{opacity:0;pointer-events:none}.glass-modal-layer[data-state=closed] .glass-modal-scrim{display:none}.glass-modal-scrim{position:absolute;inset:0;background-color:var(--scrim)}.glass-modal-panel{position:relative;width:min(560px,100%);min-height:var(--space-16);max-height:calc(100vh - var(--space-12));padding:var(--space-2);overflow:hidden}.glass-modal-panel:after{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--space-8);border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;background:linear-gradient(to top,var(--material-regular-bg),transparent);pointer-events:none}.glass-modal-tray{border-radius:var(--r-lg);padding:var(--space-5);max-height:calc(100vh - var(--space-16));overflow:auto}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.glass-bar,.glass-bar-desktop,.glass-modal-tray,.glass-rail,[data-material]{background-color:var(--surface)}.glass-modal-panel:after,.glass-sheen:before,[data-material=card]:before{display:none}}@media (prefers-reduced-transparency:reduce){.glass-bar-desktop,.glass-modal-scrim,.glass-modal-tray,[data-material]{-webkit-backdrop-filter:none;backdrop-filter:none}.glass-bar-desktop,.glass-modal-tray,[data-material]{background-color:var(--surface)}.glass-modal-panel:after,.glass-sheen:before,[data-material=card]:before{display:none}.glass-modal-scrim{background-color:var(--scrim)}}