/* JoWish Knowledge J CI. Brand swatches stay fixed; semantic colors adapt to theme. */
:root{color-scheme:light;--jowish-indigo:#4938e8;--jowish-pink:#eea6cd;--jowish-orange:#f47736;--jowish-porcelain:#f8f9fb;--jowish-graphite:#191826;--font-ui:-apple-system,BlinkMacSystemFont,"Segoe UI","IBM Plex Sans Thai",sans-serif;--bg:var(--jowish-porcelain);--surface:#fff;--ink:var(--jowish-graphite);--text:var(--ink);--secondary:#64646d;--muted:#6d6d77;--line:#e6e6eb;--field-line:#a2a0b0;--accent:var(--jowish-indigo);--accent-hover:#3826cb;--accent-soft:#efedff;--on-accent:#fff;--glass:rgba(255,255,255,.84);--green:#237a43;--green-bg:#edf7ef;--amber:#96601d;--amber-bg:#fff5e3;--red:#bd3038;--red-bg:#fff0f1;--focus:var(--jowish-orange);--backdrop:#19182670;--radius:22px;--control-radius:12px;--button-radius:999px;--shadow:0 8px 30px #19182608;--shadow-dialog:0 20px 90px #19182633;--accent-glow:#4938e810;font-family:var(--font-ui);background:var(--bg);color:var(--ink)}
:root[data-theme=dark]{color-scheme:dark;--bg:#111019;--surface:#1c1c1f;--ink:#f5f5f7;--secondary:#acacb4;--muted:#a3a3ae;--line:#34343a;--field-line:#777382;--accent:#aba2ff;--accent-hover:#c3bcff;--accent-soft:#292344;--on-accent:#191826;--glass:rgba(22,22,25,.88);--green:#82d49b;--green-bg:#193425;--amber:#e6b76d;--amber-bg:#382c1b;--red:#ff9298;--red-bg:#3c2024;--backdrop:#090812aa;--shadow:0 8px 30px #0003;--shadow-dialog:0 20px 90px #0008;--accent-glow:#aba2ff18}
body{background:var(--bg);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased}
button,input,select,textarea{font-family:var(--font-ui);accent-color:var(--accent)}
button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}
:where(button,a,input,select,textarea,summary):focus-visible{outline:3px solid var(--focus);outline-offset:3px}
::selection{background:var(--accent-soft);color:var(--ink)}
.jowish-simple-header{max-width:900px;display:flex;justify-content:space-between;align-items:center;gap:20px;margin:auto;padding:24px 24px 0;font-size:15px}
.jowish-simple-header .brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;color:var(--ink);text-decoration:none}
.jowish-simple-header .brand img{width:34px;height:34px}.jowish-simple-header nav{display:flex;gap:18px;flex-wrap:wrap}
.login-shell{max-width:540px;margin:8vh auto;padding:36px;border:1px solid var(--line);border-radius:28px;background:var(--surface);display:grid;gap:20px}
@media(max-width:600px){.jowish-simple-header{padding:20px 20px 0;gap:12px;flex-wrap:wrap}.login-shell{margin:24px 16px;padding:24px;max-width:calc(100% - 32px)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}}