.tab-bar.svelte-1wwzsr0{z-index:40;grid-template-columns:repeat(var(--tabs,4), 1fr);padding:.4rem max(.5rem, var(--safe-left)) max(.5rem, var(--safe-bottom)) max(.5rem, var(--safe-right));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffff0;border-top:1px solid #2b211814;gap:.25rem;display:grid;position:fixed;inset:auto 0 0;box-shadow:0 -8px 24px -16px #5c401459}.tab.svelte-1wwzsr0{min-height:3.6rem;color:var(--color-ink-soft);-webkit-user-select:none;user-select:none;border-radius:1.1rem;flex-direction:column;justify-content:center;align-items:center;gap:.1rem;font-size:.85rem;font-weight:700;transition:background .15s,transform 80ms;display:flex}.tab.svelte-1wwzsr0:active{transform:scale(.94)}.icon.svelte-1wwzsr0{font-size:1.75rem;line-height:1;transition:transform .2s}.tab[aria-current=page].svelte-1wwzsr0{background:var(--color-paper-deep);color:var(--color-ink)}.tab[aria-current=page].svelte-1wwzsr0 .icon:where(.svelte-1wwzsr0){transform:translateY(-2px)scale(1.12)}@media (width>=640px){.tab-bar.svelte-1wwzsr0{padding-inline:max(1.5rem, var(--safe-left));gap:.75rem}.tab.svelte-1wwzsr0{flex-direction:row;gap:.5rem;min-height:3.5rem;font-size:1.1rem}}@media (width>=1024px){.tab-bar.svelte-1wwzsr0{display:none}}@media (width<=1023.98px){body:has(.tab-bar){padding-bottom:calc(4.5rem + var(--safe-bottom))}}.site-header.svelte-isll26{z-index:30;max-width:var(--container-page);padding:max(.55rem, var(--safe-top)) .75rem .45rem;background:color-mix(in srgb, var(--color-paper) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid #2b211814;align-items:center;gap:.5rem;margin-inline:auto;display:flex;position:sticky;top:0}.chip.svelte-isll26{gap:.4rem;padding-inline:.45rem .75rem}.ring.svelte-isll26{background:radial-gradient(closest-side, white 74%, transparent 76%), conic-gradient(var(--color-berry) var(--xp), #e9e2d6 0);width:2rem;height:2rem;color:var(--color-berry-deep);border-radius:999px;place-items:center;font-size:.95rem;font-weight:700;display:grid}.streak.svelte-isll26{color:var(--color-coral-deep);font-weight:700}@media (width>=640px){.site-header.svelte-isll26{padding:max(1rem, calc(var(--safe-top) + .5rem)) 1rem .5rem;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-bottom:0;gap:.75rem;position:static}}
