/* Small first-paint stylesheet, available before the application bundle. */
:root{--loading-fill:#e8ebef;--loading-surface:#fff;--loading-canvas:#f8f9fb;--loading-line:#e5e7eb}
:root.dark{--loading-fill:var(--app-dark-border,#303030);--loading-surface:var(--app-dark-background,#080808);--loading-canvas:var(--app-dark-background,#080808);--loading-line:var(--app-dark-border,#303030)}
.skeleton-block,.app-boot [data-placeholder]{background:var(--loading-fill);animation:skeleton-pulse 1.7s ease-in-out infinite}
@keyframes skeleton-pulse{0%,100%{opacity:1}50%{opacity:.48}}
@media(prefers-reduced-motion:reduce){.skeleton-block,.app-boot [data-placeholder]{animation:none}}
.app-boot{box-sizing:border-box;display:flex;min-height:100dvh;padding:8px;gap:8px;background:var(--loading-canvas);color:var(--loading-fill)}
.app-boot *{box-sizing:border-box}
.app-boot [data-placeholder]{height:14px;border-radius:5px}
.app-boot aside{display:none;width:232px;flex-shrink:0;padding:20px 16px}
.app-boot aside [data-placeholder]{margin-bottom:25px;width:78%}
.app-boot aside [data-placeholder]:first-child{height:28px;margin-bottom:32px}
.app-boot .boot-main{flex:1;min-width:0}
.app-boot header{height:56px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 16px}
.app-boot header [data-placeholder]:first-child{width:128px;height:22px}
.app-boot header [data-placeholder]:last-child{width:32px;height:32px;border-radius:50%}
.app-boot .boot-card{border:1px solid var(--loading-line);border-radius:14px;overflow:hidden;min-height:calc(100dvh - 80px);background:var(--loading-surface)}
.app-boot .boot-band{height:48px;border-bottom:1px solid var(--loading-line);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 16px}
.app-boot .boot-band [data-placeholder]:first-child{width:156px;height:22px;max-width:45%}
.app-boot .boot-band [data-placeholder]:last-child{width:220px;height:32px;max-width:45%}
.app-boot .boot-row{height:48px;display:flex;gap:32px;align-items:center;border-bottom:1px solid var(--loading-line);padding:0 16px}
.app-boot .boot-row [data-placeholder]{flex:1;min-width:0}
.app-boot .boot-row [data-placeholder]:first-child{flex:2}
.app-boot .boot-mobile-nav{height:52px;display:flex;align-items:center;justify-content:space-around}
.app-boot .boot-mobile-nav [data-placeholder]{width:24px;height:24px}
.boot-public .app-boot aside,.boot-public .app-boot header,.boot-public .boot-mobile-nav{display:none}
.boot-public .app-boot .boot-main{max-width:760px;margin:24px auto}
@media(min-width:1024px){.app-boot aside{display:block}.app-boot .boot-mobile-nav{display:none}}
@media(max-width:639px){.app-boot{padding:0}.app-boot .boot-card{border-radius:0;min-height:calc(100dvh - 108px)}.app-boot .boot-row [data-placeholder]:last-child{display:none}}