@layer base{:root{--app-header-block-size:2.375rem;--logo-size-app:calc(1.211 * var(--text-lg));--app-header-action-block-size:1.75rem}.app-chrome-icon-button{block-size:1.75rem;inline-size:1.75rem;min-inline-size:1.75rem;color:var(--brand-on-fill);place-items:center;padding:0;display:grid}.app-header{--app-header-safe-block-offset:max(0px, calc(var(--app-safe-area-inset-top) - .5rem));block-size:calc(var(--app-header-block-size) + var(--app-header-safe-block-offset));min-block-size:calc(var(--app-header-block-size) + var(--app-header-safe-block-offset));padding-top:max(.5rem, var(--app-safe-area-inset-top));flex-direction:row;align-items:center;gap:.5rem;padding-bottom:.5rem}.app-header .tabularia-logo{--logo-size:var(--logo-size-app);padding-inline-end:.325rem}.app-header .public-site-nav{margin-inline-start:auto}.app-header .app-nav{flex:none;justify-content:flex-end;align-items:center;min-inline-size:max-content;margin-inline-start:auto;display:flex;position:relative;overflow:visible}.app-header a{font-size:var(--text-xs)}.app-header .app-auth-actions a{padding-block:.25rem;padding-inline:.95rem}.app-header .studio-header-action.btn{min-block-size:var(--app-header-action-block-size);padding-block:.25rem;padding-inline:.95rem;display:inline-flex}.app-header-inner{display:contents}.app-auth-actions :where(.btn,button){--button-surface:color-mix(in oklch, var(--brand-on-fill) 16%, transparent);--button-surface-hover:color-mix(in oklch, var(--brand-on-fill) 28%, transparent);--button-surface-active:color-mix(in oklch, var(--brand-on-fill) 38%, transparent);--button-on:var(--brand-on-fill);--button-border:color-mix(in oklch, var(--brand-on-fill) 32%, transparent);--button-hover-border:color-mix(in oklch, var(--brand-on-fill) 62%, transparent);--button-active-border:var(--brand-on-fill);--button-hover-ring-size:1px;--button-hover-ring-color:color-mix(in oklch, var(--brand-on-fill) 24%, transparent)}.app-auth-actions{flex:none;align-items:center;gap:.4rem;margin-left:auto;display:flex}.app-auth-actions a{min-block-size:var(--app-header-action-block-size);font-size:var(--text-xs);padding-block:.25rem;padding-inline:.95rem}.app-menu{z-index:var(--z-base);flex:none;align-items:center;margin-inline-start:.25rem;display:flex;position:relative}.app-menu-solo{margin-inline-start:auto}.app-menu-button{border-color:color-mix(in oklch, var(--brand-on-fill) 32%, transparent);background:color-mix(in oklch, var(--brand-on-fill) 16%, transparent)}.app-menu-button:hover,.app-menu-button:focus-visible{border-color:color-mix(in oklch, var(--brand-on-fill) 62%, transparent);background:color-mix(in oklch, var(--brand-on-fill) 24%, transparent)}.app-account-button{border-radius:50%;place-items:center;display:grid;overflow:clip}.app-account-button:hover,.app-account-button:active{border-color:color-mix(in oklch, var(--brand-on-fill) 32%, transparent);background:color-mix(in oklch, var(--brand-on-fill) 16%, transparent)}:is(.app-account-button:hover,.app-account-button:active):before{content:none}.app-account-button:focus-visible{border-color:color-mix(in oklch, var(--brand-on-fill) 48%, transparent);background:color-mix(in oklch, var(--brand-on-fill) 19%, transparent)}.app-account-button img{width:100%;height:100%;object-fit:cover;object-position:center;block-size:100%;inline-size:100%;max-inline-size:none;margin:0;display:block;position:absolute;inset:0}.app-account-fallback{width:100%;height:100%;border-radius:inherit;block-size:100%;inline-size:100%;font-size:var(--text-xs);place-items:center;font-weight:400;display:grid}.app-menu-panel{z-index:var(--z-overlay);inline-size:18rem;max-inline-size:min(18rem, calc(100dvi - var(--space-4)));overscroll-behavior:contain;border:1px solid var(--overlay-surface-border);border-radius:var(--overlay-surface-radius);background:var(--overlay-surface-background);max-block-size:min(38rem,100dvh - 5rem);box-shadow:var(--overlay-surface-shadow);opacity:1;color:var(--content-primary);transition:opacity var(--motion-fast) var(--ease-standard), translate var(--motion-fast) var(--ease-standard);transition-behavior:allow-discrete;gap:.25rem;padding:0;display:grid;position:absolute;inset-block-start:calc(100% + .45rem);inset-inline-end:0;overflow:hidden auto;translate:0}.app-menu-panel[hidden]{opacity:0;display:none;translate:0 -.2rem}.app-menu-panel :where(a,button){--button-surface:transparent;--button-on:var(--content-primary);text-transform:none}@starting-style{.app-menu-panel:not([hidden]){opacity:0;translate:0 -.2rem}}@media (prefers-reduced-motion:reduce){.app-menu-panel{transition:none}}.app-menu-summary{padding:.5rem var(--menu-row-pad-inline,.8rem);border-block-end:1px solid var(--menu-section-rule,color-mix(in oklch, currentcolor 20%, transparent));color:var(--content-secondary);font-size:var(--text-xs);line-height:var(--leading-tight);gap:.1rem;display:grid}.app-menu-summary span,.app-menu-summary strong{text-overflow:ellipsis;white-space:nowrap;min-inline-size:0;font-size:var(--text-xs);line-height:var(--leading-tight);overflow:clip}.app-menu-summary strong{color:var(--content-primary);font-weight:400}.app-menu-summary .app-menu-offline-note{color:var(--content-secondary);display:none}:root[data-tabularia-offline-copy] .app-menu-summary .app-menu-offline-note{display:inline}}