.hll-da {
	--hll-da-border: rgba(0, 0, 0, .13);
	--hll-da-soft: rgba(0, 0, 0, .035);
	max-width: 100%;
	color: inherit;
	font: inherit;
}
.hll-da *, .hll-da *::before, .hll-da *::after { box-sizing: border-box; }
.hll-da__header { margin: 0 0 1rem; }
.hll-da__header h2, .hll-da__results-heading h3, .hll-da__card h4 { margin: 0 0 .35rem; color: inherit; font: inherit; font-weight: 700; }
.hll-da__header h2 { font-size: 1.35em; }
.hll-da__header p, .hll-da__results-heading p, .hll-da__category { margin: 0; opacity: .82; }
.hll-da__form { display: grid; grid-template-columns: minmax(220px, 2fr) repeat(3, minmax(130px, 1fr)) auto; gap: .75rem; align-items: end; padding: 1rem; border: 1px solid var(--hll-da-border); border-radius: 12px; background: var(--hll-da-soft); }
.hll-da__form label { display: grid; gap: .35rem; min-width: 0; font: inherit; }
.hll-da__form label span { font-size: .93em; font-weight: 600; }
.hll-da__form input, .hll-da__form select { width: 100%; max-width: 100%; min-height: 44px; padding: .55rem .7rem; border: 1px solid var(--hll-da-border); border-radius: 7px; background: Canvas; color: inherit; font: inherit; }
.hll-da__form button { min-height: 44px; padding: .55rem 1rem; border: 1px solid currentColor; border-radius: 7px; font: inherit; font-weight: 700; cursor: pointer; }
.hll-da__prompt, .hll-da__empty, .hll-da--notice { margin: 1rem 0; padding: .85rem 1rem; border: 1px solid var(--hll-da-border); border-radius: 9px; background: var(--hll-da-soft); }
.hll-da__results-heading { margin: 1.25rem 0 .7rem; }
.hll-da__dataset { margin: .5rem 0 .85rem; font-size: .94em; }
.hll-da__cards { display: grid; gap: 1rem; }
.hll-da__card { min-width: 0; padding: 1rem; border: 1px solid var(--hll-da-border); border-radius: 12px; background: Canvas; }
.hll-da__card-header { display: flex; align-items: flex-start; justify-content: space-between; gap: 1rem; }
.hll-da__card-header h4 { font-size: 1.12em; }
.hll-da__category { font-size: .9em; }
.hll-da__digits { flex: 0 0 auto; text-align: center; }
.hll-da__digits > span { display: block; margin-bottom: .25rem; font-size: .84em; opacity: .8; }
.hll-da__digits > div { display: flex; gap: .35rem; }
.hll-da__digits b { display: grid; place-items: center; min-width: 2.1rem; min-height: 2.3rem; padding: .2rem; border: 1px solid var(--hll-da-border); border-radius: 7px; font-size: 1.2em; }
.hll-da__interpretation, .hll-da__history { margin-top: .9rem; padding-top: .8rem; border-top: 1px solid var(--hll-da-border); }
.hll-da__interpretation h5, .hll-da__history h5 { margin: 0 0 .45rem; color: inherit; font: inherit; font-weight: 700; }
.hll-da__interpretation p, .hll-da__history p { margin: .35rem 0; }
.hll-da__history ul { display: grid; gap: .4rem; margin: 0; padding: 0; list-style: none; }
.hll-da__history li { display: grid; grid-template-columns: minmax(70px, .3fr) 1fr 1fr; gap: .5rem; align-items: baseline; padding: .5rem .6rem; border-radius: 7px; background: var(--hll-da-soft); }
.hll-da__disclaimer { margin: 1rem 0 0; font-size: .88em; opacity: .8; }
@media (max-width: 900px) { .hll-da__form { grid-template-columns: repeat(2, minmax(0, 1fr)); } .hll-da__dream-field { grid-column: 1 / -1; } }
@media (max-width: 600px) { .hll-da__form { grid-template-columns: 1fr; } .hll-da__dream-field { grid-column: auto; } .hll-da__card-header { flex-wrap: wrap; } .hll-da__history li { grid-template-columns: 1fr; gap: .15rem; } }