.hbms-app {
	--hbms-navy: #172554;
	--hbms-blue: #279dd1;
	--hbms-purple: #7657d5;
	--hbms-green: #00b050;
	--hbms-ink: #172033;
	--hbms-muted: #667085;
	--hbms-pale: #f4f8ff;
	--hbms-line: #dce5f2;
	--hbms-danger: #b42318;
	max-width: 900px;
	margin: 32px auto;
	padding: 0;
	color: var(--hbms-ink);
	font-family: Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
	font-size: 16px;
	line-height: 1.5;
}

.hbms-app,
.hbms-app *,
.hbms-app h1,
.hbms-app h2,
.hbms-app h3,
.hbms-app h4,
.hbms-app h5,
.hbms-app p,
.hbms-app label,
.hbms-app input,
.hbms-app select,
.hbms-app textarea,
.hbms-app button,
.hbms-app summary,
.hbms-app a {
	font-family: Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
}

.hbms-app *,
.hbms-app *::before,
.hbms-app *::after {
	box-sizing: border-box;
}

.hbms-app .hbms-card {
	position: relative;
	overflow: hidden;
	border: 1px solid rgba(220, 229, 242, .9);
	border-radius: 24px;
	background: #fff;
	box-shadow: 0 22px 60px rgba(23, 37, 84, .14), 0 5px 16px rgba(39, 157, 209, .08);
	animation: hbms-rise .45s ease both;
}

.hbms-app .hbms-hero {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	padding: 30px 34px 32px;
	background: linear-gradient(125deg, #172554 0%, #245f9f 46%, #7657d5 100%);
	color: #fff;
	text-align: center;
}

.hbms-app .hbms-glow {
	position: absolute;
	z-index: -1;
	border-radius: 50%;
	filter: blur(1px);
	pointer-events: none;
}

.hbms-app .hbms-glow-one {
	width: 240px;
	height: 240px;
	right: -90px;
	top: -125px;
	background: rgba(105, 220, 255, .20);
}

.hbms-app .hbms-glow-two {
	width: 180px;
	height: 180px;
	left: -75px;
	bottom: -120px;
	background: rgba(190, 156, 255, .22);
}

.hbms-app .hbms-hero-content {
	position: relative;
	z-index: 1;
}

.hbms-app .hbms-eyebrow {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	margin: 0 0 13px;
	padding: 6px 11px;
	border: 1px solid rgba(255, 255, 255, .32);
	border-radius: 999px;
	background: rgba(255, 255, 255, .12);
	color: #fff;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .12em;
	line-height: 1;
	text-transform: uppercase;
}

.hbms-app .hbms-eyebrow-dot {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #6fe0ff;
	box-shadow: 0 0 0 5px rgba(111, 224, 255, .12);
}

.hbms-app .hbms-title-row {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 12px;
}

.hbms-app .hbms-title-icon {
	display: grid;
	place-items: center;
	width: 44px;
	height: 44px;
	flex: 0 0 44px;
	border: 1px solid rgba(255, 255, 255, .3);
	border-radius: 14px;
	background: rgba(255, 255, 255, .14);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .22);
}

.hbms-app .hbms-title-icon svg {
	width: 24px;
	height: 24px;
	stroke: currentColor;
}

.hbms-app .hbms-hero h2 {
	margin: 0;
	color: #fff !important;
	font-size: clamp(27px, 4vw, 36px);
	font-weight: 800;
	letter-spacing: -.035em;
	line-height: 1.1;
	text-transform: none;
}

.hbms-app .hbms-hero p {
	max-width: 720px;
	margin: 10px auto 0;
	color: rgba(255, 255, 255, .88);
	font-size: 15px;
}

.hbms-app .hbms-body {
	padding: 30px 32px 34px;
	background: linear-gradient(180deg, #fff 0%, #fbfdff 100%);
}

.hbms-app .hbms-gateway-notice,
.hbms-app .hbms-notice {
	margin: 0 0 20px;
	padding: 14px 16px;
	border: 1px solid #f1c5c7;
	border-left: 4px solid #d63638;
	border-radius: 12px;
	background: #fff7f7;
	color: #6d2528;
	font-size: 14px;
}

.hbms-app .hbms-gateway-notice strong {
	color: #b42318;
	font-weight: 800;
}

.hbms-app .hbms-gateway-notice a {
	color: #7a3fc0;
	font-weight: 700;
	text-decoration: underline;
}

.hbms-app .hbms-panel,
.hbms-app .hbms-creating,
.hbms-app .hbms-results {
	position: relative;
	margin: 0;
	padding: 22px;
	border: 1px solid var(--hbms-line);
	border-radius: 18px;
	background: linear-gradient(145deg, #fff 0%, var(--hbms-pale) 100%);
	box-shadow: 0 8px 24px rgba(23, 37, 84, .045);
}

.hbms-app .hbms-intro {
	display: flex;
	align-items: flex-start;
	gap: 11px;
	margin-bottom: 18px;
}

.hbms-app .hbms-step {
	display: grid;
	place-items: center;
	width: 32px;
	height: 32px;
	flex: 0 0 32px;
	border-radius: 10px;
	background: linear-gradient(135deg, var(--hbms-blue), var(--hbms-purple));
	box-shadow: 0 6px 14px rgba(118, 87, 213, .23);
	color: #fff;
	font-size: 14px;
	font-weight: 800;
}

.hbms-app .hbms-intro h3,
.hbms-app .hbms-creating h3,
.hbms-app .hbms-results h3 {
	margin: 0 0 4px;
	color: var(--hbms-navy);
	font-size: 17px;
	font-weight: 800;
	letter-spacing: -.01em;
	line-height: 1.3;
	text-transform: none;
}

.hbms-app .hbms-intro p,
.hbms-app .hbms-creating p {
	margin: 0;
	color: var(--hbms-muted);
	font-size: 14px;
}

.hbms-app .hbms-field {
	margin-bottom: 16px;
}

.hbms-app .hbms-field label {
	display: block;
	margin: 0 0 7px;
	color: var(--hbms-ink);
	font-size: 13px;
	font-weight: 750;
	line-height: 1.35;
}

.hbms-app .hbms-field label span {
	color: var(--hbms-muted);
	font-size: 12px;
	font-weight: 500;
}

.hbms-app .hbms-field label strong {
	color: var(--hbms-danger);
}

.hbms-app .hbms-field input,
.hbms-app .hbms-field textarea {
	display: block;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	border: 1px solid #cdd9e9 !important;
	border-radius: 11px !important;
	outline: none !important;
	background: #fff !important;
	color: var(--hbms-ink) !important;
	box-shadow: 0 2px 5px rgba(23, 37, 84, .035) !important;
	font: 500 14px/1.5 Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif !important;
	transition: border-color .18s ease, box-shadow .18s ease;
}

.hbms-app .hbms-field input {
	height: 48px !important;
	padding: 0 14px !important;
}

.hbms-app .hbms-field textarea {
	min-height: 116px;
	padding: 12px 14px !important;
	resize: vertical;
}

.hbms-app .hbms-field input:focus,
.hbms-app .hbms-field textarea:focus {
	border-color: var(--hbms-purple) !important;
	box-shadow: 0 0 0 4px rgba(118, 87, 213, .12), 0 5px 15px rgba(23, 37, 84, .06) !important;
}

.hbms-app .hbms-field input::placeholder,
.hbms-app .hbms-field textarea::placeholder {
	color: #98a2b3;
	opacity: 1;
}

.hbms-app .hbms-field input:disabled,
.hbms-app .hbms-field textarea:disabled {
	opacity: .58;
	cursor: default;
}

.hbms-app .hbms-field-meta {
	display: flex;
	justify-content: space-between;
	gap: 12px;
	margin-top: 6px;
	color: var(--hbms-muted);
	font-size: 12px;
}

.hbms-app #hbms-counter {
	white-space: nowrap;
}

.hbms-app .hbms-button {
	appearance: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	min-height: 44px;
	padding: 9px 16px !important;
	border-radius: 999px !important;
	cursor: pointer;
	font-size: 13px !important;
	font-weight: 750 !important;
	line-height: 1.2;
	text-align: center;
	text-decoration: none !important;
	transition: transform .18s ease, box-shadow .18s ease, filter .18s ease, background .18s ease;
}

.hbms-app .hbms-button:focus-visible {
	outline: 3px solid rgba(118, 87, 213, .32);
	outline-offset: 2px;
}

.hbms-app .hbms-button-primary {
	border: 0 !important;
	background: linear-gradient(115deg, var(--hbms-blue), var(--hbms-purple)) !important;
	box-shadow: 0 8px 18px rgba(75, 88, 190, .24);
	color: #fff !important;
}

.hbms-app .hbms-button-primary:hover:not(:disabled) {
	transform: translateY(-1px);
	box-shadow: 0 11px 22px rgba(75, 88, 190, .3);
	filter: saturate(1.08);
}

.hbms-app .hbms-button-light {
	border: 1px solid var(--hbms-line) !important;
	background: #fff !important;
	box-shadow: none;
	color: var(--hbms-navy) !important;
}

.hbms-app .hbms-button-light:hover:not(:disabled) {
	background: var(--hbms-pale) !important;
	transform: translateY(-1px);
}

.hbms-app .hbms-generate-button {
	display: flex;
	min-width: 290px;
	min-height: 54px;
	margin: 4px auto 0;
	padding: 14px 28px !important;
	box-shadow: 0 12px 26px rgba(75, 88, 190, .27);
	font-size: 16px !important;
}

.hbms-app .hbms-generate-button:hover:not(:disabled) {
	transform: translateY(-2px);
	box-shadow: 0 16px 30px rgba(75, 88, 190, .34);
}

.hbms-app .hbms-spinner {
	display: none;
	width: 18px;
	height: 18px;
	border: 2px solid rgba(255, 255, 255, .45);
	border-top-color: #fff;
	border-radius: 50%;
	animation: hbms-spin .75s linear infinite;
}

.hbms-app .hbms-generate-button.is-loading .hbms-button-spark { display: none; }
.hbms-app .hbms-generate-button.is-loading .hbms-spinner { display: inline-block; }
.hbms-app .hbms-generate-button:disabled { cursor: default; opacity: .55; transform: none; box-shadow: none; }
.hbms-app .hbms-generate-button.is-loading:disabled { cursor: wait; opacity: .82; }

.hbms-app .hbms-creating {
	margin-top: 18px;
	padding: 42px 28px;
	text-align: center;
}

.hbms-app .hbms-orbit {
	position: relative;
	width: 74px;
	height: 74px;
	margin: 0 auto 18px;
	border: 2px solid rgba(39, 157, 209, .2);
	border-radius: 50%;
	animation: hbms-spin 5s linear infinite;
}

.hbms-app .hbms-orbit::before,
.hbms-app .hbms-orbit::after {
	position: absolute;
	border: 1px solid rgba(118, 87, 213, .2);
	border-radius: 50%;
	content: "";
}

.hbms-app .hbms-orbit::before { inset: 10px; }
.hbms-app .hbms-orbit::after { inset: 23px; background: linear-gradient(135deg, var(--hbms-blue), var(--hbms-purple)); }
.hbms-app .hbms-orbit span { position: absolute; width: 8px; height: 8px; border-radius: 50%; background: #fff; box-shadow: 0 0 0 3px var(--hbms-blue); }
.hbms-app .hbms-orbit span:nth-child(1) { top: 0; left: 32px; }
.hbms-app .hbms-orbit span:nth-child(2) { right: 3px; bottom: 12px; box-shadow: 0 0 0 3px var(--hbms-purple); }
.hbms-app .hbms-orbit span:nth-child(3) { left: 3px; bottom: 12px; }

.hbms-app .hbms-creating-bar {
	width: min(100%, 390px);
	height: 7px;
	overflow: hidden;
	margin: 20px auto 0;
	border-radius: 999px;
	background: #dfe9f7;
}

.hbms-app .hbms-creating-bar span {
	display: block;
	width: 42%;
	height: 100%;
	border-radius: inherit;
	background: linear-gradient(90deg, var(--hbms-blue), var(--hbms-purple));
	animation: hbms-loading-bar 1.15s ease-in-out infinite;
}

.hbms-app .hbms-results {
	overflow: hidden;
	margin-top: 18px;
	padding: 0;
	background: #fff;
}

.hbms-app .hbms-results-top {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	padding: 22px;
	border-bottom: 1px solid var(--hbms-line);
	background: linear-gradient(145deg, #fff, var(--hbms-pale));
}

.hbms-app .hbms-eyebrow-dark {
	margin: 0 0 7px;
	border-color: #d5e9f6;
	background: #eef8fd;
	color: #267ea8;
}

.hbms-app .hbms-results-top h3 {
	font-size: 20px;
	letter-spacing: -.02em;
}

.hbms-app .hbms-save-status {
	margin: 5px 0 0;
	color: #08783a;
	font-size: 12px;
	font-weight: 700;
}

.hbms-app .hbms-save-status.is-error { color: var(--hbms-danger); }

.hbms-app .hbms-result-actions,
.hbms-app .hbms-script-actions,
.hbms-app .hbms-vision-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
}

.hbms-app .hbms-result-actions { justify-content: flex-end; }
.hbms-app .hbms-script-actions,
.hbms-app .hbms-vision-actions { margin-top: 14px; }

.hbms-app .hbms-result-content {
	padding: 22px;
}

.hbms-app .hbms-intention-card {
	position: relative;
	overflow: hidden;
	padding: 22px;
	margin-bottom: 28px;
	border-radius: 15px;
	background: linear-gradient(125deg, #172554 0%, #245f9f 46%, #7657d5 100%);
	box-shadow: 0 11px 25px rgba(62, 67, 156, .2);
	color: #fff;
}

.hbms-app .hbms-intention-card::after {
	position: absolute;
	right: -42px;
	bottom: -65px;
	width: 170px;
	height: 170px;
	border-radius: 50%;
	background: rgba(255, 255, 255, .09);
	content: "";
}

.hbms-app .hbms-intention-card span {
	display: block;
	margin-bottom: 7px;
	font-size: 11px;
	font-weight: 800;
	letter-spacing: .13em;
}

.hbms-app .hbms-intention-card p {
	position: relative;
	z-index: 1;
	margin: 0;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.75;
}

.hbms-app .hbms-output-heading {
	margin-bottom: 17px;
}

.hbms-app .hbms-output-heading h4 {
	margin: 0 0 3px;
	color: var(--hbms-navy);
	font-size: 17px;
	font-weight: 800;
	line-height: 1.3;
}

.hbms-app .hbms-output-heading p {
	margin: 0;
	color: var(--hbms-muted);
	font-size: 13px;
}

.hbms-app .hbms-rules {
	display: grid;
	gap: 13px;
}

.hbms-app .hbms-rule-card {
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr);
	gap: 15px;
	padding: 18px;
	border: 1px solid var(--hbms-line);
	border-radius: 13px;
	background: linear-gradient(145deg, #fff, var(--hbms-pale));
	box-shadow: 0 5px 15px rgba(41, 55, 91, .045);
}

.hbms-app .hbms-rule-number {
	display: grid;
	width: 42px;
	height: 42px;
	place-items: center;
	border-radius: 12px;
	background: linear-gradient(135deg, var(--hbms-blue), var(--hbms-purple));
	box-shadow: 0 6px 14px rgba(118, 87, 213, .2);
	color: #fff;
	font-size: 15px;
	font-weight: 800;
}

.hbms-app .hbms-rule-content h5 {
	margin: 0 0 5px;
	color: var(--hbms-navy);
	font-size: 14px;
	font-weight: 800;
	line-height: 1.35;
	text-transform: uppercase;
}

.hbms-app .hbms-rule-content p { margin: 0 0 10px; }
.hbms-app .hbms-rule-guidance { white-space: pre-line; }

.hbms-app .hbms-daily-step {
	padding: 10px 12px;
	border-left: 3px solid var(--hbms-blue);
	border-radius: 7px;
	background: #edf8fd;
	color: #31566d;
	font-size: 13px;
}

.hbms-app .hbms-daily-step strong {
	display: block;
	margin-bottom: 5px;
	color: #2279a1;
	font-size: 11px;
	letter-spacing: .06em;
}

.hbms-app .hbms-daily-step p { margin: 0; white-space: pre-line; }
.hbms-app .hbms-key-reminder { margin-top: 10px; color: #615b75; font-size: 12px; }
.hbms-app .hbms-key-reminder strong { color: #81529b; font-size: 11px; letter-spacing: .05em; }

.hbms-app .hbms-vision-section {
	padding-bottom: 28px;
	margin-bottom: 28px;
	border-bottom: 1px solid var(--hbms-line);
}

.hbms-app .hbms-vision-stage {
	position: relative;
	overflow: hidden;
	min-height: 250px;
	border: 1px solid var(--hbms-line);
	border-radius: 15px;
	background: radial-gradient(circle at 18% 24%, rgba(39, 157, 209, .14), transparent 32%), radial-gradient(circle at 82% 74%, rgba(118, 87, 213, .13), transparent 34%), linear-gradient(135deg, #f8fbff, #fff);
	box-shadow: 0 9px 23px rgba(43, 56, 94, .08);
}

.hbms-app .hbms-vision-loading {
	display: flex;
	min-height: 310px;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding: 30px;
	color: #425475;
	text-align: center;
}

.hbms-app .hbms-vision-loading strong { color: var(--hbms-navy); font-size: 15px; }
.hbms-app .hbms-vision-loading p { margin: 3px 0 0; color: var(--hbms-muted); font-size: 13px; }

.hbms-app .hbms-vision-spark {
	display: grid;
	width: 54px;
	height: 54px;
	place-items: center;
	margin-bottom: 11px;
	border-radius: 50%;
	background: linear-gradient(135deg, var(--hbms-blue), var(--hbms-purple));
	box-shadow: 0 0 0 8px rgba(77, 99, 203, .09), 0 9px 22px rgba(74, 80, 174, .24);
	color: #fff;
	font-size: 20px;
	animation: hbms-vision-pulse 1.7s ease-in-out infinite;
}

.hbms-app .hbms-vision-stage img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 2; object-fit: cover; }

.hbms-app .hbms-vision-statement {
	position: absolute;
	right: 4%;
	bottom: 5%;
	left: 4%;
	padding: 14px 18px;
	border: 1px solid rgba(255, 255, 255, .43);
	border-radius: 12px;
	background: linear-gradient(135deg, rgba(19, 61, 112, .83), rgba(92, 34, 119, .84));
	box-shadow: 0 7px 22px rgba(12, 23, 52, .28);
	backdrop-filter: blur(7px);
	color: #fff;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 15px;
	font-weight: 650;
	line-height: 1.75;
	text-align: center;
}

.hbms-app .hbms-vision-error { padding: 35px 25px; margin: 0; color: var(--hbms-danger); font-weight: 650; text-align: center; }

.hbms-app .hbms-script-section {
	padding-top: 28px;
	margin-top: 28px;
	border-top: 1px solid var(--hbms-line);
}

.hbms-app .hbms-script {
	max-height: 680px;
	overflow: auto;
	padding: 22px;
	border: 1px solid var(--hbms-line);
	border-radius: 13px;
	background: #fff;
	box-shadow: inset 0 1px 2px rgba(23, 37, 84, .03);
	white-space: pre-wrap;
	font-family: Georgia, "Times New Roman", serif !important;
	font-size: 16px;
	line-height: 1.75;
	color: #20263a;
}

.hbms-app .hbms-personal-note {
	padding: 14px 16px;
	margin-top: 27px;
	border: 1px solid #d8e8df;
	border-radius: 13px;
	background: #f6fcf8;
	color: #315843;
	font-size: 13px;
}

.hbms-app .hbms-personal-note strong { display: block; margin-bottom: 3px; font-weight: 800; }
.hbms-app .hbms-personal-note p { margin: 0; }

.hbms-app .hbms-book-ad {
	position: relative;
	display: grid;
	overflow: hidden;
	grid-template-columns: 100px minmax(0, 1fr);
	align-items: center;
	gap: 24px;
	padding: 27px;
	margin-top: 30px;
	border-radius: 16px;
	background: linear-gradient(125deg, #172554 0%, #245f9f 46%, #7657d5 100%);
	box-shadow: 0 12px 28px rgba(44, 48, 112, .22);
	color: #fff;
}

.hbms-app .hbms-book-ad::after { position: absolute; right: -85px; bottom: -120px; width: 260px; height: 260px; border-radius: 50%; background: rgba(255, 255, 255, .08); content: ""; }
.hbms-app .hbms-book-icon { position: relative; z-index: 1; width: 86px; height: 112px; border: 2px solid rgba(255, 255, 255, .48); border-radius: 5px 11px 11px 5px; background: linear-gradient(135deg, #f0c65e, #d68a31); box-shadow: -7px 8px 0 rgba(10, 24, 60, .28), 0 12px 22px rgba(9, 20, 52, .28); transform: rotate(-3deg); }
.hbms-app .hbms-book-icon::before { position: absolute; top: 8px; bottom: 8px; left: 9px; width: 2px; background: rgba(96, 48, 16, .42); content: ""; }
.hbms-app .hbms-book-icon::after { position: absolute; top: 35px; left: 25px; width: 43px; height: 43px; border: 2px solid rgba(92, 44, 14, .55); border-radius: 50%; content: ""; }
.hbms-app .hbms-book-icon span::before,
.hbms-app .hbms-book-icon span::after { position: absolute; top: 56px; left: 31px; width: 31px; height: 2px; background: rgba(92, 44, 14, .55); content: ""; }
.hbms-app .hbms-book-icon span::after { transform: rotate(90deg); }
.hbms-app .hbms-book-copy { position: relative; z-index: 1; }
.hbms-app .hbms-book-copy > span { display: block; margin-bottom: 3px; color: #f7d980; font-size: 11px; font-weight: 850; letter-spacing: .12em; }
.hbms-app .hbms-book-copy h4 { margin: 0 0 6px; color: #fff; font-size: 20px; font-weight: 800; line-height: 1.25; }
.hbms-app .hbms-book-copy p { max-width: 600px; margin: 0 0 15px; color: rgba(255, 255, 255, .88); font-size: 13px; }
.hbms-app .hbms-book-button { border: 0 !important; background: linear-gradient(135deg, #f4cd67, #e59b38) !important; box-shadow: 0 8px 17px rgba(9, 20, 52, .28); color: #3b2a10 !important; }
.hbms-app .hbms-book-button:hover { background: linear-gradient(135deg, #ffe18a, #f0ad4b) !important; transform: translateY(-1px); }

.hbms-app .hbms-clinical-note {
	max-width: 770px;
	margin: 16px auto 0;
	color: var(--hbms-muted);
	font-size: 12px;
	line-height: 1.5;
	text-align: center;
}

.hbms-app [hidden] { display: none !important; }

@keyframes hbms-rise { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
@keyframes hbms-spin { to { transform: rotate(360deg); } }
@keyframes hbms-loading-bar { 0% { transform: translateX(-110%); } 100% { transform: translateX(330%); } }
@keyframes hbms-vision-pulse { 50% { transform: scale(1.08) rotate(16deg); box-shadow: 0 0 0 13px rgba(77, 99, 203, .05), 0 11px 27px rgba(74, 80, 174, .3); } }

@media (max-width: 700px) {
	.hbms-app { margin: 16px auto; font-size: 15px; }
	.hbms-app .hbms-card { border-radius: 19px; }
	.hbms-app .hbms-hero { padding: 25px 18px 27px; }
	.hbms-app .hbms-title-icon { width: 40px; height: 40px; flex-basis: 40px; border-radius: 12px; }
	.hbms-app .hbms-body { padding: 20px 15px 22px; }
	.hbms-app .hbms-panel,
	.hbms-app .hbms-creating { padding: 17px 14px; border-radius: 15px; }
	.hbms-app .hbms-field-meta { align-items: flex-start; }
	.hbms-app .hbms-generate-button { width: 100%; min-width: 0; }
	.hbms-app .hbms-results-top { align-items: flex-start; flex-direction: column; padding: 17px 14px; }
	.hbms-app .hbms-result-actions { width: 100%; justify-content: flex-start; }
	.hbms-app .hbms-result-content { padding: 17px 14px; }
	.hbms-app .hbms-intention-card { padding: 17px 14px; }
	.hbms-app .hbms-rule-card { grid-template-columns: 39px minmax(0, 1fr); gap: 11px; padding: 16px 14px; }
	.hbms-app .hbms-rule-number { width: 36px; height: 36px; border-radius: 10px; }
	.hbms-app .hbms-script { padding: 17px 15px; font-size: 15px; }
	.hbms-app .hbms-vision-loading { min-height: 240px; }
	.hbms-app .hbms-vision-statement { right: 3%; bottom: 3%; left: 3%; padding: 10px 12px; }
	.hbms-app .hbms-book-ad { grid-template-columns: 1fr; gap: 16px; padding: 24px 20px; text-align: center; }
	.hbms-app .hbms-book-icon { width: 68px; height: 88px; margin: 0 auto; }
	.hbms-app .hbms-book-icon::after { top: 25px; left: 20px; width: 34px; height: 34px; }
	.hbms-app .hbms-book-icon span::before,
	.hbms-app .hbms-book-icon span::after { top: 42px; left: 25px; width: 24px; }
}

@media (prefers-reduced-motion: reduce) {
	.hbms-app .hbms-card { animation: none; }
	.hbms-app *,
	.hbms-app *::before,
	.hbms-app *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

@media print {
	.hbms-app .hbms-hero,
	.hbms-app .hbms-result-actions,
	.hbms-app .hbms-script-actions,
	.hbms-app .hbms-clinical-note { display: none !important; }
	.hbms-app,
	.hbms-app .hbms-card,
	.hbms-app .hbms-results { width: 100%; margin: 0; border: 0; box-shadow: none; }
	.hbms-app .hbms-body { padding: 0; }
	.hbms-app .hbms-script { max-height: none; overflow: visible; }
}