/* Generated appearance overrides. Source: existing forschungsfrage/index.html. */
:root {
    --aw-blue: rgb(21, 94, 239);
    --aw-blue-dark: rgb(21, 94, 239);
    --aw-blue-soft: rgb(237, 243, 255);
    --aw-blue-line: rgb(224, 230, 235);
    --aw-ink: rgb(21, 38, 57);
    --aw-muted: rgb(107, 119, 133);
    --aw-subtle: rgb(245, 248, 250);
    --aw-card: rgb(255, 255, 255);
    --aw-line: rgb(224, 230, 235);
    --aw-success: rgb(8, 127, 120);
    --aw-shadow: var(--aw-shadow)
}
body {
    background: radial-gradient(circle at 12% 0%, rgba(21, 94, 239, 0.12), transparent 34%),
        linear-gradient(180deg, rgb(255, 255, 255) 0%, rgb(245, 248, 250) 48%, rgb(245, 248, 250) 100%)
}
.brand-mark {
    color: rgb(255, 255, 255);
    background: linear-gradient(135deg, var(--aw-blue), rgb(21, 94, 239));
    box-shadow: var(--aw-shadow)
}
.top-note {
    border-radius: 8px;
    background: rgba(237, 243, 255, 0.75);
    color: rgb(81, 97, 113)
}
label {
    color: rgb(21, 38, 57)
}
.required {
    color: rgb(239, 79, 68)
}
input,
    select,
    textarea {
    border-radius: 8px;
    background: rgb(255, 255, 255);
    box-shadow: inset 0 1px 0 rgba(21, 38, 57, 0.02), 0 6px 16px rgba(21, 38, 57, 0.04)
}
input:focus,
    select:focus,
    textarea:focus {
    box-shadow: var(--aw-shadow)
}
.primary-button,
    .secondary-button {
    border-radius: 8px
}
.primary-button {
    color: rgb(255, 255, 255);
    background: linear-gradient(135deg, var(--aw-blue), rgb(169, 194, 252));
    box-shadow: var(--aw-shadow)
}
.secondary-button {
    background: rgb(255, 255, 255);
    box-shadow: var(--aw-shadow)
}
.usage-row {
    color: rgb(107, 119, 133)
}
.usage-row strong {
    color: rgb(21, 38, 57)
}
.meter {
    background: rgb(224, 230, 235)
}
.meter span {
    background: linear-gradient(90deg, var(--aw-blue), rgb(169, 194, 252))
}
.result-frame {
    border: 1px dashed rgb(224, 230, 235);
    border-radius: 8px
}
.empty-state {
    color: rgb(107, 119, 133)
}
.question-card {
    border: 1px solid rgb(224, 230, 235);
    border-radius: 8px;
    background: rgb(255, 255, 255);
    box-shadow: var(--aw-shadow)
}
.question-number {
    border-radius: 8px;
    color: rgb(255, 255, 255)
}
.tag {
    background: rgb(237, 243, 255);
    color: rgb(81, 97, 113)
}