.app{isolation:isolate;min-height:100%;position:relative}.g-stars{z-index:-1;pointer-events:none;position:fixed;inset:0}.page{width:min(760px,100%);padding:calc(env(safe-area-inset-top,0px) + var(--s-4)) var(--gutter) var(--s-10);align-content:start;gap:var(--s-6);margin:0 auto;display:grid}.page--wide{width:min(1320px,100%)}.page--bare{width:min(560px,100%);min-height:100dvh}:root{--app-top:0px}.shell{min-height:100dvh}.shell-main{padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}.shell-top{display:none}.shell-avatar{background:var(--fill);width:32px;height:32px;color:var(--text);font:600 var(--t-foot) / 1 var(--font-body);border-radius:50%;place-items:center;text-decoration:none;display:inline-grid}.shell-tabs{z-index:40;padding:6px var(--s-2) calc(env(safe-area-inset-bottom,0px) + 4px);background:color-mix(in srgb, var(--bg) 80%, transparent);-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);border-top:.5px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.shell-tab{color:var(--text-3);font:500 var(--t-micro) / 1.1 var(--font-body);-webkit-tap-highlight-color:transparent;justify-items:center;gap:2px;padding:2px 0;text-decoration:none;display:grid}.shell-tab.active{color:var(--text)}@media (width>=900px){:root{--app-top:56px}.shell-main{padding-bottom:0}.shell-tabs{display:none}.shell-top{z-index:40;align-items:center;gap:var(--s-4);height:56px;padding:0 var(--gutter);background:color-mix(in srgb, var(--bg) 80%, transparent);-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);border-bottom:.5px solid var(--line);display:flex;position:sticky;top:0}.shell-brand{font:600 var(--t-headline) / 1 var(--font-display);color:var(--text);flex:1 0 0;text-decoration:none}.shell-top__tabs{border-radius:var(--r-pill);background:var(--fill);gap:2px;padding:2px;display:inline-flex}.shell-top__tab{min-width:76px;height:30px;padding:0 var(--s-4);border-radius:var(--r-pill);color:var(--text-2);font:500 var(--t-sub) / 1 var(--font-body);place-items:center;text-decoration:none;transition:background-color .16s,color .16s;display:inline-grid}.shell-top__tab.active{background:var(--thumb);color:var(--text);box-shadow:var(--shadow-thumb)}.shell-top__end{justify-content:flex-end;align-items:center;gap:var(--s-3);flex:1 0 0;display:flex}.shell-main .ui-page-head__trailing .shell-avatar{display:none}.shell-main .page{padding-top:var(--s-6)}}