.button-primary,.button-secondary,.button-small,.button-danger{justify-content:center;align-items:center;gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);border-radius:var(--rounded-xl);min-height:var(--spacing-target-primary);font-family:var(--typography-button-font-family);font-size:var(--typography-button-font-size);font-weight:var(--typography-button-font-weight);line-height:var(--typography-button-line-height);text-align:center;cursor:pointer;display:inline-flex}.button-primary{background:var(--colors-primary);color:var(--colors-on-primary);border:2px solid var(--colors-primary)}.button-secondary{background:var(--colors-surface);color:var(--colors-ink);border:2px solid var(--colors-control-edge)}.button-small{background:var(--colors-surface);color:var(--colors-ink);border:2px solid var(--colors-control-edge);border-radius:var(--rounded-lg);min-height:var(--spacing-target-min);padding:var(--spacing-1) var(--spacing-3);font-family:var(--typography-button-sm-font-family);font-size:var(--typography-button-sm-font-size);font-weight:var(--typography-button-sm-font-weight);line-height:var(--typography-button-sm-line-height)}.button-danger{background:var(--colors-danger);color:var(--colors-on-danger);border:2px solid var(--colors-danger)}.icon-warning{width:var(--spacing-icon-md);height:var(--spacing-icon-md);flex:none}.button-danger .icon-warning{color:var(--colors-on-danger)}@media (width>=64em) and (pointer:fine){.button-danger{border-radius:var(--rounded-sm);min-height:var(--spacing-target-desktop-compact)}}.button-primary.button-disabled,.button-secondary.button-disabled,.button-small.button-disabled,.button-danger.button-disabled{background:var(--colors-disabled-fill);color:var(--colors-disabled-ink);border:2px solid var(--colors-disabled-edge);cursor:not-allowed}.button-danger.button-disabled .icon-warning{color:var(--colors-disabled-ink)}.toast-region{inset-inline:var(--spacing-margin-mobile);bottom:calc(var(--shell-tab-bar-height,env(safe-area-inset-bottom)) + var(--spacing-3));z-index:10;pointer-events:none;justify-content:center;display:flex;position:fixed}.toast{max-width:var(--spacing-content-max);padding:var(--spacing-3) var(--spacing-4);background:var(--colors-ink);color:var(--colors-surface);border-radius:var(--rounded-lg);font-family:var(--typography-label-font-family);font-size:var(--typography-label-font-size);font-weight:var(--typography-label-font-weight);line-height:var(--typography-label-line-height);pointer-events:auto}.app-bar{justify-content:space-between;align-items:center;gap:var(--spacing-2) var(--spacing-4);z-index:5;padding:calc(env(safe-area-inset-top) + var(--spacing-3)) var(--spacing-margin-mobile) var(--spacing-3);background:var(--colors-surface);border-bottom:1px solid var(--colors-line);flex-wrap:wrap;display:flex;position:sticky;top:0}.app-bar-title{font-family:var(--typography-screen-title-font-family);font-size:var(--typography-screen-title-font-size);font-weight:var(--typography-screen-title-font-weight);line-height:var(--typography-screen-title-line-height);letter-spacing:var(--typography-screen-title-letter-spacing)}.app-bar-actions{gap:var(--spacing-2);flex-wrap:wrap;display:flex}html{scroll-padding-block:var(--shell-app-bar-height,0px) var(--shell-tab-bar-height,0px)}.phone-shell .shell-main{grid-template-rows:auto 1fr auto;min-height:100dvh;display:grid}.phone-shell-content{min-width:0;padding:var(--spacing-3) var(--spacing-margin-mobile)}.shell-surface-centred{width:100%;max-width:var(--spacing-content-max);margin-inline:auto}.tab-bar{z-index:5;padding-bottom:env(safe-area-inset-bottom);background:var(--colors-surface);border-top:1px solid var(--colors-line);position:sticky;bottom:0}.tab-bar-list,.side-nav-list{margin:0;padding:0;list-style:none;display:flex}.tab-bar-list>li{flex:1 1 0;min-width:0}.tab-bar-item{min-height:var(--spacing-target-min);padding:var(--spacing-1);color:var(--colors-ink-soft);font-family:var(--typography-tab-label-font-family);font-size:var(--typography-tab-label-font-size);font-weight:var(--typography-tab-label-font-weight);line-height:var(--typography-tab-label-line-height);flex-direction:column;justify-content:center;align-items:center;gap:.125rem;text-decoration:none;display:flex;position:relative}.tab-bar-item[aria-current=page]{color:var(--colors-primary);font-weight:var(--typography-tab-label-active-font-weight)}.tab-bar-item[aria-current=page]:before{content:"";top:0;height:var(--spacing-tab-indicator);background:var(--colors-primary);border-radius:0 0 var(--spacing-tab-indicator) var(--spacing-tab-indicator);position:absolute;inset-inline:25%}.tab-bar-icon,.side-nav-icon{width:var(--spacing-icon-md);height:var(--spacing-icon-md);flex:none}.tab-bar-label{text-align:center;overflow-wrap:anywhere;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;max-width:100%;display:-webkit-box;overflow:hidden}.desktop-shell{min-height:100dvh;display:flex}.side-nav{width:var(--spacing-side-nav-width);padding:var(--spacing-3) 0;background:var(--colors-surface);border-right:1px solid var(--colors-line);flex:none}.side-nav-list{flex-direction:column}.side-nav-item{align-items:center;gap:var(--spacing-3);min-height:var(--spacing-side-nav-item);padding:var(--spacing-1) var(--spacing-4);color:var(--colors-ink);font-family:var(--typography-label-font-family);font-size:var(--typography-label-font-size);font-weight:var(--typography-label-font-weight);line-height:var(--typography-label-line-height);text-decoration:none;display:flex}@media (pointer:coarse){.side-nav-item{min-height:var(--spacing-target-min)}}.side-nav-item[aria-current=page]{background:var(--colors-selected-tint);color:var(--colors-primary);box-shadow:inset 3px 0 0 var(--colors-primary)}.desktop-shell .shell-main{flex-direction:column;flex:1;min-width:0;display:flex}.desktop-shell .app-bar{padding-inline:var(--spacing-margin-desktop)}.desktop-shell-content{padding:var(--spacing-margin-desktop)}.update-required{min-height:100dvh;padding:var(--spacing-5) var(--spacing-margin-mobile);background:var(--colors-surface);text-align:center;place-content:center;display:grid}
