@layer components{.shell-notice{justify-content:space-between;align-items:center;gap:var(--space-xs) var(--space-m);padding:var(--space-2xs) var(--space-s);background:var(--sheet);border:var(--print-line);font-size:var(--text-small);flex-wrap:wrap;font-weight:500;display:flex}.shell-notice .notice-text{flex:10rem;min-width:0}.shell-notice .notice-actions{gap:var(--space-m);display:flex}.shell-notice .notice-actions button{font-size:var(--text-control);min-height:var(--target);cursor:pointer;text-decoration:underline;text-decoration-thickness:var(--stroke-bold);text-underline-offset:var(--underline-offset);font-weight:800}.shell-notice .notice-actions button[data-pressed]{color:var(--ink-soft)}.app-shell{width:100%;max-width:var(--sheet-width);min-height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:var(--paper);box-shadow:0 0 0 var(--stroke-hair) var(--rule);grid-template-rows:auto 1fr;margin-inline:auto;display:grid}.app-shell .notices{gap:var(--space-xs);padding-inline:var(--gutter);display:grid}.app-shell .notices:not(:empty){padding-block:var(--space-s)}.route-error{align-content:start;gap:var(--space-s);padding:var(--space-xl) var(--gutter) 0;display:grid}.route-error h1{font-size:var(--text-number);font-stretch:var(--stretch-condensed);font-weight:900;line-height:var(--leading-display);letter-spacing:var(--tracking-number)}}