.shell__home{border-radius:6px;text-decoration:none;display:inline-flex}.shell__brand{letter-spacing:-.025em;font-size:21px}.shell__home:focus-visible,.shell__link:focus-visible,.shell__sub-link:focus-visible,.shell__add:focus-visible,.tabbar__tab:focus-visible{box-shadow:var(--oc-focus-ring);outline:none}.shell__header{display:contents}.shell__header--pending{visibility:hidden}.shell__sidebar{display:none}.shell--workshop .shell__main{padding-bottom:calc(64px + env(safe-area-inset-bottom))}.topbar{z-index:10;min-height:62px;padding:0 var(--oc-pad-x);background:var(--oc-nav);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--oc-border-result);box-shadow:var(--oc-shadow-nav);justify-content:space-between;align-items:center;gap:12px;display:flex;position:sticky;top:0}.topbar__end{align-items:center;gap:10px;display:flex}.tabbar{z-index:10;height:64px;padding-bottom:env(safe-area-inset-bottom);background:var(--oc-nav);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--oc-border-result);grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;display:grid;position:fixed;inset:auto 0 0}.tabbar__tab{border-radius:var(--oc-r-input);height:100%;color:var(--oc-muted);flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:11.5px;font-weight:600;text-decoration:none;display:flex}.tabbar__tab[aria-current=page]{color:var(--oc-ink)}.tabbar__icon{opacity:.8}.tabbar__tab[aria-current=page] .tabbar__icon{opacity:1}.tabbar__label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.tabbar__scan{box-sizing:border-box;border-radius:var(--oc-r-pill);justify-self:center;width:58px;height:58px;padding:0;position:relative;top:-16px}.tabbar__scan .oc-chip__glyph{width:26px;height:26px;margin:0}@media (min-width:1024px){.shell--workshop{grid-template-columns:248px minmax(0,1fr);display:grid}.shell--workshop .shell__main{padding-bottom:0}.tabbar,.topbar{display:none}.shell__sidebar{z-index:10;box-sizing:border-box;background:var(--oc-nav);border-right:1px solid var(--oc-border-result);height:100dvh;box-shadow:var(--oc-shadow-nav);flex-direction:column;align-self:start;gap:22px;padding:24px 16px 16px;display:flex;position:sticky;top:0;overflow-y:auto}}.shell__nav{flex-direction:column;flex:1;display:flex}.shell__group{font-family:var(--oc-font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--oc-faint);margin:18px 0 8px;padding:0 10px;font-size:11px;font-weight:600}.shell__group:first-child{margin-top:0}.shell__list,.shell__sub{flex-direction:column;gap:2px;margin:0;padding:0;list-style:none;display:flex}.shell__link{border-radius:var(--oc-r-input);min-height:40px;color:var(--oc-subcopy);align-items:center;gap:11px;padding:0 10px;font-size:15px;font-weight:500;text-decoration:none;display:flex}.shell__link:hover{background:var(--oc-chip-bg);color:var(--oc-ink)}.shell__link[aria-current=page]{background:var(--oc-chip-bg);box-shadow:inset 3px 0 0 var(--oc-accent);color:var(--oc-ink);font-weight:600}.shell__icon{opacity:.8;flex:none}.shell__link:hover .shell__icon,.shell__link[aria-current=page] .shell__icon{opacity:1}.shell__label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.shell__sub{border-left:1.5px solid var(--oc-border-result);margin:2px 0 6px 20px;padding-left:12px}.shell__sub-item{align-items:center;gap:4px;display:flex}.shell__sub-link{min-width:0;color:var(--oc-muted);text-overflow:ellipsis;white-space:nowrap;border-radius:6px;flex:1;padding:6px 4px;font-size:14px;text-decoration:none;overflow:hidden}.shell__sub-link:hover{color:var(--oc-ink)}.shell__add{border-radius:var(--oc-r-pill);width:28px;height:28px;color:var(--oc-muted);flex:none;justify-content:center;align-items:center;display:inline-flex}.shell__add:hover{background:var(--oc-chip-bg);color:var(--oc-accent-active)}.shell__foot{border-top:1px solid var(--oc-border-result);justify-content:space-between;align-items:center;gap:10px;padding-top:14px;display:flex}.shell__account{min-width:0}.shell__account .oc-menu__panel{inset:auto auto calc(100% + 8px) 0}
.page{padding:40px var(--oc-pad-x) 72px;box-sizing:border-box;width:100%;margin:0 auto}.page--narrow{max-width:calc(var(--oc-maxw-narrow) + 2 * var(--oc-pad-x))}.page--text{max-width:calc(var(--oc-maxw-text) + 2 * var(--oc-pad-x))}.page--wide{max-width:var(--oc-maxw)}