/* Generated appearance overrides. Source: existing zitiergenerator/index.html. */
:root {
    --blue-950: rgb(21, 38, 57);
    --blue-900: rgb(21, 38, 57);
    --blue-800: rgb(21, 94, 239);
    --blue-700: rgb(21, 94, 239);
    --gold-500: rgb(21, 94, 239);
    --gold-600: rgb(21, 94, 239);
    --premium-blue: rgb(21, 94, 239);
    --green-600: rgb(8, 127, 120);
    --orange-600: rgb(217, 119, 6);
    --red-600: rgb(199, 54, 54);
    --ink: rgb(21, 38, 57);
    --muted: rgb(107, 119, 133);
    --line: rgb(224, 230, 235);
    --soft: rgb(245, 248, 250);
    --soft-2: rgb(245, 248, 250);
    --white: rgb(255, 255, 255);
    --shadow: var(--aw-shadow)
}
.topbar {
    border-bottom: 1px solid rgba(224, 230, 235, 0.95);
    box-shadow: var(--aw-shadow)
}
.brand-mark {
    box-shadow: var(--aw-shadow)
}
.nav button:hover,
.nav button.active {
    background: rgb(245, 248, 250)
}
.language-switcher {
    color: rgb(107, 119, 133)
}
.lead {
    color: rgb(81, 97, 113)
}
.panel {
    box-shadow: var(--aw-shadow)
}
.card.highlight {
    border-color: rgba(21, 94, 239, 0.32);
    background: linear-gradient(180deg, rgb(245, 248, 250), rgb(255, 255, 255));
    box-shadow: var(--aw-shadow)
}
.field label,
.check-label {
    color: rgb(21, 38, 57)
}
.field input,
.field select,
.field textarea {
    border: 1px solid rgb(224, 230, 235)
}
.field input:focus,
.field select:focus,
.field textarea:focus {
    box-shadow: var(--aw-shadow)
}
.btn.primary,
.btn.gold,
.btn.accent {
    box-shadow: var(--aw-shadow)
}
.btn.primary:hover,
.btn.gold:hover,
.btn.accent:hover {
    background: rgb(21, 94, 239)
}
.btn.unlock {
    box-shadow: var(--aw-shadow)
}
.btn.unlock:hover {
    background: rgb(21, 94, 239)
}
.badge.green {
    color: rgb(14, 88, 55);
    background: rgba(8, 127, 120, 0.12)
}
.badge.orange {
    color: rgb(141, 77, 5)
}
.badge.red {
    color: rgb(143, 32, 32)
}
.badge.blue {
    background: rgba(16, 73, 190, 0.11)
}
.error {
    color: rgb(143, 32, 32)
}
.empty {
    border: 1px dashed rgb(224, 230, 235);
    background: rgb(245, 248, 250)
}
.upload-first-screen {
    background: linear-gradient(180deg, rgb(237, 243, 255) 0%, rgb(245, 248, 250) 58%, rgb(255, 255, 255) 100%)
}
.upload-hero-copy p {
    color: rgb(107, 119, 133)
}
.upload-start-card {
    border: 1px solid rgba(169, 194, 252, 0.82);
    border-radius: 8px;
    background: rgb(255, 255, 255);
    box-shadow: var(--aw-shadow)
}
.upload-box {
    border: 1.5px dashed rgb(169, 194, 252);
    background: rgb(255, 255, 255)
}
.upload-box:hover,
.upload-box.active {
    background: rgb(245, 248, 250)
}
.upload-arrow {
    background: rgb(237, 243, 255)
}
.upload-proof-panel {
    border-top: 1px solid rgb(245, 248, 250);
    background: rgb(245, 248, 250)
}
.mini-result-preview div {
    border: 1px solid rgb(224, 230, 235);
    background: rgb(255, 255, 255)
}
.mini-result-preview span {
    color: rgb(107, 119, 133)
}
.search-bar input {
    border: 1.5px solid rgb(169, 194, 252);
    background: rgb(255, 255, 255)
}
.search-bar input:focus {
    box-shadow: var(--aw-shadow)
}
.trust-mini,
.start-trust-row {
    color: rgb(107, 119, 133)
}
.start-trust-row strong {
    color: rgb(21, 38, 57)
}
.spinner {
    border: 5px solid rgb(237, 243, 255)
}
.check-item {
    border: 1px solid rgb(237, 243, 255);
    color: rgb(107, 119, 133);
    background: rgb(245, 248, 250)
}
.check-item.active,
.check-item.done {
    background: rgb(245, 248, 250)
}
.tool-result {
    background: linear-gradient(180deg, rgb(255, 255, 255), rgb(245, 248, 250))
}
.settings-row {
    border-bottom: 1px solid rgb(245, 248, 250)
}
.source-list-toolbar {
    border-bottom: 1px solid rgb(245, 248, 250)
}
.source-result:hover,
.source-result.active {
    border-color: rgb(224, 230, 235);
    background: rgb(245, 248, 250)
}
.source-cover {
    border: 1px solid rgb(224, 230, 235);
    background: rgb(245, 248, 250)
}
.source-meta {
    color: rgb(107, 119, 133)
}
.source-provider {
    color: rgb(16, 73, 190);
    background: rgb(237, 243, 255)
}
.citation-editor {
    border-top: 1px solid rgb(245, 248, 250)
}
.citation-preview-card {
    border: 1px solid rgb(224, 230, 235);
    background: rgb(255, 255, 255)
}
.diagnosis-row {
    border: 1px solid rgb(237, 243, 255)
}
.diagnosis-row i {
    background: rgb(237, 243, 255)
}
.diagnosis-row.warning i {
    color: rgb(141, 77, 5)
}
.diagnosis-row.good i {
    color: rgb(14, 88, 55);
    background: rgba(8, 127, 120, 0.12)
}
.locked-detail {
    border: 1px solid rgba(21, 94, 239, 0.26);
    background: rgb(245, 248, 250)
}
.locked-detail p {
    color: rgb(81, 97, 113)
}
.stripe-checkout-page {
    background: rgb(245, 248, 250)
}
.stripe-checkout-card {
    border: 1px solid rgb(237, 243, 255);
    box-shadow: var(--aw-shadow)
}
.stripe-wallet-box {
    border: 1px solid rgb(224, 230, 235);
    background: rgb(245, 248, 250)
}
.stripe-tier-name {
    color: rgb(16, 73, 190);
    background: rgb(237, 243, 255)
}
.stripe-payment-divider::before,
.stripe-payment-divider::after {
    background: rgb(224, 230, 235)
}
.stripe-order-line {
    border-bottom: 1px solid rgb(237, 243, 255);
    color: rgb(81, 97, 113)
}
.stripe-trust-list li {
    border: 1px solid rgb(237, 243, 255);
    color: rgb(81, 97, 113);
    background: rgb(245, 248, 250)
}
.checkout-success-banner {
    border: 1px solid rgb(189, 235, 216);
    color: rgb(8, 127, 120);
    background: rgb(238, 251, 246)
}
.export-list li {
    border: 1px solid rgb(237, 243, 255);
    background: rgb(245, 248, 250)
}
.settings-first-page {
    background: rgb(255, 255, 255)
}
.settings-card h1 {
    color: rgb(21, 38, 57)
}
.settings-card .field label {
    color: rgb(21, 38, 57)
}
.settings-card .field input,
.settings-card .field select {
    border-color: rgb(224, 230, 235);
    box-shadow: var(--aw-shadow)
}
.reference-app-shell {
    background: rgb(255, 255, 255)
}
.reference-sidebar {
    border-right: 1px solid rgb(224, 230, 235);
    color: rgb(21, 38, 57);
    background: rgb(255, 255, 255)
}
.sidebar-mini-row {
    color: rgb(107, 119, 133)
}
.sidebar-list-item {
    color: rgb(21, 38, 57)
}
.sidebar-preview-card {
    color: rgb(21, 38, 57)
}
.browser-preview {
    border: 5px solid rgb(21, 94, 239);
    background: linear-gradient(135deg, rgb(245, 248, 250), rgb(255, 255, 255));
    box-shadow: var(--aw-shadow)
}
.browser-preview span {
    background: rgb(237, 243, 255)
}
.sidebar-tools button {
    color: rgb(107, 119, 133)
}
.reference-toolbar strong {
    color: rgb(21, 38, 57)
}
.reference-toolbar span {
    color: rgb(107, 119, 133)
}
.reference-search-form {
    border: 1px solid rgb(224, 230, 235);
    box-shadow: var(--aw-shadow)
}
.reference-search-form label {
    color: rgb(21, 38, 57)
}
.reference-search-row input {
    color: rgb(21, 38, 57)
}
.reference-source-type-row {
    border-bottom: 1px solid rgb(224, 230, 235)
}
.reference-source-type-row label {
    color: rgb(21, 38, 57)
}
.reference-source-type-row select {
    border: 1px solid rgb(224, 230, 235);
    color: rgb(21, 38, 57)
}
.reference-tabs button,
.reference-filter-row button {
    color: rgb(107, 119, 133)
}
.reference-tabs button.active {
    color: rgb(21, 38, 57);
    background: rgb(245, 248, 250)
}
.reference-suggestions {
    border: 1px solid rgb(224, 230, 235);
    box-shadow: var(--aw-shadow)
}
.suggestion-head {
    border-bottom: 1px solid rgb(224, 230, 235)
}
.suggestion-head button {
    color: rgb(107, 119, 133)
}
.suggestion-head button.active {
    color: rgb(21, 38, 57);
    background: rgb(245, 248, 250)
}
.provider-warning-small {
    border-bottom: 1px solid rgb(241, 223, 189);
    color: rgb(141, 77, 5);
    background: rgb(255, 248, 235)
}
.suggestion-item {
    color: rgb(21, 38, 57)
}
.suggestion-item img,
.suggestion-thumb {
    border: 1px solid rgb(224, 230, 235);
    background: rgb(245, 248, 250)
}
.suggestion-item small,
.suggestion-item em {
    color: rgb(107, 119, 133)
}
.suggestion-empty {
    color: rgb(107, 119, 133)
}
.reference-form-panel {
    border-top: 1px solid rgb(245, 248, 250)
}
.citation-editor.reference-form-panel {
    border-top: 1px solid rgb(245, 248, 250)
}
.citation-editor summary {
    color: rgb(21, 38, 57)
}
.reference-editor-grid {
    border-top: 1px solid rgb(245, 248, 250)
}
.reference-editor-row {
    border-bottom: 1px solid rgb(245, 248, 250)
}
.reference-editor-label strong {
    color: rgb(21, 38, 57)
}
.reference-editor-label span {
    color: rgb(107, 119, 133)
}
.reference-editor-control input,
.reference-editor-control select,
.reference-editor-control textarea {
    border: 1px solid rgb(224, 230, 235);
    color: rgb(21, 38, 57);
    box-shadow: var(--aw-shadow)
}
.reference-editor-control input:focus,
.reference-editor-control select:focus,
.reference-editor-control textarea:focus {
    box-shadow: var(--aw-shadow)
}
.title-suggestion {
    border: 1px solid rgb(224, 230, 235);
    color: rgb(21, 38, 57);
    background: rgb(245, 248, 250)
}
.title-suggestion span {
    color: rgb(107, 119, 133)
}
.tiny-check {
    color: rgb(107, 119, 133)
}
.source-check-panel {
    border-top: 1px solid rgb(224, 230, 235);
    background: rgb(245, 248, 250)
}
.source-check-head h2 {
    color: rgb(21, 38, 57)
}
.source-check-head p,
.source-check-note {
    color: rgb(107, 119, 133)
}
.source-check-score {
    background: rgb(237, 243, 255)
}
.source-check-metric {
    border: 1px solid rgb(224, 230, 235)
}
.source-check-metric strong {
    color: rgb(21, 38, 57)
}
.source-check-metric span {
    color: rgb(107, 119, 133)
}
.source-check-section h3 {
    color: rgb(21, 38, 57)
}
.source-check-tip {
    border: 1px solid rgb(224, 230, 235);
    color: rgb(81, 97, 113)
}
.source-check-tip i {
    background: rgb(237, 243, 255)
}
.source-check-tip.warning i {
    color: rgb(141, 77, 5);
    background: rgb(255, 241, 214)
}
.source-check-tip.good i {
    color: rgb(14, 88, 55);
    background: rgb(232, 248, 240)
}
@media (min-width: 760px) {
    .upload-proof-panel {
        border-left: 1px solid rgb(245, 248, 250)
    }
}
@media (min-width: 1180px) {
    .source-check-panel {
        border-left: 1px solid rgb(224, 230, 235)
    }
}
@media (max-width: 640px) {
    .reference-search-form {
        border-radius: 8px
    }
    .reference-suggestions {
        border-radius: 8px
    }
}