/* Block lamoi/start: the start box in the site's own design set (theme presets only). */
.wp-block-lamoi-start {
	--ls-ink: var(--wp--preset--color--contrast, #141a33);
	--ls-card: var(--wp--preset--color--surface, #fff);
	--ls-line: var(--wp--preset--color--line, rgba(0, 0, 0, .1));
	--ls-primary: var(--wp--preset--color--primary, #5b5bf5);
	--ls-on-primary: var(--wp--preset--color--primary-contrast, #fff);
	--ls-accent: var(--wp--preset--color--accent, #f27a6b);
	--ls-muted: var(--wp--preset--color--muted-contrast, #4f5573);
	max-width: 600px;
	margin-top: 1.6rem;
	color: var(--ls-ink);
}
.wp-block-lamoi-start.is-center { margin-inline: auto; text-align: center; }
.wp-block-lamoi-start .l-mode { display: inline-flex; padding: 4px; gap: 4px; border-radius: 999px; background: var(--ls-card); border: 1px solid var(--ls-line); margin-bottom: .8rem; }
.wp-block-lamoi-start .l-mode button { border: 0; background: transparent; color: inherit; font: inherit; font-weight: 650; font-size: .92rem; padding: .5rem 1rem; border-radius: 999px; cursor: pointer; opacity: .7; transition: background .2s ease, opacity .2s ease; }
.wp-block-lamoi-start .l-mode button.is-on { background: var(--ls-ink); color: var(--ls-card); opacity: 1; }
.wp-block-lamoi-start .l-mode button:focus-visible, .wp-block-lamoi-start .l-check:focus-within { outline: 3px solid color-mix(in srgb, var(--ls-primary) 45%, transparent); outline-offset: 3px; }
.wp-block-lamoi-start .l-check { display: flex; flex-wrap: wrap; align-items: center; gap: .6rem; background: var(--ls-card); border: 1px solid var(--ls-line); border-radius: 999px; padding: .45rem .45rem .45rem 1.4rem; box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .35); text-align: left; }
.wp-block-lamoi-start .l-check label { display: flex; align-items: center; flex: 1 1 220px; font-size: 1.1rem; font-weight: 600; min-width: 0; }
.wp-block-lamoi-start .l-check input { flex: 1; min-width: 4ch; border: 0; background: transparent; font: inherit; color: inherit; outline: none; padding: .6rem 0; }
.wp-block-lamoi-start .l-suffix { color: var(--ls-muted); white-space: nowrap; }
.wp-block-lamoi-start .l-btn { display: inline-flex; align-items: center; gap: .5rem; padding: .85rem 1.4rem; border-radius: 999px; font-weight: 650; text-decoration: none; border: 0; cursor: pointer; font-size: 1rem; background: var(--ls-primary); color: var(--ls-on-primary) !important; transition: transform .2s ease; }
.wp-block-lamoi-start .l-btn:hover { transform: translateY(-2px); }
.wp-block-lamoi-start .l-btn--small { padding: .55rem 1rem; font-size: .9rem; }
.wp-block-lamoi-start .l-btn:disabled { opacity: .6; cursor: wait; transform: none; }
.wp-block-lamoi-start .l-found { margin: .9rem 0 0 1.2rem; font-weight: 600; min-height: 1.6rem; overflow-wrap: anywhere; text-align: left; }
.wp-block-lamoi-start.is-center .l-found { margin-left: 0; text-align: center; }
.wp-block-lamoi-start .l-found.is-free { color: var(--ls-primary); }
.wp-block-lamoi-start .l-found.is-taken { color: var(--ls-accent); }
.wp-block-lamoi-start .l-found .l-go { margin-left: .3rem; color: inherit; }
.wp-block-lamoi-start .l-domains { list-style: none; margin: 0 0 .6rem; padding: 0; display: grid; gap: .5rem; text-align: left; }
.wp-block-lamoi-start .l-domains li { display: flex; align-items: center; gap: .8rem; padding: .7rem .7rem .7rem 1.1rem; border-radius: 16px; background: var(--ls-card); border: 1px solid var(--ls-line); }
.wp-block-lamoi-start .l-domains li strong { flex: 1; font-size: 1.05rem; overflow-wrap: anywhere; }
.wp-block-lamoi-start .l-domains .l-price { color: var(--ls-muted); font-weight: 600; white-space: nowrap; }
.wp-block-lamoi-start .l-domains li.is-taken { opacity: .6; }
.wp-block-lamoi-start .l-link { background: none; border: 0; padding: 0; color: var(--ls-primary); font: inherit; font-weight: 650; text-decoration: underline; cursor: pointer; }
.lafu-dark .wp-block-lamoi-start, .wp-block-cover .wp-block-lamoi-start { --ls-ink: var(--wp--custom--ink, #141a33); color: #fff; }
.lafu-dark .wp-block-lamoi-start .l-check, .wp-block-cover .wp-block-lamoi-start .l-check { color: var(--wp--custom--ink, #141a33); }
@media (max-width: 600px) {
	.wp-block-lamoi-start .l-check { border-radius: 22px; }
	.wp-block-lamoi-start .l-check .l-btn { width: 100%; justify-content: center; }
	.wp-block-lamoi-start .l-domains li { flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) {
	.wp-block-lamoi-start .l-btn, .wp-block-lamoi-start .l-mode button { transition: none; }
}