/* Shared picker injected by theme-bootstrap.js on every rendered page. */
.dev-banner {
    position: fixed;
    z-index: 10001;
    top: 16px;
    left: 50%;
    max-width: calc(100vw - 32px);
    margin: 0;
    padding: 10px 16px;
    color: #fff7c2;
    background: rgba(128, 73, 0, 0.88);
    border: 1px solid rgba(255, 218, 81, 0.72);
    border-radius: 10px;
    box-shadow: 0 0 18px rgba(255, 214, 61, 0.2);
    font-size: 0.9rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-align: center;
    transform: translateX(-50%);
}

/* Top-right navigation and account actions keep their own contrast in every theme. */
.badges form {
    display: contents;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.badges .badge,
.badges button.badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    color: #061315 !important;
    background: linear-gradient(135deg, #62f6ef, #4a9dff) !important;
    border: 1px solid #a8ffff !important;
    border-radius: 7px !important;
    box-shadow: 0 5px 16px rgba(0, 222, 255, 0.28) !important;
    font-weight: 800;
    line-height: 1.15;
    text-decoration: none !important;
    text-shadow: none !important;
}

.badges .badge.converter {
    background: linear-gradient(135deg, #ffae65, #ffdf8d) !important;
    border-color: #ffe4ad !important;
}

.badges .badge.logout {
    background: linear-gradient(135deg, #ff8b8b, #ffbd83) !important;
    border-color: #ffd0af !important;
}

.badges .badge:hover,
.badges .badge:focus-visible {
    color: #061315 !important;
    filter: brightness(1.11) saturate(1.08);
    outline: 2px solid #ffffff;
    outline-offset: 3px;
    transform: translateY(-2px);
}

html[data-theme="glass"] .badges .badge,
html[data-theme="glass"] .badges button.badge {
    color: #10213d !important;
    background: linear-gradient(135deg, #d7eaff, #a9caff) !important;
    border-color: #f1f8ff !important;
    box-shadow: 0 8px 20px rgba(112, 166, 244, 0.32) !important;
}

html[data-theme="glass"] .badges .badge.converter { background: linear-gradient(135deg, #ffe6bc, #ffb9a5) !important; border-color: #fff3d9 !important; }
html[data-theme="glass"] .badges .badge.logout { background: linear-gradient(135deg, #ffb6c9, #f9b2df) !important; border-color: #ffe2ed !important; }

html[data-theme="furry"] .badges .badge,
html[data-theme="furry"] .badges button.badge {
    color: #5b3155 !important;
    background: linear-gradient(135deg, #ffb8dc, #ffc96e) !important;
    border-color: #fff0a9 !important;
    box-shadow: 0 5px 0 #d97dae, 0 10px 18px rgba(188, 73, 139, 0.25) !important;
}

html[data-theme="furry"] .badges .badge.converter { background: linear-gradient(135deg, #aee8ff, #c7b5ff) !important; border-color: #e9dbff !important; }
html[data-theme="furry"] .badges .badge.logout { background: linear-gradient(135deg, #ffb1b1, #ff9dca) !important; border-color: #ffe1e8 !important; }

html[data-theme="furry-meadow"] .badges .badge,
html[data-theme="furry-meadow"] .badges button.badge {
    color: #293d30 !important;
    background: linear-gradient(135deg, #bae88f, #ffe28d) !important;
    border: 2px solid #70965b !important;
    box-shadow: 0 4px 0 #70965b, 0 9px 18px rgba(73, 116, 61, 0.22) !important;
}

html[data-theme="furry-meadow"] .badges .badge.converter { background: linear-gradient(135deg, #aee8e4, #bfc9ff) !important; border-color: #6b98a6 !important; }
html[data-theme="furry-meadow"] .badges .badge.logout { background: linear-gradient(135deg, #ffb8a8, #ffb6cf) !important; border-color: #bd6f75 !important; }

html[data-theme="furry-night"] .badges .badge,
html[data-theme="furry-night"] .badges button.badge {
    color: #35142e !important;
    background: linear-gradient(135deg, #ff9bd0, #ffc977) !important;
    border-color: #ffd6e9 !important;
    box-shadow: 0 0 18px rgba(255, 121, 195, 0.34) !important;
}

html[data-theme="furry-night"] .badges .badge.converter { background: linear-gradient(135deg, #b8b6ff, #8ee7ff) !important; border-color: #dce3ff !important; }
html[data-theme="furry-night"] .badges .badge.logout { background: linear-gradient(135deg, #ff9ea9, #ffb88e) !important; border-color: #ffd4d9 !important; }

html[data-theme="trek-classic"] .badges .badge,
html[data-theme="trek-classic"] .badges button.badge {
    color: #130d08 !important;
    background: linear-gradient(100deg, #e28d47, #ffd080 48%, #8fc9e9) !important;
    border: 2px solid #ffe0a6 !important;
    border-radius: 2px !important;
    box-shadow: 0 0 14px rgba(255, 164, 76, 0.3) !important;
}

html[data-theme="trek-classic"] .badges .badge.converter { background: linear-gradient(100deg, #7ab3d7, #b6e4f6, #eab87b) !important; border-color: #cfefff !important; }
html[data-theme="trek-classic"] .badges .badge.logout { background: linear-gradient(100deg, #e87860, #f3b77d) !important; border-color: #ffd2b2 !important; }

html[data-theme="trek-picard"] .badges .badge,
html[data-theme="trek-picard"] .badges button.badge {
    color: #151021 !important;
    background: linear-gradient(110deg, #f2c16c, #f6a58d 46%, #8fc6ff) !important;
    border-color: #fff0ce !important;
    border-radius: 16px !important;
    box-shadow: 0 8px 22px rgba(235, 164, 85, 0.24) !important;
}

html[data-theme="trek-picard"] .badges .badge.converter { background: linear-gradient(110deg, #9cc2ff, #c4b5ff, #f2cf89) !important; border-color: #dbe8ff !important; }
html[data-theme="trek-picard"] .badges .badge.logout { background: linear-gradient(110deg, #f59d9d, #f0b576) !important; border-color: #ffd8c3 !important; }

html[data-theme="alien"] .badges .badge,
html[data-theme="alien"] .badges button.badge {
    color: #111511 !important;
    background: linear-gradient(105deg, #aebfa9, #d4af68 52%, #9ec5bc) !important;
    border-color: #e1c27f !important;
    border-radius: 2px !important;
    box-shadow: 0 0 14px rgba(203, 160, 83, 0.2) !important;
}

html[data-theme="alien"] .badges .badge.converter { background: linear-gradient(105deg, #9ccfc4, #b9d6db, #d9c18a) !important; border-color: #c6e5dc !important; }
html[data-theme="alien"] .badges .badge.logout { background: linear-gradient(105deg, #d79478, #e6b377) !important; border-color: #efc6a8 !important; }

.theme-picker {
    position: fixed;
    z-index: 10000;
    bottom: 16px;
    left: 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 7px 9px;
    color: #e8f8ff;
    background: rgba(6, 12, 24, 0.86);
    border: 1px solid rgba(0, 238, 255, 0.35);
    border-radius: 999px;
    box-shadow: 0 8px 26px rgba(0, 0, 0, 0.34), 0 0 18px rgba(0, 238, 255, 0.12);
    backdrop-filter: blur(12px);
}

.theme-picker label {
    margin: 0;
    font-size: 0.78rem;
    font-weight: 700;
}

.theme-picker select {
    min-width: 136px;
    padding: 5px 25px 5px 8px;
    color: inherit;
    background: rgba(4, 20, 38, 0.9);
    border: 1px solid currentColor;
    border-radius: 999px;
    font: inherit;
    font-size: 0.78rem;
    cursor: pointer;
}

html:not([data-theme]) body {
    animation: cyberBackgroundDrift 20s linear infinite;
}

html:not([data-theme]) body::before {
    animation: cyberScanlineShift 7s steps(10) infinite;
}

html[data-theme="glass"] body {
    color: #edf5ff !important;
    background-color: #071225 !important;
    background-image:
        radial-gradient(circle at 8% 14%, rgba(80, 184, 255, 0.26), transparent 25%),
        radial-gradient(circle at 88% 18%, rgba(157, 102, 255, 0.25), transparent 28%),
        radial-gradient(circle at 48% 92%, rgba(68, 232, 205, 0.16), transparent 30%),
        linear-gradient(140deg, #071225, #0e2441 52%, #111936) !important;
    background-size: 135% 135%, 130% 130%, 140% 140%, auto !important;
    font-family: sans-serif;
}

html[data-theme="glass"] body::before {
    opacity: 1;
    background:
        radial-gradient(circle at 16% 26%, rgba(126, 202, 255, 0.28) 0 8%, transparent 9%),
        radial-gradient(circle at 86% 40%, rgba(166, 122, 255, 0.25) 0 11%, transparent 12%),
        radial-gradient(circle at 56% 84%, rgba(73, 239, 204, 0.16) 0 10%, transparent 11%);
    filter: blur(22px);
    animation: glassFloat 18s ease-in-out infinite alternate;
}

html[data-theme="glass"] body {
    animation: glassGlow 16s ease-in-out infinite alternate;
}

html[data-theme="glass"] h1,
html[data-theme="glass"] h2,
html[data-theme="glass"] h3,
html[data-theme="glass"] h4 {
    color: #f4f8ff !important;
    -webkit-text-fill-color: #f4f8ff !important;
    font-family: sans-serif !important;
    letter-spacing: -0.02em;
    text-shadow: 0 2px 18px rgba(12, 21, 55, 0.28);
}

html[data-theme="glass"] .download-area,
html[data-theme="glass"] .site-stats .stat-card,
html[data-theme="glass"] .theme-picker,
html[data-theme="glass"] .container,
html[data-theme="glass"] .card,
html[data-theme="glass"] .panel,
html[data-theme="glass"] .contact-card,
html[data-theme="glass"] .token,
html[data-theme="glass"] .entry,
html[data-theme="glass"] .changelog-entry,
html[data-theme="glass"] .status-card,
html[data-theme="glass"] .result-card,
html[data-theme="glass"] .content-card,
html[data-theme="glass"] .api-section,
html[data-theme="glass"] .form-card,
html[data-theme="glass"] .account-info,
html[data-theme="glass"] form,
html[data-theme="glass"] .message {
    background: rgba(230, 243, 255, 0.11) !important;
    border: 1px solid rgba(255, 255, 255, 0.25) !important;
    box-shadow: 0 20px 60px rgba(1, 10, 32, 0.25), inset 0 1px rgba(255, 255, 255, 0.16) !important;
    backdrop-filter: blur(18px) saturate(135%);
}

html[data-theme="glass"] .download-area {
    border-radius: 32px !important;
    padding: 34px !important;
}

html[data-theme="glass"] .site-stats .stat-card {
    border-radius: 18px !important;
}

html[data-theme="glass"] .stat-label,
html[data-theme="glass"] .quality-help,
html[data-theme="glass"] .subtitle {
    color: rgba(237, 245, 255, 0.76) !important;
}

html[data-theme="glass"] input:not([type="checkbox"]):not([type="radio"]),
html[data-theme="glass"] textarea,
html[data-theme="glass"] select {
    color: #eef7ff !important;
    background: rgba(4, 20, 45, 0.42) !important;
    border-color: rgba(185, 225, 255, 0.35) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, 0.08) !important;
}

html[data-theme="glass"] button,
html[data-theme="glass"] input[type="submit"],
html[data-theme="glass"] input[type="button"],
html[data-theme="glass"] .button,
html[data-theme="glass"] .btn {
    color: #09213b !important;
    background: linear-gradient(110deg, #bce9ff, #9ab8ff 50%, #d2bdff) !important;
    border-color: rgba(255, 255, 255, 0.72) !important;
    box-shadow: 0 10px 22px rgba(7, 30, 71, 0.25), inset 0 1px rgba(255, 255, 255, 0.65) !important;
}

html[data-theme="glass"] a {
    color: #bce9ff !important;
    text-shadow: none;
}

html[data-theme="glass"] :is(p, li, label, small, figcaption, td, th, dt, dd, summary, span),
html[data-theme="glass"] .tip,
html[data-theme="glass"] .muted,
html[data-theme="glass"] .message,
html[data-theme="glass"] .info,
html[data-theme="glass"] .description,
html[data-theme="glass"] .failed,
html[data-theme="glass"] .theme-note {
    color: #dcecff !important;
}

html[data-theme="glass"] :is(strong, b, #loading, .account-info strong, .token strong) {
    color: #f5f9ff !important;
}

html[data-theme="glass"] :is(pre, code, kbd, samp, #debugLog, .token-box) {
    color: #d9fff7 !important;
    background: rgba(3, 16, 37, 0.66) !important;
    border-color: rgba(185, 225, 255, 0.35) !important;
}

html[data-theme="glass"] :is(.success, .message-success, .status-online) {
    color: #a8ffd8 !important;
}

html[data-theme="glass"] :is(.error, .message-error, .status-error, .danger-zone) {
    color: #ffc1d1 !important;
}

html[data-theme="glass"] .theme-picker {
    color: #dcecff !important;
    animation: glassPickerPulse 5s ease-in-out infinite;
}

html[data-theme="glass"] .dev-banner {
    color: #fff5c4 !important;
    background: rgba(107, 73, 19, 0.68) !important;
    border-color: #f3cf72 !important;
}

html[data-theme="furry"] body {
    color: #5b3155 !important;
    background-color: #ffd8eb !important;
    background-image:
        radial-gradient(circle at 12% 16%, rgba(255, 255, 255, 0.8) 0 6%, transparent 6.5%),
        radial-gradient(circle at 84% 14%, rgba(255, 227, 130, 0.72) 0 8%, transparent 8.5%),
        linear-gradient(135deg, #ffcae2, #ffc1dc 46%, #e6c8ff) !important;
    background-size: 140% 140%, 135% 135%, auto !important;
    font-family: sans-serif;
    animation: furryCandyDrift 14s ease-in-out infinite alternate;
}

html[data-theme="furry"] body::before {
    opacity: 1;
    background: radial-gradient(circle at 28% 80%, rgba(255, 255, 255, 0.28), transparent 23%);
    filter: blur(8px);
    animation: furrySparkle 7s ease-in-out infinite alternate;
}

html[data-theme="furry"] body::after {
    position: fixed;
    right: 18px;
    bottom: 14px;
    z-index: 0;
    content: "✦ ʕ•ᴥ•ʔ ✦";
    color: rgba(177, 74, 131, 0.26);
    font-size: clamp(2rem, 6vw, 4.8rem);
    font-family: sans-serif;
    pointer-events: none;
    animation: furryMascotBounce 4.5s ease-in-out infinite;
}

html[data-theme="furry"] h1,
html[data-theme="furry"] h2,
html[data-theme="furry"] h3,
html[data-theme="furry"] h4 {
    color: #a32a72 !important;
    -webkit-text-fill-color: #a32a72 !important;
    font-family: sans-serif !important;
    letter-spacing: -0.025em;
    text-shadow: 2px 2px 0 rgba(255, 255, 255, 0.72);
}

html[data-theme="furry"] .download-area,
html[data-theme="furry"] .site-stats .stat-card,
html[data-theme="furry"] .theme-picker,
html[data-theme="furry"] .container,
html[data-theme="furry"] .card,
html[data-theme="furry"] .panel,
html[data-theme="furry"] .contact-card,
html[data-theme="furry"] .token,
html[data-theme="furry"] .entry,
html[data-theme="furry"] .changelog-entry,
html[data-theme="furry"] .status-card,
html[data-theme="furry"] .result-card,
html[data-theme="furry"] .content-card,
html[data-theme="furry"] .api-section,
html[data-theme="furry"] .form-card,
html[data-theme="furry"] .account-info,
html[data-theme="furry"] form,
html[data-theme="furry"] .message {
    color: #5b3155 !important;
    background: rgba(255, 250, 253, 0.88) !important;
    border: 3px solid #ff87be !important;
    border-radius: 24px !important;
    box-shadow: 8px 8px 0 rgba(178, 72, 133, 0.16) !important;
}

html[data-theme="furry"] .stat-label,
html[data-theme="furry"] .quality-help,
html[data-theme="furry"] .subtitle,
html[data-theme="furry"] .tip,
html[data-theme="furry"] label {
    color: #845175 !important;
    opacity: 1;
}

html[data-theme="furry"] .stat-value {
    color: #a32a72 !important;
    font-family: sans-serif;
}

html[data-theme="furry"] input:not([type="checkbox"]):not([type="radio"]),
html[data-theme="furry"] textarea,
html[data-theme="furry"] select {
    color: #5b3155 !important;
    background: #fff8fc !important;
    border: 2px solid #ffadd0 !important;
    border-radius: 14px !important;
    box-shadow: none !important;
}

html[data-theme="furry"] input::placeholder,
html[data-theme="furry"] textarea::placeholder {
    color: #c88cab !important;
}

html[data-theme="furry"] button,
html[data-theme="furry"] input[type="submit"],
html[data-theme="furry"] input[type="button"],
html[data-theme="furry"] .button,
html[data-theme="furry"] .btn {
    color: #6c2654 !important;
    background: linear-gradient(135deg, #ff9dc8, #ffd26d) !important;
    border: 2px solid #c74c8d !important;
    border-radius: 16px !important;
    box-shadow: 0 5px 0 #c74c8d !important;
    text-transform: none;
}

html[data-theme="furry"] button:hover,
html[data-theme="furry"] input[type="submit"]:hover,
html[data-theme="furry"] input[type="button"]:hover,
html[data-theme="furry"] .button:hover,
html[data-theme="furry"] .btn:hover {
    filter: saturate(1.1);
    transform: translateY(2px);
    box-shadow: 0 3px 0 #c74c8d !important;
}

html[data-theme="furry"] a {
    color: #b13578 !important;
    text-decoration-color: #ff8cbd;
    text-shadow: none;
}

html[data-theme="furry"] :is(p, li, small, figcaption, td, th, dt, dd, summary, span),
html[data-theme="furry"] .muted,
html[data-theme="furry"] .message,
html[data-theme="furry"] .info,
html[data-theme="furry"] .description,
html[data-theme="furry"] .failed,
html[data-theme="furry"] .theme-note {
    color: #5b3155 !important;
}

html[data-theme="furry"] :is(strong, b, #loading, .account-info strong, .token strong) {
    color: #702d5a !important;
}

html[data-theme="furry"] :is(pre, code, kbd, samp, #debugLog, .token-box) {
    color: #5b3155 !important;
    background: #fff1f8 !important;
    border-color: #ffadd0 !important;
}

html[data-theme="furry"] :is(.success, .message-success, .status-online) {
    color: #4c7c43 !important;
}

html[data-theme="furry"] :is(.error, .message-error, .status-error, .danger-zone) {
    color: #b12f62 !important;
}

html[data-theme="furry"] .theme-picker {
    color: #5b3155 !important;
    animation: furryPickerWiggle 7s ease-in-out infinite;
}

html[data-theme="furry"] .dev-banner {
    color: #6a294f !important;
    background: #ffe4a8 !important;
    border-color: #d8769c !important;
}

/* A woodland furry variant with warm paper cards and mossy accents. */
html[data-theme="furry-meadow"] body {
    color: #293d30 !important;
    background-color: #d8e6c8 !important;
    background-image:
        radial-gradient(circle at 12% 16%, rgba(255, 246, 207, 0.88) 0 7%, transparent 7.5%),
        radial-gradient(circle at 88% 12%, rgba(255, 184, 116, 0.48) 0 8%, transparent 8.5%),
        linear-gradient(135deg, #c6dfc2, #e8d9ae 50%, #e8b998) !important;
    background-size: 140% 140%, 135% 135%, auto !important;
    font-family: sans-serif;
    animation: meadowBackgroundDrift 18s ease-in-out infinite alternate;
}

html[data-theme="furry-meadow"] body::before {
    opacity: 1;
    background: radial-gradient(circle at 20% 82%, rgba(61, 113, 76, 0.16), transparent 28%);
    filter: blur(18px);
    animation: meadowBreeze 12s ease-in-out infinite alternate;
}

html[data-theme="furry-meadow"] body::after {
    position: fixed;
    right: 18px;
    bottom: 14px;
    z-index: 0;
    content: "🌿 ᘛ⁐̤ᕐᐷ 🍄";
    color: rgba(47, 101, 62, 0.45);
    font-size: clamp(2rem, 6vw, 4.5rem);
    pointer-events: none;
    animation: meadowMascotSway 5.5s ease-in-out infinite;
}

html[data-theme="furry-meadow"] :is(h1, h2, h3, h4) {
    color: #285b3a !important;
    -webkit-text-fill-color: #285b3a !important;
    font-family: sans-serif !important;
    letter-spacing: -0.025em;
    text-shadow: 2px 2px 0 rgba(255, 248, 221, 0.8);
}

html[data-theme="furry-meadow"] :is(.download-area, .site-stats .stat-card, .theme-picker, .container, .card, .panel, .contact-card, .token, .entry, .changelog-entry, .status-card, .result-card, .content-card, .api-section, .form-card, .account-info, form, .message) {
    color: #293d30 !important;
    background: rgba(255, 250, 230, 0.9) !important;
    border: 3px solid #70965b !important;
    border-radius: 22px !important;
    box-shadow: 7px 7px 0 rgba(61, 100, 67, 0.16) !important;
}

html[data-theme="furry-meadow"] :is(p, li, label, small, figcaption, td, th, dt, dd, summary, span),
html[data-theme="furry-meadow"] :is(.stat-label, .quality-help, .subtitle, .tip, .muted, .message, .info, .description, .failed, .theme-note) {
    color: #3e5742 !important;
    opacity: 1;
}

html[data-theme="furry-meadow"] :is(strong, b, #loading, .account-info strong, .token strong) {
    color: #2c5d3b !important;
}

html[data-theme="furry-meadow"] .stat-value {
    color: #285b3a !important;
}

html[data-theme="furry-meadow"] :is(input:not([type="checkbox"]):not([type="radio"]), textarea, select) {
    color: #293d30 !important;
    background: #fffbed !important;
    border: 2px solid #a6b96c !important;
    border-radius: 13px !important;
    box-shadow: none !important;
}

html[data-theme="furry-meadow"] input::placeholder,
html[data-theme="furry-meadow"] textarea::placeholder {
    color: #75876e !important;
}

html[data-theme="furry-meadow"] :is(button, input[type="submit"], input[type="button"], .button, .btn) {
    color: #203d2a !important;
    background: linear-gradient(135deg, #b9dc86, #ffc46e) !important;
    border: 2px solid #527d48 !important;
    border-radius: 15px !important;
    box-shadow: 0 5px 0 #527d48 !important;
    text-transform: none;
}

html[data-theme="furry-meadow"] :is(button:hover, input[type="submit"]:hover, input[type="button"]:hover, .button:hover, .btn:hover) {
    filter: saturate(1.1);
    transform: translateY(2px);
    box-shadow: 0 3px 0 #527d48 !important;
}

html[data-theme="furry-meadow"] a {
    color: #2e6d49 !important;
    text-decoration-color: #d58045;
    text-shadow: none;
}

html[data-theme="furry-meadow"] :is(pre, code, kbd, samp, #debugLog, .token-box) {
    color: #254532 !important;
    background: #f3eed3 !important;
    border-color: #a6b96c !important;
}

html[data-theme="furry-meadow"] :is(.success, .message-success, .status-online) {
    color: #2d713d !important;
}

html[data-theme="furry-meadow"] :is(.error, .message-error, .status-error, .danger-zone) {
    color: #a63f38 !important;
}

html[data-theme="furry-meadow"] .theme-picker {
    color: #293d30 !important;
    animation: meadowPickerSway 6.5s ease-in-out infinite;
}

html[data-theme="furry-meadow"] .dev-banner {
    color: #314631 !important;
    background: #f4dc90 !important;
    border-color: #6c925b !important;
}

/* A night-time furry theme with plum skies, paw-print sparkles, and warm neon fur tones. */
html[data-theme="furry-night"] body {
    color: #ffe9f8 !important;
    background-color: #1b1026 !important;
    background-image:
        radial-gradient(circle at 14% 18%, rgba(255, 111, 187, 0.22) 0 7%, transparent 7.6%),
        radial-gradient(circle at 88% 14%, rgba(126, 99, 255, 0.28) 0 10%, transparent 10.8%),
        radial-gradient(circle at 52% 88%, rgba(255, 193, 104, 0.16) 0 12%, transparent 13%),
        linear-gradient(145deg, #170d23, #2b1638 52%, #151028) !important;
    background-size: 145% 145%, 135% 135%, 150% 150%, auto !important;
    font-family: sans-serif;
    animation: furryNightSky 16s ease-in-out infinite alternate;
}

html[data-theme="furry-night"] body::before {
    opacity: 1;
    background:
        radial-gradient(circle at 18% 30%, rgba(255, 216, 244, 0.5) 0 1px, transparent 2px),
        radial-gradient(circle at 76% 68%, rgba(255, 202, 113, 0.44) 0 1px, transparent 2px),
        radial-gradient(circle at 42% 15%, rgba(177, 151, 255, 0.44) 0 1px, transparent 2px);
    background-size: 140px 140px, 180px 180px, 120px 120px;
    filter: none;
    animation: furryNightTwinkle 5s ease-in-out infinite alternate;
}

html[data-theme="furry-night"] body::after {
    position: fixed;
    right: 18px;
    bottom: 14px;
    z-index: 0;
    content: "✦ ᓚ₍ ^. .^₎ ✦";
    color: rgba(255, 170, 218, 0.42);
    font-size: clamp(2rem, 6vw, 4.5rem);
    pointer-events: none;
    animation: furryNightMascot 5s ease-in-out infinite;
}

html[data-theme="furry-night"] :is(h1, h2, h3, h4) {
    color: #ffb7df !important;
    -webkit-text-fill-color: #ffb7df !important;
    font-family: sans-serif !important;
    letter-spacing: -0.02em;
    text-shadow: 0 0 18px rgba(255, 95, 180, 0.42);
}

html[data-theme="furry-night"] :is(.download-area, .site-stats .stat-card, .theme-picker, .container, .card, .panel, .contact-card, .token, .entry, .changelog-entry, .status-card, .result-card, .content-card, .api-section, .form-card, .account-info, form, .message) {
    color: #ffe9f8 !important;
    background: rgba(47, 24, 61, 0.88) !important;
    border: 2px solid rgba(255, 143, 204, 0.58) !important;
    border-radius: 20px !important;
    box-shadow: 0 14px 35px rgba(10, 4, 19, 0.44), 0 0 22px rgba(255, 96, 181, 0.12) !important;
}

html[data-theme="furry-night"] :is(p, li, label, small, figcaption, td, th, dt, dd, summary, span),
html[data-theme="furry-night"] :is(.stat-label, .quality-help, .subtitle, .tip, .muted, .message, .info, .description, .failed, .theme-note) {
    color: #f9ddec !important;
    opacity: 1;
}

html[data-theme="furry-night"] :is(strong, b, #loading, .account-info strong, .token strong) {
    color: #ffd280 !important;
}

html[data-theme="furry-night"] .stat-value {
    color: #ffb7df !important;
}

html[data-theme="furry-night"] :is(input:not([type="checkbox"]):not([type="radio"]), textarea, select) {
    color: #ffe9f8 !important;
    background: #261532 !important;
    border: 2px solid #b97cc6 !important;
    border-radius: 13px !important;
    box-shadow: inset 0 0 16px rgba(255, 108, 188, 0.08) !important;
}

html[data-theme="furry-night"] input::placeholder,
html[data-theme="furry-night"] textarea::placeholder {
    color: #bf91b1 !important;
}

html[data-theme="furry-night"] :is(button, input[type="submit"], input[type="button"], .button, .btn) {
    color: #35142e !important;
    background: linear-gradient(135deg, #ff9bd0, #ffc977) !important;
    border: 2px solid #ffcae4 !important;
    border-radius: 15px !important;
    box-shadow: 0 5px 0 #8e416f, 0 0 16px rgba(255, 125, 197, 0.23) !important;
    text-transform: none;
}

html[data-theme="furry-night"] :is(button:hover, input[type="submit"]:hover, input[type="button"]:hover, .button:hover, .btn:hover) {
    filter: brightness(1.08) saturate(1.1);
    transform: translateY(2px);
    box-shadow: 0 3px 0 #8e416f, 0 0 22px rgba(255, 125, 197, 0.32) !important;
}

html[data-theme="furry-night"] a {
    color: #ffd280 !important;
    text-decoration-color: #ff96cc;
    text-shadow: none;
}

html[data-theme="furry-night"] :is(pre, code, kbd, samp, #debugLog, .token-box) {
    color: #ffd9ed !important;
    background: #1c0f29 !important;
    border-color: #a967ad !important;
}

html[data-theme="furry-night"] :is(.success, .message-success, .status-online) {
    color: #aef6bd !important;
}

html[data-theme="furry-night"] :is(.error, .message-error, .status-error, .danger-zone) {
    color: #ffabbf !important;
}

html[data-theme="furry-night"] .theme-picker {
    color: #ffe9f8 !important;
    animation: furryNightPickerPulse 4.5s ease-in-out infinite;
}

html[data-theme="furry-night"] .dev-banner {
    color: #ffe8aa !important;
    background: rgba(111, 46, 83, 0.92) !important;
    border-color: #ffb7df !important;
}

@keyframes glassFloat {
    from { transform: translate3d(-1%, -1%, 0) scale(1); }
    to { transform: translate3d(1%, 2%, 0) scale(1.04); }
}

@keyframes cyberBackgroundDrift {
    from { background-position: 0 0, 0 0, 0 0, 0 0, 0 0; }
    to { background-position: 5% 2%, -4% 3%, 34px 34px, -34px 34px, 0 0; }
}

@keyframes cyberScanlineShift {
    from { background-position: 0 0; opacity: 0.2; }
    50% { opacity: 0.32; }
    to { background-position: 0 12px; opacity: 0.2; }
}

@keyframes glassGlow {
    from { background-position: 0 0, 0 0, 0 0, 0 0; }
    to { background-position: 3% 2%, -2% 3%, 2% -2%, 0 0; }
}

@keyframes glassPickerPulse {
    0%, 100% { box-shadow: 0 8px 26px rgba(0, 0, 0, 0.25); }
    50% { box-shadow: 0 10px 30px rgba(151, 188, 255, 0.3); }
}

@keyframes furrySparkle {
    from { transform: translate3d(-1%, -1%, 0) scale(1); }
    to { transform: translate3d(2%, 1%, 0) scale(1.08); }
}

@keyframes furryMascotBounce {
    0%, 100% { transform: rotate(-8deg) translateY(0); }
    50% { transform: rotate(-4deg) translateY(-8px); }
}

@keyframes furryPickerWiggle {
    0%, 88%, 100% { transform: rotate(0); }
    91% { transform: rotate(-1deg); }
    95% { transform: rotate(1deg); }
}

@keyframes furryCandyDrift {
    from { background-position: 0 0, 100% 0, 0 0; }
    to { background-position: 8% 4%, 94% 5%, 0 0; }
}

@keyframes meadowBreeze {
    from { transform: translate3d(-2%, 0, 0) scale(1); }
    to { transform: translate3d(2%, -2%, 0) scale(1.06); }
}

@keyframes meadowMascotSway {
    0%, 100% { transform: rotate(-7deg) translateY(0); }
    50% { transform: rotate(-2deg) translateY(-6px); }
}

@keyframes meadowPickerSway {
    0%, 100% { transform: rotate(0); }
    50% { transform: rotate(-0.7deg) translateY(-1px); }
}

@keyframes furryNightSky {
    from { background-position: 0 0, 100% 0, 50% 100%, 0 0; }
    to { background-position: 7% 4%, 94% 5%, 54% 94%, 0 0; }
}

@keyframes furryNightTwinkle {
    from { background-position: 0 0, 30px 20px, 70px 40px; opacity: 0.45; }
    to { background-position: 30px -25px, 0 40px, 40px 0; opacity: 0.9; }
}

@keyframes furryNightMascot {
    0%, 100% { transform: rotate(-5deg) translateY(0); }
    50% { transform: rotate(3deg) translateY(-8px); }
}

@keyframes furryNightPickerPulse {
    0%, 100% { box-shadow: 0 8px 26px rgba(0, 0, 0, 0.34), 0 0 12px rgba(255, 121, 195, 0.18); }
    50% { box-shadow: 0 9px 30px rgba(0, 0, 0, 0.4), 0 0 24px rgba(255, 121, 195, 0.42); }
}

/* Star Trek-inspired themes: original-film computer panels and Picard-era displays. */
html[data-theme="trek-classic"] body {
    color: #ffe8bd !important;
    background-color: #050609 !important;
    background-image:
        linear-gradient(rgba(3, 5, 10, 0.46), rgba(3, 5, 10, 0.54)),
        var(--theme-space-image),
        radial-gradient(ellipse at 18% 22%, rgba(50, 101, 174, 0.32), transparent 28%),
        radial-gradient(ellipse at 82% 68%, rgba(202, 69, 35, 0.28), transparent 30%),
        radial-gradient(ellipse at 55% 45%, rgba(242, 174, 75, 0.08), transparent 22%),
        linear-gradient(135deg, #030407, #0a111d 48%, #160c0a) !important;
    background-size: auto, cover, 140% 140%, 150% 150%, 130% 130%, auto !important;
    background-position: center, center, 0 0, 100% 0, 50% 50%, 0 0 !important;
    font-family: monospace;
    animation: trekClassicNebula 24s ease-in-out infinite alternate;
}

html[data-theme="trek-classic"] body::before {
    opacity: 1;
    background:
        radial-gradient(circle at 15% 20%, rgba(255, 242, 203, 0.9) 0 1px, transparent 1.8px),
        radial-gradient(circle at 76% 34%, rgba(169, 210, 255, 0.8) 0 1px, transparent 1.8px),
        radial-gradient(circle at 48% 75%, rgba(255, 188, 113, 0.75) 0 1px, transparent 1.8px),
        radial-gradient(circle at 88% 83%, rgba(255, 255, 255, 0.6) 0 1px, transparent 1.8px);
    background-size: 130px 130px, 180px 180px, 220px 220px, 260px 260px;
    filter: none;
    animation: trekClassicStars 16s linear infinite;
}

html[data-theme="trek-classic"] body::after {
    position: fixed;
    z-index: 0;
    inset: 0;
    pointer-events: none;
    content: "";
    opacity: 0.32;
    background: linear-gradient(90deg, transparent 0 7%, rgba(241, 151, 60, 0.42) 7% 7.35%, transparent 7.35% 100%);
    background-size: 100% 100%;
    animation: trekClassicComputerLine 8s steps(8) infinite;
}

html[data-theme="trek-classic"] :is(h1, h2, h3, h4) {
    color: #ffbd63 !important;
    -webkit-text-fill-color: #ffbd63 !important;
    font-family: monospace !important;
    letter-spacing: 0.11em;
    text-transform: uppercase;
    text-shadow: 0 0 12px rgba(255, 152, 62, 0.42);
}

html[data-theme="trek-classic"] :is(.download-area, .site-stats .stat-card, .theme-picker, .container, .card, .panel, .contact-card, .token, .entry, .changelog-entry, .status-card, .result-card, .content-card, .api-section, .form-card, .account-info, form, .message, .error-container) {
    color: #ffe8bd !important;
    background: linear-gradient(135deg, rgba(20, 25, 33, 0.96), rgba(12, 15, 22, 0.94)) !important;
    border: 2px solid #bd7138 !important;
    border-radius: 3px !important;
    box-shadow: inset 0 0 0 1px rgba(255, 215, 151, 0.18), 0 0 0 5px rgba(15, 19, 27, 0.86), 0 16px 42px rgba(0, 0, 0, 0.48) !important;
    animation: trekClassicPanelSignal 6s steps(5) infinite;
}

html[data-theme="trek-classic"] :is(p, li, label, small, figcaption, td, th, dt, dd, summary, span, .tip, .muted, .message, .info, .description, .failed, .theme-note) {
    color: #ffe8bd !important;
    opacity: 1;
}

html[data-theme="trek-classic"] :is(strong, b, .stat-value, #loading, .account-info strong, .token strong) { color: #ffd17e !important; }
html[data-theme="trek-classic"] a { color: #8bd4ff !important; text-decoration-color: #8bd4ff; }
html[data-theme="trek-classic"] :is(pre, code, kbd, samp, #debugLog, .token-box) { color: #ffd995 !important; background: #070a0f !important; border-color: #566f91 !important; }
html[data-theme="trek-classic"] :is(input:not([type="checkbox"]):not([type="radio"]), textarea, select) { color: #ffe8bd !important; background: #090d14 !important; border: 2px solid #586d89 !important; border-radius: 2px !important; }
html[data-theme="trek-classic"] :is(button, input[type="submit"], input[type="button"], .button, .btn) { color: #130d08 !important; background: linear-gradient(100deg, #e28d47, #ffd080 48%, #8fc9e9) !important; border: 2px solid #ffe0a6 !important; border-radius: 2px !important; box-shadow: 0 0 14px rgba(255, 164, 76, 0.3) !important; }
html[data-theme="trek-classic"] :is(button:hover, input[type="submit"]:hover, input[type="button"]:hover, .button:hover, .btn:hover) { transform: translateY(-1px); filter: brightness(1.18); box-shadow: 0 0 23px rgba(255, 190, 102, 0.58) !important; }
html[data-theme="trek-classic"] .theme-picker { animation: trekClassicPicker 4s steps(4) infinite; }

html[data-theme="trek-picard"] body {
    color: #eff5ff !important;
    background-color: #030916 !important;
    background-image:
        linear-gradient(rgba(3, 8, 21, 0.4), rgba(3, 8, 21, 0.58)),
        var(--theme-space-image),
        radial-gradient(ellipse at 20% 18%, rgba(53, 103, 201, 0.35), transparent 29%),
        radial-gradient(ellipse at 80% 70%, rgba(200, 81, 84, 0.31), transparent 32%),
        radial-gradient(ellipse at 51% 40%, rgba(255, 202, 107, 0.13), transparent 19%),
        linear-gradient(145deg, #030815, #101c39 48%, #160d22) !important;
    background-size: auto, cover, 145% 145%, 155% 155%, 125% 125%, auto !important;
    background-position: center, center, 0 0, 100% 0, 50% 40%, 0 0 !important;
    font-family: sans-serif;
    animation: trekPicardNebula 26s ease-in-out infinite alternate;
}

html[data-theme="trek-picard"] body::before {
    opacity: 1;
    background:
        radial-gradient(circle at 12% 18%, rgba(255, 255, 255, 0.86) 0 1px, transparent 1.8px),
        radial-gradient(circle at 67% 42%, rgba(159, 200, 255, 0.76) 0 1px, transparent 1.8px),
        radial-gradient(circle at 86% 76%, rgba(255, 224, 160, 0.72) 0 1px, transparent 1.8px);
    background-size: 150px 150px, 210px 210px, 280px 280px;
    filter: none;
    animation: trekPicardStars 22s linear infinite;
}

html[data-theme="trek-picard"] body::after {
    position: fixed;
    z-index: 0;
    inset: -24vmax;
    pointer-events: none;
    content: "";
    opacity: 0.28;
    border: 1px solid rgba(249, 195, 112, 0.6);
    border-radius: 48% 52% 46% 54%;
    box-shadow: 0 0 0 11vmax rgba(55, 128, 255, 0.025), 0 0 0 22vmax rgba(232, 77, 96, 0.025);
    animation: trekPicardOrbit 30s linear infinite;
}

html[data-theme="trek-picard"] :is(h1, h2, h3, h4) {
    color: #ffe0a5 !important;
    -webkit-text-fill-color: #ffe0a5 !important;
    font-family: sans-serif !important;
    letter-spacing: 0.065em;
    text-shadow: 0 0 18px rgba(246, 184, 91, 0.32);
}

html[data-theme="trek-picard"] :is(.download-area, .site-stats .stat-card, .theme-picker, .container, .card, .panel, .contact-card, .token, .entry, .changelog-entry, .status-card, .result-card, .content-card, .api-section, .form-card, .account-info, form, .message, .error-container) {
    color: #eff5ff !important;
    background: linear-gradient(135deg, rgba(20, 38, 75, 0.83), rgba(18, 15, 43, 0.85)) !important;
    border: 1px solid rgba(255, 210, 132, 0.66) !important;
    border-radius: 24px !important;
    box-shadow: 0 18px 50px rgba(0, 2, 15, 0.46), inset 0 1px rgba(255, 255, 255, 0.16), 0 0 24px rgba(90, 141, 255, 0.13) !important;
    backdrop-filter: blur(18px) saturate(140%);
    animation: trekPicardInterface 7s ease-in-out infinite;
}

html[data-theme="trek-picard"] :is(p, li, label, small, figcaption, td, th, dt, dd, summary, span, .tip, .muted, .message, .info, .description, .failed, .theme-note) { color: #e7efff !important; opacity: 1; }
html[data-theme="trek-picard"] :is(strong, b, .stat-value, #loading, .account-info strong, .token strong) { color: #ffe0a5 !important; }
html[data-theme="trek-picard"] a { color: #a9d9ff !important; text-decoration-color: #e8be72; }
html[data-theme="trek-picard"] :is(pre, code, kbd, samp, #debugLog, .token-box) { color: #d9eeff !important; background: rgba(3, 12, 31, 0.8) !important; border-color: rgba(120, 186, 255, 0.55) !important; }
html[data-theme="trek-picard"] :is(input:not([type="checkbox"]):not([type="radio"]), textarea, select) { color: #eff5ff !important; background: rgba(3, 13, 34, 0.74) !important; border-color: rgba(165, 207, 255, 0.58) !important; border-radius: 14px !important; }
html[data-theme="trek-picard"] :is(button, input[type="submit"], input[type="button"], .button, .btn) { color: #151021 !important; background: linear-gradient(110deg, #f2c16c, #f6a58d 46%, #8fc6ff) !important; border-color: #fff0ce !important; border-radius: 16px !important; box-shadow: 0 8px 22px rgba(235, 164, 85, 0.24) !important; }
html[data-theme="trek-picard"] :is(button:hover, input[type="submit"]:hover, input[type="button"]:hover, .button:hover, .btn:hover) { transform: translateY(-2px) scale(1.01); filter: brightness(1.09); box-shadow: 0 12px 28px rgba(246, 190, 109, 0.38) !important; }
html[data-theme="trek-picard"] .theme-picker { animation: trekPicardPicker 5.5s ease-in-out infinite; }

@keyframes trekClassicNebula { from { background-position: center, center, 0 0, 100% 0, 50% 50%, 0 0; } to { background-position: center, center, 9% 6%, 92% 94%, 55% 44%, 0 0; } }
@keyframes trekClassicStars { from { background-position: 0 0, 35px 18px, 72px 46px, 18px 80px; } to { background-position: -70px 42px, 140px -42px, -68px 100px, 112px -44px; } }
@keyframes trekClassicComputerLine { 0%, 100% { transform: translateX(-10%); opacity: 0.14; } 50% { transform: translateX(10%); opacity: 0.42; } }
@keyframes trekClassicPanelSignal { 0%, 100% { border-color: #bd7138; } 50% { border-color: #739cc5; } }
@keyframes trekClassicPicker { 0%, 100% { box-shadow: 0 0 0 5px rgba(15, 19, 27, 0.86), 0 0 15px rgba(226, 141, 71, 0.22); } 50% { box-shadow: 0 0 0 5px rgba(15, 19, 27, 0.86), 0 0 25px rgba(143, 201, 233, 0.44); } }
@keyframes trekPicardNebula { from { background-position: center, center, 0 0, 100% 0, 50% 40%, 0 0; } to { background-position: center, center, 8% 6%, 92% 95%, 55% 52%, 0 0; } }
@keyframes trekPicardStars { from { background-position: 0 0, 50px 30px, 100px 70px; } to { background-position: -80px 65px, 160px -44px, -120px 120px; } }
@keyframes trekPicardOrbit { from { transform: rotate(0deg) scale(1); } 50% { transform: rotate(180deg) scale(1.04); } to { transform: rotate(360deg) scale(1); } }
@keyframes trekPicardInterface { 0%, 100% { box-shadow: 0 18px 50px rgba(0, 2, 15, 0.46), inset 0 1px rgba(255, 255, 255, 0.16), 0 0 24px rgba(90, 141, 255, 0.13); } 50% { box-shadow: 0 18px 50px rgba(0, 2, 15, 0.46), inset 0 1px rgba(255, 255, 255, 0.2), 0 0 32px rgba(245, 183, 101, 0.24); } }
@keyframes trekPicardPicker { 0%, 100% { transform: translateY(0); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.34), 0 0 13px rgba(143, 198, 255, 0.24); } 50% { transform: translateY(-2px); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4), 0 0 24px rgba(255, 203, 120, 0.4); } }

/* Alien-inspired industrial terminal: weathered charcoal panels, amber diagnostics, and cold blue instrumentation. */
html[data-theme="alien"] body {
    color: #d8dfd6 !important;
    background-color: #090d0d !important;
    background-image:
        radial-gradient(ellipse at 12% 16%, rgba(103, 125, 111, 0.15), transparent 26%),
        radial-gradient(ellipse at 87% 78%, rgba(179, 120, 53, 0.12), transparent 30%),
        linear-gradient(90deg, rgba(108, 127, 116, 0.055) 1px, transparent 1px),
        linear-gradient(rgba(108, 127, 116, 0.045) 1px, transparent 1px),
        linear-gradient(135deg, #070a0a, #101716 48%, #11100d) !important;
    background-size: auto, auto, 46px 46px, 46px 46px, auto !important;
    font-family: "Courier New", Consolas, monospace !important;
    animation: alienTerminalDrift 18s ease-in-out infinite alternate;
}

html[data-theme="alien"] body::before {
    opacity: 1;
    background:
        repeating-linear-gradient(0deg, transparent 0 3px, rgba(205, 224, 210, 0.028) 3px 4px),
        linear-gradient(100deg, transparent 0 16%, rgba(132, 163, 146, 0.06) 16.2% 16.35%, transparent 16.5% 100%),
        linear-gradient(90deg, transparent 0 72%, rgba(207, 151, 76, 0.08) 72.1% 72.25%, transparent 72.4% 100%);
    background-size: auto, 220% 100%, 180% 100%;
    filter: none;
    animation: alienDiagnosticSweep 8s steps(9) infinite;
}

html[data-theme="alien"] body::after {
    position: fixed;
    z-index: 0;
    inset: 0;
    pointer-events: none;
    content: "";
    opacity: 0.24;
    background:
        linear-gradient(90deg, transparent 0 8%, rgba(151, 186, 167, 0.34) 8% 8.15%, transparent 8.3% 100%),
        linear-gradient(0deg, transparent 0 82%, rgba(215, 155, 72, 0.24) 82% 82.15%, transparent 82.3% 100%);
    background-size: 100% 100%, 100% 100%;
    animation: alienSystemPulse 5s steps(6) infinite;
}

html[data-theme="alien"] :is(h1, h2, h3, h4) {
    color: #d7b66f !important;
    -webkit-text-fill-color: #d7b66f !important;
    font-family: "Courier New", Consolas, monospace !important;
    letter-spacing: 0.09em;
    text-transform: uppercase;
    text-shadow: 0 0 12px rgba(221, 164, 75, 0.3);
}

html[data-theme="alien"] :is(.download-area, .site-stats .stat-card, .theme-picker, .container, .card, .panel, .contact-card, .token, .entry, .changelog-entry, .status-card, .result-card, .content-card, .api-section, .form-card, .account-info, form, .message, .error-container) {
    color: #d8dfd6 !important;
    background: linear-gradient(135deg, rgba(25, 32, 30, 0.96), rgba(13, 18, 17, 0.96)) !important;
    border: 1px solid #586961 !important;
    border-radius: 3px !important;
    box-shadow: inset 0 0 0 1px rgba(202, 221, 204, 0.06), inset 0 -16px 28px rgba(0, 0, 0, 0.16), 0 16px 42px rgba(0, 0, 0, 0.45) !important;
    animation: alienPanelSignal 7s steps(6) infinite;
}

html[data-theme="alien"] :is(p, li, label, small, figcaption, td, th, dt, dd, summary, span, .tip, .muted, .message, .info, .description, .failed, .theme-note) {
    color: #d8dfd6 !important;
    opacity: 1;
}

html[data-theme="alien"] :is(strong, b, .stat-value, #loading, .account-info strong, .token strong) { color: #e3bf72 !important; }
html[data-theme="alien"] a { color: #9ccfc4 !important; text-decoration-color: #d39e57; }
html[data-theme="alien"] :is(pre, code, kbd, samp, #debugLog, .token-box) { color: #c2dfd1 !important; background: #080d0c !important; border-color: #4f7769 !important; }
html[data-theme="alien"] :is(input:not([type="checkbox"]):not([type="radio"]), textarea, select) { color: #e0e9df !important; background: #0c1211 !important; border: 1px solid #63786d !important; border-radius: 2px !important; }
html[data-theme="alien"] input::placeholder, html[data-theme="alien"] textarea::placeholder { color: #83958b !important; }
html[data-theme="alien"] :is(button, input[type="submit"], input[type="button"], .button, .btn) { color: #111511 !important; background: linear-gradient(105deg, #aebfa9, #d4af68 52%, #9ec5bc) !important; border: 1px solid #e1c27f !important; border-radius: 2px !important; box-shadow: 0 0 14px rgba(203, 160, 83, 0.2) !important; }
html[data-theme="alien"] :is(button:hover, input[type="submit"]:hover, input[type="button"]:hover, .button:hover, .btn:hover) { transform: translateY(-1px); filter: brightness(1.13); box-shadow: 0 0 22px rgba(183, 215, 195, 0.32) !important; }
html[data-theme="alien"] :is(.success, .message-success, .status-online) { color: #aee2ba !important; }
html[data-theme="alien"] :is(.error, .message-error, .status-error, .danger-zone) { color: #f1a587 !important; }
html[data-theme="alien"] .theme-picker { animation: alienPickerSignal 4.5s steps(5) infinite; }
html[data-theme="alien"] .dev-banner { color: #f5db9b !important; background: rgba(73, 58, 31, 0.94) !important; border-color: #c89c54 !important; }

@keyframes alienTerminalDrift {
    from { background-position: 0 0, 100% 100%, 0 0, 0 0, 0 0; }
    to { background-position: 4% 3%, 95% 96%, 46px 46px, -46px 46px, 0 0; }
}

@keyframes alienDiagnosticSweep {
    0%, 100% { background-position: 0 0, -40% 0, 140% 0; opacity: 0.55; }
    50% { background-position: 0 6px, 125% 0, -40% 0; opacity: 0.9; }
}

@keyframes alienSystemPulse {
    0%, 100% { opacity: 0.14; transform: translateX(-1%); }
    50% { opacity: 0.35; transform: translateX(1%); }
}

@keyframes alienPanelSignal {
    0%, 100% { border-color: #586961; }
    48% { border-color: #7c907f; }
    52% { border-color: #c19350; }
}

@keyframes alienPickerSignal {
    0%, 100% { box-shadow: 0 8px 24px rgba(0, 0, 0, 0.42), 0 0 10px rgba(177, 142, 76, 0.18); }
    50% { box-shadow: 0 8px 24px rgba(0, 0, 0, 0.42), 0 0 22px rgba(159, 204, 188, 0.36); }
}

@media (max-width: 600px) {
    html[data-theme="glass"] .download-area { padding: 22px 18px !important; }
    .theme-picker { bottom: 10px; left: 10px; }
}

@media (prefers-reduced-motion: reduce) {
    html[data-theme] body,
    html[data-theme] body::before,
    html[data-theme] body::after,
    html[data-theme] .theme-picker,
    html:not([data-theme]) body,
    html:not([data-theme]) body::before {
        animation: none !important;
    }
}