.app-page{box-sizing:border-box;color:var(--text-primary);font-family:var(--font-family-sans);font-size:var(--font-size-body);gap:var(--space-6);line-height:var(--line-height-body);max-width:var(--page-width-default);min-width:var(--space-0);padding:var(--space-6) var(--space-6) var(--space-8);grid-template-columns:minmax(0,1fr);width:100%;margin-inline:auto;display:grid}.app-page.is-narrow{max-width:var(--page-width-narrow)}.app-page.is-wide{max-width:var(--page-width-wide)}.app-page-header{gap:var(--space-2);min-width:var(--space-0);display:grid}.app-page-back{color:var(--text-secondary);font-size:var(--font-size-chip);font-weight:var(--font-weight-semibold);align-items:center;gap:var(--space-2);min-height:var(--touch-target);justify-self:start;text-decoration:none;display:inline-flex}.app-page-back:hover{color:var(--text-primary)}.app-page-back:focus-visible{outline:3px solid var(--action-primary);outline-offset:2px}.app-page-heading{align-items:flex-end;gap:var(--space-3) var(--space-4);flex-wrap:wrap;justify-content:space-between;display:flex}.app-page-heading-text{gap:var(--space-1);max-width:72ch;min-width:var(--space-0);display:grid}.app-page-heading-text h1{color:var(--text-primary);font-size:var(--font-size-page-title);font-weight:var(--font-weight-bold);line-height:var(--line-height-title);margin:var(--space-0);overflow-wrap:anywhere}.app-page-title-row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.app-page-heading-text p{color:var(--text-secondary);font-size:var(--font-size-body);line-height:var(--line-height-body);margin:var(--space-0)}.app-page-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.app-page-actions :where(.btn,a,button){min-height:var(--touch-target)}@media (min-width:681px){body:has(.theme-floating-toggle) .app-page-header{padding-right:calc(var(--touch-target) + var(--space-3))}}.app-section{gap:var(--space-3);min-width:var(--space-0);grid-template-columns:minmax(0,1fr);display:grid}.app-section-heading{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;justify-content:space-between;display:flex}.app-section-heading h2{color:var(--text-primary);font-size:var(--font-size-section-title);font-weight:var(--font-weight-semibold);line-height:var(--line-height-title);margin:var(--space-0)}.app-section-heading p{color:var(--text-secondary);font-size:var(--font-size-note);line-height:var(--line-height-body);margin:var(--space-0)}.app-surface{background:var(--surface-primary);border:1px solid var(--color-silver);border-radius:var(--radius-md);min-width:var(--space-0);padding:var(--space-4) var(--space-5)}.app-empty-state{border:1px dashed var(--color-silver);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--font-size-body);align-items:center;gap:var(--space-2) var(--space-4);min-height:var(--touch-target);padding:var(--space-3) var(--space-4);flex-wrap:wrap;justify-content:space-between;display:flex}.app-empty-state p{margin:var(--space-0)}@media (max-width:680px){.app-page{gap:var(--space-5);padding:var(--space-4) var(--space-4) var(--space-8)}.app-surface{padding:var(--space-4)}}