/* Retained private workflows share the public app's rail, header and theme. */
.app-shell{--app-bar-height:64px;--app-nav-height:0px;--tabbar-height:var(--app-nav-height);--pad:var(--margin)}
.app-private-document{min-width:0;flex:1;padding:0}
.app-private-document .app.app-private,.app-private-document .app.app-private.with-pane:is(.place-games,.place-bank,.place-account){grid-template-columns:minmax(0,1fr);min-height:calc(100dvh - var(--app-bar-height) - var(--app-nav-height));width:100%;max-width:100%}
.app-private-document .app.app-private{--bar-height:calc(var(--app-bar-height) + 44px)}
.app-private-document .app-private>.main{min-width:0;padding-bottom:0}
.app-private-document .app-private :is(.room,.content,.destination){min-width:0;max-width:100%}
.app-private-document .app-private :is(.rail,.tabbar){display:none}
.app-private-document .private-bar{position:sticky;top:var(--app-bar-height);z-index:var(--layer-page);display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);min-width:0;min-height:44px;padding:0 var(--pad);border-bottom:1px solid var(--rule);background:var(--ground)}
.app-private-document .private-bar>.tabs{align-self:stretch;flex:1;flex-wrap:nowrap;gap:var(--space-4);min-width:0;max-width:100%;padding:0;border:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:var(--rule) transparent}
.app-private-document .private-bar>.tabs>li{flex:none;align-items:stretch}
.app-private-document .private-bar .tab{display:inline-flex;align-items:center;min-height:44px;padding:var(--space-2) 0;font-size:var(--type-small)}
.app-private-document .private-bar>.live,.app-private-document .private-bar>.stamp{flex-shrink:0;min-height:44px}
.app-private-document .private-bar>.stamp{white-space:normal;text-align:left}
.app-private-document .app-private>.main :is(section,article,h2,h3,h4,[tabindex]):not(.counter *){scroll-margin-top:calc(var(--bar-height) + var(--space-4));scroll-margin-bottom:calc(var(--hand-height,0px) + var(--app-nav-height) + var(--space-4))}
.app-private-document .counter-head .bal{display:block}
.app-private-document .counter{bottom:var(--app-nav-height)}
.app-private-document :is(.module-gate,.app-session-status){margin:var(--space-5) var(--pad)}
.app-shell .module-gate{display:grid;justify-items:start;gap:var(--space-3);min-width:0;max-width:66ch;color:var(--mute);font-size:var(--type-small)}
.app-shell .module-gate h2,.app-shell .module-gate h3{color:var(--ink);font:var(--cut-weight) var(--type-head)/var(--leading-statement) var(--sans);font-stretch:var(--cut-stretch);letter-spacing:var(--cut-tracking)}
.app-session-status{display:grid;gap:var(--space-2);min-width:0;max-width:66ch;color:var(--mute);font-size:var(--type-small)}
.app-session-status>p{overflow-wrap:anywhere}
.app-session-status :is(button,a){width:fit-content}
.app-shell :is(.app-session-status,.module-gate)[role="alert"]{padding-left:var(--space-3);border-left:2px solid var(--ink)}
.app-shell :is(.app-session-status,.module-gate)[role="alert"] strong{color:var(--ink)}
.app-member{display:grid;gap:var(--space-2);min-width:0;color:var(--mute);font-size:var(--type-small);overflow-wrap:anywhere}
.app-member strong{color:var(--ink);font-weight:600}
.app-member code{font:400 var(--type-caption)/1.5 var(--mono)}
.app-session-controls{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-2) var(--space-4);min-width:0;margin-top:var(--space-3)}
.app-session-controls button{max-width:100%;white-space:normal;text-align:left}
.app-rail .app-session-controls{align-items:flex-start;gap:var(--space-3)}
.app-rail .app-member{padding-top:var(--space-4);border-top:1px solid var(--guide)}
.app-output-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr));border-top:1px solid var(--rule);border-left:1px solid var(--guide)}
.app-output{display:grid;align-content:start;gap:var(--space-3);min-width:0;padding:var(--space-4);border-right:1px solid var(--guide);border-bottom:1px solid var(--guide)}
.app-output-preview{display:block;min-width:0;background:var(--plate);text-decoration:none}
.app-output-preview img{display:block;width:100%;max-width:100%;height:auto;object-fit:contain}
.app-output-preview:is(:hover,:focus-visible){outline:2px solid var(--ink);outline-offset:2px}
.app-output-detail{display:grid;align-content:start;gap:var(--space-2);min-width:0}
.app-output-detail h3,.app-resume-list h3{font:600 var(--type-lead)/1.3 var(--sans);overflow-wrap:anywhere}
.app-output-detail h3>a,.app-resume-list h3>a{text-decoration:none}
.app-output-detail h3>a:hover,.app-resume-list h3>a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}
.app-output-detail .app-note{margin-top:0}
.app-output-detail .app-record{overflow-wrap:anywhere}
.app-resume-list{border-top:1px solid var(--rule)}
.app-resume-list>li{display:grid;gap:var(--space-2);min-width:0;padding:var(--space-4) 0;border-bottom:1px solid var(--rule)}
.app-resume-list>li>p:not(.app-record){max-width:66ch;color:var(--mute);font-size:var(--type-small)}
.app-for-you .app-act{flex-shrink:0}
@media (min-width:1180px){
  .app-private-document .app.app-private.with-pane:not(.place-games):not(.place-bank):not(.place-account){grid-template-columns:minmax(0,1fr) var(--pane)}
  .app-private-document .app.app-private:not(.place-games):not(.place-bank):not(.place-account)>.pane{top:var(--app-bar-height);height:calc(100dvh - var(--app-bar-height));min-width:0}
}
@media (max-width:899px){
  .app-shell{--app-nav-height:calc(64px + env(safe-area-inset-bottom,0px))}
  .app-private-document .app-private>.pane{bottom:var(--app-nav-height);max-height:calc(100dvh - var(--app-bar-height) - var(--app-nav-height) - var(--space-4))}
  .app-private-document .app-private>.pane-veil{bottom:var(--app-nav-height)}
  .app-session-controls button{min-height:44px}
  .app-private-document .private-bar>.live{flex-shrink:1;max-width:34%;min-width:0;white-space:normal;overflow-wrap:anywhere}
}
@media (max-width:599px){
  .app-private-document .private-bar{gap:var(--space-2)}
  .app-private-document .private-bar>.tabs{gap:var(--space-3)}
  .app-private-document .private-bar .tab{font-size:var(--type-small)}
  .app-output-list{grid-template-columns:minmax(0,1fr)}
  .app-output{padding:var(--space-3)}
  .app-session-status{font-size:var(--type-small)}
}