/*B"H
Boruch Hashem
Blessed is He
The Awtsmoos creates Start, running task, and resting dock anew. Awtsmoos.com
keeps app launchers and supervised processes distinct inside one responsive vessel.
*/
#start-bar {
	position: absolute;
	z-index: 1300;
	left: 50%;
	bottom: max(12px, env(safe-area-inset-bottom));
	display: flex;
	align-items: center;
	width: min(980px, calc(100% - 28px));
	height: var(--geo-dock-height);
	padding: 9px;
	gap: 8px;
	transform: translateX(-50%);
	border: 1px solid var(--geo-border);
	border-radius: 24px;
	background: rgba(8, 14, 35, 0.78);
	box-shadow: var(--geo-shadow);
	backdrop-filter: blur(28px) saturate(170%);
}
#start-button {
	position: relative;
	order: initial;
	display: grid;
	place-items: center;
	flex: 0 0 auto;
	width: 54px;
	height: 54px;
	padding: 0;
	border: 0;
	border-radius: 18px;
	color: white;
	background: linear-gradient(145deg, var(--geo-cyan), var(--geo-blue));
	box-shadow: 0 10px 30px rgba(77, 233, 220, 0.24);
}
#start-button::before {
	content: "✦";
	position: static;
	width: auto;
	height: auto;
	clip-path: none;
	border-radius: 0;
	background: none;
	box-shadow: none;
	font: 26px/1 var(--geo-font-emoji);
}
#start-button::after {
	display: none;
}
#start-button:hover {
	transform: translateY(-3px) scale(1.03);
	filter: saturate(1.15);
}
.start-button-label {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip-path: inset(50%);
}
#task-area {
	display: flex;
	align-items: center;
	gap: 7px;
	flex: 1 1 auto;
	min-width: 0;
	overflow-x: auto;
	scrollbar-width: none;
}
#task-area::-webkit-scrollbar {
	display: none;
}
#task-area > * {
	flex: 0 0 auto;
	border-radius: 14px;
	transition:
		transform var(--geo-fast),
		background var(--geo-fast),
		border-color var(--geo-fast);
}
#task-area > *:hover {
	transform: translateY(-3px);
	background: rgba(77, 233, 220, 0.12);
}