.app-shell{display:grid;grid-template-columns:var(--nav-width) minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto;grid-template-areas:"nav main" "status status";min-height:100%;min-height:100dvh}.app-nav{grid-area:nav;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-4) calc(var(--space-3) + env(safe-area-inset-right,0px)) var(--space-4) calc(var(--space-3) + env(safe-area-inset-left,0px));background:var(--paper-raised);border-right:var(--border-ink)}.app-nav__brand{display:flex;align-items:center;gap:var(--space-2)}.app-nav__logo{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;background:var(--accent-yellow);border:var(--border-ink);border-radius:12px;box-shadow:var(--shadow-hard-sm);font-weight:800;font-size:15px}.app-nav__name{font-weight:700;font-size:15px}.app-nav__list{display:flex;flex-direction:column;gap:var(--space-2);list-style:none;margin:0;padding:0}.app-nav__item{display:flex;align-items:center;gap:var(--space-2);width:100%;min-height:42px;padding:0 var(--space-3);background:transparent;border:2px solid transparent;border-radius:var(--radius-control);font-weight:600;text-align:left}.app-nav__item:hover{background:var(--paper-sunken)}.app-nav__item--active{background:var(--accent-yellow-soft);border-color:var(--line);box-shadow:var(--shadow-hard-sm)}.app-nav__note{margin-top:auto;color:var(--ink-faint);font-size:12px;line-height:1.5}.app-main{grid-area:main;min-width:0;padding:var(--space-5) calc(var(--space-5) + env(safe-area-inset-right,0px)) var(--space-6) calc(var(--space-5) + env(safe-area-inset-left,0px));display:flex;flex-direction:column;gap:var(--space-4);max-width:var(--content-max);width:100%}.page-header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:var(--space-3);border-bottom:var(--border-ink);padding-bottom:var(--space-3)}.page-header__title{font-size:24px}.page-header__subtitle{color:var(--ink-soft);font-size:14px}.app-status{grid-area:status;display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:var(--space-2) calc(var(--space-4) + env(safe-area-inset-right,0px)) calc(var(--space-2) + env(safe-area-inset-bottom,0px)) calc(var(--space-4) + env(safe-area-inset-left,0px));border-top:var(--border-ink);background:var(--paper-raised);color:var(--ink-soft);font-size:12px}.boot-notice{max-width:560px;margin:var(--space-6) auto;padding:var(--space-5);background:var(--paper-raised);border:var(--border-ink);border-radius:var(--radius-card);box-shadow:var(--shadow-hard);display:flex;flex-direction:column;gap:var(--space-3)}.boot-notice__title{font-size:20px}.boot-notice__detail{color:var(--ink-soft)}@media(min-width:721px)and (max-width:1024px){:root{--nav-width: 176px}.app-nav__item{min-height:44px}.app-main{padding:var(--space-4) calc(var(--space-4) + env(safe-area-inset-right,0px)) var(--space-5) calc(var(--space-4) + env(safe-area-inset-left,0px))}}@media(max-width:720px){.app-shell{grid-template-columns:minmax(0,1fr);grid-template-areas:"main" "nav" "status"}.app-nav{flex-direction:row;align-items:center;gap:var(--space-2);padding:var(--space-2) calc(var(--space-2) + env(safe-area-inset-right,0px)) calc(var(--space-2) + env(safe-area-inset-bottom,0px)) calc(var(--space-2) + env(safe-area-inset-left,0px));border-right:none;border-top:var(--border-ink);position:sticky;bottom:0;z-index:5}.app-nav__brand,.app-nav__note{display:none}.app-nav__list{flex-direction:row;width:100%;justify-content:space-between}.app-nav__item{flex-direction:column;gap:0;min-height:48px;padding:var(--space-1) var(--space-2);font-size:12px;text-align:center;justify-content:center}.app-main{padding:var(--space-4) calc(var(--space-3) + env(safe-area-inset-right,0px)) var(--space-5) calc(var(--space-3) + env(safe-area-inset-left,0px))}.app-status{display:none}}