.shell{flex-direction:column;min-height:100vh;display:flex}.shell-skip{z-index:60;padding:var(--space-3) var(--space-4);background:var(--color-bg-raised);color:var(--color-text);border:1px solid var(--color-line-strong);border-radius:var(--radius-1);position:absolute;left:-9999px}.shell-skip:focus-visible{left:var(--space-4);top:var(--space-4)}.shell-top{z-index:40;min-height:var(--size-header-height);align-items:center;gap:var(--space-6);padding:0 var(--space-6);background:var(--color-bg-raised);border-bottom:1px solid var(--color-line);display:flex;position:sticky;top:0}.shell-logo{font-family:var(--font-display);font-size:var(--fs-28);letter-spacing:.34em;white-space:nowrap;color:var(--color-text);padding-left:.34em;font-weight:500;text-decoration:none}.shell-actions{align-items:center;gap:var(--space-2);display:flex}.shell-burger{display:none}.shell-soon__badge{font:var(--text-caption);letter-spacing:var(--tracking-caption);color:var(--color-text-tertiary)}.shell-body{flex:1;grid-template-columns:288px minmax(0,1fr);align-items:start;display:grid}.shell-side{border-right:1px solid var(--color-line);background:var(--color-bg-raised);padding:var(--space-6) var(--space-4) var(--space-10);top:var(--size-header-height);max-height:calc(100vh - var(--size-header-height));align-self:start;position:sticky;overflow-y:auto}.shell-group+.shell-group{margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--color-line)}.shell-group__title{font:var(--text-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--color-text-tertiary);padding:0 var(--space-3);margin:0 0 var(--space-2)}.shell-group__nav{flex-direction:column;gap:2px;display:flex}.shell-soon{cursor:default}.shell-theme-row{min-height:var(--size-tap-min);padding:0 var(--space-3);justify-content:space-between;align-items:center;display:flex}.shell-theme-row__label{font:var(--text-ui-small);letter-spacing:var(--tracking-ui-small);color:var(--color-text-secondary)}.shell-compact-only{display:none}.shell-main{min-width:0}.shell-page{gap:var(--space-4);padding:var(--space-4);max-width:var(--size-container-max);scroll-margin-top:var(--size-header-height);flex-direction:column;margin:0 auto;display:flex}.shell-footer{align-items:center;gap:var(--space-6);min-height:var(--size-bottom-nav-height);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-line);font:var(--text-body-secondary);letter-spacing:var(--tracking-body-secondary);color:var(--color-text-secondary);flex-wrap:wrap;display:flex}@media (width<=1200px){.shell-top{gap:var(--space-3);padding:0 var(--space-4)}.shell-actions{gap:var(--space-1)}}@media (width<=1080px){.shell-secondary{display:none}.shell-compact-only{display:flex}}@media (width<=960px){.shell-body{grid-template-columns:1fr}.shell-side{border-right:0;border-bottom:1px solid var(--color-line);max-height:none;display:none;position:static;overflow-y:visible}.shell-side--open{display:block}.shell-burger{display:inline-flex}}@media (width<=620px){.shell-top{gap:var(--space-2);padding:0 var(--space-3);min-height:var(--size-header-height-scrolled)}.shell-logo{font-size:var(--fs-18);letter-spacing:.18em;padding-left:.18em}}@media (width<=400px){.shell-logo{font-size:var(--fs-16);letter-spacing:.12em;padding-left:.12em}.shell-play .k-icon{display:none}.shell-top{padding:0 var(--space-2)}}@media (width<=340px){.shell-logo{letter-spacing:.06em;padding-left:.06em}}