:root{--bg:#1a0810;--surface:#240e18;--surface-el:#2e1422;--surface-hov:#3a1c2c;--border:#48273a;--border-bright:#5a324a;--ember:#ff5c1a;--ember-dim:#c43d08;--ember-glow:#ff5c1a26;--gold:#fa3;--gold-glow:#ffaa331f;--gold-ink:#2a0f1a;--premium:#a67c52;--text-pri:#ede8e0;--text-sec:#a89ea3;--text-mut:#6e5e68;--success:#4caf50;--success-soft:#4caf5014;--red:#d62c2c;--red-soft:#d62c2c1a;--scroll-track:#160710;--scroll-thumb:#3a1c2c;--banner-text-shadow:0 2px 12px #000c;--bubble-user-bg:#2a1320;--bubble-user-border:#3a1f30;--bubble-user-text:#ede8e0;--bubble-user-action:#a89ea3;--cta-generate-bg:linear-gradient(135deg, #0e0a1e, #1a0a2e);--cta-generate-border:#8250ff4d;--cta-generate-text:#ede8e0;--cta-generate-sub:#a89ea3;--font-sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}:root[data-theme=light]{--bg:#faf3ec;--surface:#f3e7da;--surface-el:#ebdac9;--surface-hov:#e0cab4;--border:#d4ba9e;--border-bright:#b89a78;--ember:#ff5c1a;--ember-dim:#c43d08;--ember-glow:#ff5c1a24;--gold:#d68a14;--gold-glow:#d68a1424;--gold-ink:#2a0f1a;--premium:#8a6440;--text-pri:#2a0f1a;--text-sec:#5e3a4d;--text-mut:#8a6e7c;--success:#2d7a3d;--success-soft:#2d7a3d1a;--red:#b81e1e;--red-soft:#b81e1e1a;--scroll-track:#ebdac9;--scroll-thumb:#b89a78;--banner-text-shadow:0 0 6px #faf3ecf2, 0 0 14px #faf3ecd9, 0 1px 2px #faf3ece6;--bubble-user-bg:#ffe1ca;--bubble-user-border:#f0c19a;--bubble-user-text:#2a0f1a;--bubble-user-action:#6e4a2f;--cta-generate-bg:linear-gradient(135deg, #ece2fb, #f4ecff);--cta-generate-border:#8250ff59;--cta-generate-text:#1d1340;--cta-generate-sub:#5a4a8a}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text-pri);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scroll-track)}::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--ember)}.hscroll{scrollbar-width:none;-ms-overflow-style:none;align-items:stretch;gap:12px;padding:4px 12px 12px 4px;display:flex;overflow:auto visible}.hscroll::-webkit-scrollbar{display:none}.companion-gallery-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}@media (min-width:700px){.companion-gallery-grid{grid-template-columns:repeat(3,1fr);gap:12px}}@media (min-width:960px){.companion-gallery-grid{grid-template-columns:repeat(4,1fr);gap:12px}}.card{cursor:pointer;flex-shrink:0;transition:transform .2s,box-shadow .2s,border-color .2s}.card:hover{z-index:2;position:relative;transform:scale(1.02);box-shadow:0 8px 32px #ff5c1a33;border-color:var(--ember)!important}input[type=datetime-local],input[type=date],input[type=time]{box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;display:block!important}