.page{background:var(--color-canvas);min-height:100dvh;color:var(--color-ink);flex-direction:column;display:flex}.page-body{gap:var(--space-6);width:100%;max-width:480px;padding:0 var(--space-6) var(--space-8);flex-direction:column;flex:1;margin:0 auto;display:flex}.page-in-shell{flex:1;min-height:0}.page-in-shell .action-footer{bottom:var(--tabbar-height,0px)}.page-roomy .page-body{padding-top:var(--space-2)}.page-has-footer .page-body{padding-bottom:var(--space-16)}.page-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);width:100%;max-width:480px;padding:var(--space-6) var(--space-6) var(--space-4);padding-top:max(var(--space-6), env(safe-area-inset-top,0px));background:var(--color-canvas);margin:0 auto;display:flex}.page-header-sticky{z-index:10;position:sticky;top:0}.page-header-text{flex:1;min-width:0}.page-header-back{align-items:center;gap:var(--space-1);min-height:var(--tap-floor);min-width:var(--tap-floor);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-ink-soft);text-decoration:none;display:inline-flex}button.page-header-back{cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit}.page-header-back:focus-visible{outline:2px solid var(--color-amber);outline-offset:2px}.page-header-lead{align-items:center;gap:var(--space-3);min-width:0;display:flex}.page-header-titles{min-width:0}.page-header-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight);color:var(--color-ink);overflow-wrap:break-word;margin:0;line-height:1.05}.page-header-subtitle{margin:var(--space-2) 0 0;font-size:var(--font-size-sm);color:var(--color-ink-soft)}.page-header-actions{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.page-header-action{width:var(--tap-floor);height:var(--tap-floor);color:var(--color-ink);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;text-decoration:none;display:inline-flex}.page-header-action-circle{width:calc(var(--tap-floor) - var(--space-2));height:calc(var(--tap-floor) - var(--space-2));border:1px solid var(--color-hairline);border-radius:var(--radius-full);background:var(--color-surface);transition:background var(--duration-fast) var(--ease);justify-content:center;align-items:center;display:inline-flex;position:relative}.page-header-action:hover .page-header-action-circle{background:var(--color-canvas-alt)}.page-header-action:focus-visible{outline:none}.page-header-action:focus-visible .page-header-action-circle{outline:2px solid var(--color-amber);outline-offset:2px}.page-header-action-badge{top:calc(-1 * var(--space-1));right:calc(-1 * var(--space-1));min-width:calc(var(--space-4) + var(--space-1));height:calc(var(--space-4) + var(--space-1));padding:0 var(--space-1);border-radius:var(--radius-full);background:var(--color-amber);color:var(--color-ink);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;display:inline-flex;position:absolute}.page-header.page-header-compact{align-items:center;padding:0}.page-header-compact .page-header-titles{align-items:baseline;column-gap:var(--space-3);flex-wrap:wrap;display:flex}.page-header-compact .page-header-title{font-size:var(--font-size-lg)}.page-header-compact .page-header-subtitle{margin:0}