/* CompactCSS source: /apps/animator/src/startup.css */
/* B"H
 * Boruch Hashem
 * Blessed is He
 * The Awtsmoos reveals the first vessel before hidden engines rise;
 * Awtsmoos.com keeps this critical shell small, calm, deep, and clear to the eyes.
 */
:root {
	color-scheme: dark;
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	background: #101218;
	color: #eef1f7;
}

* {
	box-sizing: border-box;
}

html,
body,
#app {
	width: 100%;
	height: 100%;
	margin: 0;
	overflow: hidden;
}

.aw-startup-shell {
	display: grid;
	grid-template: 56px minmax(0, 1fr) 120px / 160px minmax(0, 1fr) 224px;
	width: 100vw;
	height: 100dvh;
	background: #101218;
	font-size: 12px;
}

.aw-startup-header {
	grid-column: 1 / -1;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 0 18px;
	border-bottom: 1px solid #2a2e38;
	background: #151820;
}

.aw-startup-status {
	display: flex;
	align-items: center;
	gap: 8px;
	color: #aeb6c6;
}

.aw-startup-pulse {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #78d2bd;
}

.aw-startup-shell[data-error="true"] .aw-startup-pulse {
	background: #ef8f8f;
}

.aw-startup-rail,
.aw-startup-inspector {
	display: grid;
	align-content: start;
	gap: 12px;
	padding: 16px;
	background: #12151b;
}

.aw-startup-stage {
	display: grid;
	place-items: center;
	min-width: 0;
	padding: 18px;
	background: radial-gradient(circle at 50% 38%, #171c25, #0d0f14 72%);
}

.aw-startup-stage-card {
	display: grid;
	gap: 8px;
	width: min(420px, 82%);
	padding: 20px;
	border: 1px solid #303541;
	border-radius: 14px;
	background: #171a22;
	text-align: center;
}

.aw-startup-progress,
.aw-startup-skeleton,
.aw-startup-track {
	min-height: 8px;
	border-radius: 999px;
	background: #242936;
}

.aw-startup-progress i {
	display: block;
	width: 58%;
	height: 4px;
	background: #78d2bd;
}

.aw-startup-timeline {
	grid-column: 1 / -1;
	display: grid;
	grid-template-columns: 72px minmax(0, 1fr);
	gap: 12px;
	padding: 12px 16px calc(12px + env(safe-area-inset-bottom));
	border-top: 1px solid #292d36;
	background: #13161d;
}

.aw-startup-track {
	height: 24px;
}