.shell{display:grid;grid-template-columns:var(--shell-sidebar-width) 1fr;min-height:100vh;background:var(--color-surface-canvas);font-family:var(--font-family-sans);color:var(--color-text-primary)}:root{--shell-sidebar-width:calc(var(--space-80) * 3)}h1,h2{font-family:var(--font-family-display);letter-spacing:var(--letter-spacing-display)}.sidebar__wordmark{display:flex;align-items:center;gap:var(--space-6);padding:var(--space-2) var(--space-12) var(--space-14)}.sidebar__wordmark-mark{height:var(--space-20);width:auto;display:block}.sidebar__wordmark-word{height:var(--space-14);width:auto;display:block}.sidebar{display:flex;flex-direction:column;gap:var(--space-4);background:var(--color-sidebar-surface);padding:var(--space-24) var(--space-16) var(--space-16);position:-webkit-sticky;position:sticky;top:0;box-sizing:border-box;height:100vh;overflow-y:auto}.sidebar>*{flex-shrink:0}.sidebar__spacer{height:var(--space-16);flex:0 0 auto}.sidebar__push{flex:1 0 auto}.sidebar__divider-wrap{height:var(--space-16);display:flex;align-items:center;justify-content:center}.sidebar__divider{height:var(--border-width);width:calc(100% - var(--space-32));background:var(--color-sidebar-border)}.sidebar__notice{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-12);margin-bottom:var(--space-4);border-radius:var(--radius-md);background:var(--color-sidebar-raised);border:var(--border-width) solid var(--color-sidebar-border)}.sidebar__notice--attention{border-color:var(--color-primary)}.sidebar__notice-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--color-sidebar-text);line-height:var(--line-height-tight)}.sidebar__notice-body{font-size:var(--font-size-sm);color:var(--color-sidebar-text-muted);line-height:var(--line-height-relaxed)}.sidebar__notice-action{align-self:flex-start;margin-top:var(--space-4);padding:0;border:0;background:transparent;font-family:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-sidebar-text);text-decoration:underline;cursor:pointer}.sidebar__notice-action:focus-visible{outline:var(--border-width-thick) solid var(--color-primary);outline-offset:var(--space-4)}.nav-item{display:flex;align-items:center;gap:var(--space-10);height:calc(var(--space-32) + var(--space-4));padding:0 var(--space-12);border-radius:var(--radius-md);width:100%;border:0;background:transparent;font-family:inherit;font-size:var(--font-size-md);font-weight:var(--font-weight-regular);color:var(--color-sidebar-text-muted);text-decoration:none;cursor:pointer;text-align:left;transition:background-color var(--mb-duration-fast) var(--mb-ease)}.nav-item:hover{background:var(--color-sidebar-raised);color:var(--color-sidebar-text)}.nav-item:focus-visible{outline:var(--border-width-thick) solid var(--color-primary);outline-offset:calc(-1 * var(--border-width-thick))}.nav-item--active{background:var(--color-sidebar-raised);color:var(--color-sidebar-text);font-weight:var(--font-weight-medium)}.nav-item__icon{width:var(--space-16);height:var(--space-16);flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;color:var(--color-sidebar-text-muted)}.nav-item--active .nav-item__icon,.nav-item:hover .nav-item__icon{color:var(--color-sidebar-text)}.subnav{display:flex;-webkit-padding-start:var(--space-20);padding-inline-start:var(--space-20)}.subnav__connector{width:var(--border-width-thick);border-radius:var(--radius-xs);background:var(--color-sidebar-border);flex:0 0 auto}.subnav__items{display:flex;flex-direction:column;gap:var(--space-2);-webkit-padding-start:var(--space-12);padding-inline-start:var(--space-12);flex:1 0;min-width:0}.subnav__item{display:block;padding:var(--space-6) var(--space-8);border-radius:var(--radius-sm);font-size:var(--font-size-base);color:var(--color-sidebar-text-muted);text-decoration:none;white-space:nowrap;transition:background-color var(--mb-duration-fast) var(--mb-ease)}.subnav__item:hover{background:var(--color-sidebar-raised);color:var(--color-sidebar-text)}.subnav__item:focus-visible{outline:var(--border-width-thick) solid var(--color-primary);outline-offset:calc(-1 * var(--border-width))}.subnav__item--active{background:var(--color-sidebar-raised);color:var(--color-sidebar-text);font-weight:var(--font-weight-medium)}.shell__main{display:flex;flex-direction:column;min-width:0}.topbar{justify-content:space-between;gap:var(--space-16);height:var(--space-56);padding:0 var(--space-20) 0 var(--space-28);background:var(--color-surface);border-bottom:var(--border-width) solid var(--color-border);position:-webkit-sticky;position:sticky;top:0;z-index:10}.breadcrumb,.topbar{display:flex;align-items:center}.breadcrumb{gap:var(--space-8);font-size:var(--font-size-md);min-width:0}.breadcrumb__crumb{color:var(--color-text-tertiary);text-decoration:none;white-space:nowrap}.breadcrumb__crumb:hover{color:var(--color-text-primary)}.breadcrumb__sep{color:var(--color-text-muted)}.breadcrumb__current{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar__actions{display:flex;align-items:center;gap:var(--space-12);flex:0 0 auto}.topbar__feedback,.topbar__notifications{position:relative;width:var(--space-32);height:var(--space-32);display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;border-radius:var(--radius-md);cursor:pointer}.topbar__feedback{color:var(--color-text-secondary)}.topbar__feedback:hover,.topbar__notifications:hover{background:var(--color-surface-control)}.topbar__feedback:hover{color:var(--color-text-primary)}.topbar__feedback:focus-visible,.topbar__notifications:focus-visible{outline:var(--border-width-thick) solid var(--color-primary);outline-offset:var(--space-2)}.topbar__account{margin-left:var(--space-4)}.topbar__badge{position:absolute;top:0;left:var(--space-16);min-width:var(--space-16);height:var(--space-16);padding:0 var(--space-2);border-radius:var(--radius-lg);background:var(--color-danger);color:var(--color-primary-contrast);font-size:var(--font-size-2xs);font-weight:var(--font-weight-bold);display:inline-flex;align-items:center;justify-content:center}.shell__content{flex:1 1 auto;min-width:0}.gate{box-sizing:border-box;min-height:100vh;align-items:center;justify-content:center;background:var(--color-surface-canvas);font-family:var(--font-family-sans)}.gate,.gate__card{display:flex;padding:var(--space-32)}.gate__card{width:100%;max-width:calc(var(--space-80) * 5);background:var(--color-surface);border:var(--border-width) solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;gap:var(--space-16)}.gate__title{margin:0;font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);line-height:var(--line-height-tight)}.gate__body{margin:0;font-size:var(--font-size-base);color:var(--color-text-tertiary);line-height:var(--line-height-relaxed)}.gate__divider{display:flex;align-items:center;gap:var(--space-10);color:var(--color-text-muted);font-size:var(--font-size-sm)}.gate__divider:after,.gate__divider:before{content:"";flex:1 0;height:var(--border-width);background:var(--color-border)}.gate__link{align-self:center;background:none;border:0;padding:0;font:inherit;font-size:var(--font-size-sm);color:var(--color-text-tertiary);cursor:pointer}.gate__link:hover{color:var(--color-primary)}.gate__error{margin:0;font-size:var(--font-size-sm);color:var(--color-danger);line-height:var(--line-height-snug)}.onboarding{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-20)}.onboarding__card{max-width:calc(var(--space-80) * 5 + var(--space-40));padding:var(--space-40);gap:var(--space-24);border-radius:var(--radius-xl);box-shadow:var(--shadow-card)}.onboarding__card--wide{max-width:calc(var(--space-80) * 6)}.onboarding__logo{display:block;height:var(--space-40);width:auto}.onboarding__heading{display:flex;flex-direction:column;gap:var(--space-8)}.onboarding__title{font-size:var(--font-size-2xl)}.onboarding__body{font-size:var(--font-size-md);color:var(--color-text-secondary)}.onboarding__form{display:flex;flex-direction:column;gap:var(--space-20)}.onboarding__hint{margin:0;font-size:var(--font-size-base);color:var(--color-text-tertiary);line-height:var(--line-height-relaxed)}.onboarding__back{align-self:flex-start;font-size:var(--font-size-base);color:var(--color-text-secondary);text-decoration:none}.onboarding__back:hover{color:var(--color-text-primary)}.onboarding__footer{margin:0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.onboarding__link{background:none;border:0;padding:0;font:inherit;color:var(--color-primary);cursor:pointer}.onboarding__back:focus-visible,.onboarding__link:focus-visible{outline:var(--border-width-thick) solid var(--color-primary);outline-offset:var(--space-2)}.new-engagement{display:flex;flex-direction:column;gap:var(--space-20)}.new-engagement__types{display:flex;flex-direction:column;gap:var(--space-8);margin:0;padding:0;border:0;min-width:0}.new-engagement__types legend{padding:0;margin-bottom:var(--space-8)}.new-engagement__helper{margin:0;font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:var(--line-height-relaxed)}.shell-skeleton__sidebar{background:var(--color-sidebar-surface);padding:var(--space-24) var(--space-16);display:flex;flex-direction:column;gap:var(--space-10)}.shell-skeleton__nav{height:calc(var(--space-32) + var(--space-4));border-radius:var(--radius-md);background:var(--color-sidebar-raised)}.slug-field__row{display:flex;align-items:center;gap:var(--space-8)}.slug-field__input{flex:1 1 auto}.slug-field__suffix{font-size:var(--font-size-base);color:var(--color-text-muted);white-space:nowrap}.slug-field__status{min-height:var(--space-24)}.slug-field__status,.slug-field__suggestions{display:flex;align-items:center;gap:var(--space-8)}.slug-field__suggestions{flex-wrap:wrap}.feedback__form,.feedback__sent{display:flex;flex-direction:column;gap:var(--space-14)}.feedback__text{margin:0;font-size:var(--font-size-base);line-height:var(--line-height-relaxed);color:var(--color-text-secondary)}.feedback__text--error{color:var(--color-danger)}.feedback__meta{margin:0;font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);color:var(--color-text-tertiary)}.feedback__actions{margin-left:auto;display:flex;gap:var(--space-8)}@media (max-width:760px){.shell{grid-template-columns:1fr}.shell-skeleton__sidebar,.sidebar,.topbar{display:none}}