/* donatfun visual system: soft gaming color, readable surfaces, calm movement. */
:root,html[data-theme="dark"]{--bg:#171020;--surface:#241a30;--surface2:#2c2038;--surface3:#352642;--border:#4b365c;--border2:#674b7b;--text:#fff3ff;--muted:#c6afd2;--muted2:#ad94bc;--green:#e9a3d8;--yellow:#f3d496;--red:#ff9cbb;--accent:#cf76c4;--accent-strong:#f0b3e5;--df-panel:#241a30;--df-soft:#30223f;--df-shadow:0 24px 75px rgba(8,2,15,.3)}

html[data-theme] body{background:radial-gradient(ellipse at 12% 0%,rgba(214,139,222,.17),transparent 50%),radial-gradient(ellipse at 95% 80%,rgba(244,146,183,.15),transparent 50%),var(--bg)!important;color:var(--text);font-family:Arial,Helvetica,sans-serif;animation:none}
.ambient-bg{display:none!important}
html[data-theme] .card,html[data-theme] .panel,html[data-theme] .support-box,html[data-theme] .customer-nav,html[data-theme] .admin-nav{background:var(--df-panel)!important;border-color:var(--border)!important;box-shadow:var(--df-shadow)}
html[data-theme] .card{border-radius:28px!important}
.center-shell{padding:58px 20px 36px;gap:18px}
html[data-theme] .customer-card{padding:34px 38px!important;max-width:680px}
html[data-theme] .customer-nav{border-radius:20px;max-width:680px;padding:7px;box-shadow:none}
html[data-theme] .customer-nav a,html[data-theme] .admin-nav a{border-radius:13px;color:var(--muted)!important;font-weight:600}
html[data-theme] .customer-nav a.active,html[data-theme] .admin-nav a.active{background:var(--df-soft)!important;color:var(--accent-strong)!important;border-color:var(--border2)!important}
html[data-theme] h1,html[data-theme] h2,html[data-theme] h3,html[data-theme] strong,html[data-theme] .support-title,html[data-theme] .brand-name{color:var(--text)!important}
html[data-theme] .muted,html[data-theme] .support-text,html[data-theme] .support-simple-row p,html[data-theme] .privacy-content p,html[data-theme] .privacy-content li{color:var(--muted)!important}
h1{letter-spacing:-1.2px;font-size:34px;line-height:1.15}
.brand{gap:14px!important;margin-bottom:26px!important}
html[data-theme] .brand-logo{width:82px!important;height:82px!important;object-fit:contain;border-radius:24px;background:linear-gradient(145deg,#fce3ef,#e6d8fc);padding:3px;border:1px solid var(--border)}
html[data-theme] .brand-name{font-size:29px!important;font-weight:800;letter-spacing:-1px}
.brand-subtitle{font-size:12px;line-height:1.5;color:var(--muted);letter-spacing:.2px;margin-top:4px}
html[data-theme] .eyebrow{color:var(--accent-strong)!important;letter-spacing:1.4px;font-size:11px;font-weight:700}
html[data-theme] .primary-button{background:linear-gradient(120deg,#bf519f,#8556b6)!important;color:#fff!important;border:0!important;border-radius:14px!important;box-shadow:0 8px 18px rgba(160,63,140,.17);font-weight:700;min-height:48px}
html[data-theme] .primary-button:hover{filter:brightness(1.08);transform:translateY(-1px)}
html[data-theme] .contact-button,html[data-theme] .ghost-button{background:var(--df-soft)!important;color:var(--accent-strong)!important;border:1px solid var(--border)!important;border-radius:12px}
html[data-theme] input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),html[data-theme] textarea,html[data-theme] select{background:var(--df-soft)!important;color:var(--text)!important;border:1px solid var(--border2)!important;border-radius:12px;box-shadow:none!important}
html[data-theme] input::placeholder,html[data-theme] textarea::placeholder{color:var(--muted2)!important}
html[data-theme] input:focus,html[data-theme] textarea:focus,html[data-theme] select:focus{outline:3px solid rgba(192,98,181,.17)!important;border-color:var(--accent)!important}
html[data-theme] .support-box{border-radius:22px;max-width:680px}
html[data-theme] .support-simple-row,html[data-theme] .support-hours,html[data-theme] .support-market-note{background:var(--df-soft)!important;border-color:var(--border)!important;color:var(--text)!important;border-radius:16px}
html[data-theme] .legal-footer{color:var(--muted)}

html[data-theme] .admin-shell{max-width:1480px;padding:32px 26px}
html[data-theme] .admin-header{margin-bottom:22px}
html[data-theme] .panel{border-radius:20px;padding:24px}
html[data-theme] table,html[data-theme] th,html[data-theme] td{border-color:var(--border)!important}
html[data-theme] th{background:var(--df-soft)!important;color:var(--muted)!important}
.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.editor-grid label{display:flex;flex-direction:column;gap:9px;font-size:13px;font-weight:600}.editor-wide{grid-column:1/-1}.editor-heading{display:flex;align-items:center;justify-content:space-between}.editor-mascot{height:88px;width:88px;object-fit:contain}.copy-list{margin-top:20px;display:grid;gap:14px}.copy-entry{display:flex;flex-direction:column;gap:9px;border:1px solid var(--border);border-radius:14px;padding:16px;background:var(--df-soft)}.copy-entry[hidden]{display:none}.copy-location{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--accent-strong)}.copy-original{font-size:12px;line-height:1.55;color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere}.copy-entry textarea{width:100%;resize:vertical;min-height:58px}.editor-save{position:sticky;bottom:12px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 22px;border:1px solid var(--border);border-radius:18px;background:var(--df-panel);box-shadow:var(--df-shadow);z-index:10}.copy-editor>.panel{margin:0}.copy-editor{gap:20px!important}
@media(max-width:640px){.center-shell{padding:64px 12px 24px}html[data-theme] .customer-card{padding:25px 22px!important}h1{font-size:28px}.brand-subtitle{font-size:11px}.editor-grid{grid-template-columns:1fr}.editor-wide{grid-column:auto}html[data-theme] .admin-shell{padding:24px 12px}.editor-save{align-items:stretch;flex-direction:column}.editor-save .muted{display:none}.brand-logo{width:68px!important;height:68px!important}.copy-entry{padding:12px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.editable-prose{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text);font-size:15px;line-height:1.8}.support-intro{margin:20px 0}
