/* ANIME NOTE fan skin prototype */
:root{--skin-accent:#7c3aed;--skin-accent2:#ef4444;--skin-hero:url('/themes/jujutsu.png');--skin-overlay:linear-gradient(180deg,rgba(6,8,18,.08),rgba(6,8,18,.78));}
body[data-theme="jujutsu"]{--skin-accent:#8b5cf6;--skin-accent2:#ef4444;--skin-hero:url('/themes/jujutsu.png');--blue:#8b5cf6;--blue-ink:#7c3aed;--blue-light:#f0eaff}
body[data-theme="vongola"]{--skin-accent:#ff7a00;--skin-accent2:#ffb300;--skin-hero:url('/themes/reborn.png');--blue:#f97316;--blue-ink:#ea580c;--blue-light:#fff0e6}
body[data-theme="varia"]{--skin-accent:#e11d48;--skin-accent2:#7f1d1d;--skin-hero:url('/themes/reborn.png');--blue:#e11d48;--blue-ink:#be123c;--blue-light:#ffe4ea}
body[data-theme="raimon"]{--skin-accent:#facc15;--skin-accent2:#0ea5e9;--skin-hero:url('/themes/inazuma.png');--blue:#0ea5e9;--blue-ink:#0284c7;--blue-light:#e0f2fe}
body[data-theme]{background:linear-gradient(180deg,color-mix(in srgb,var(--skin-accent) 7%,#fff),#f8fafc 420px) fixed}
body[data-theme] .sidebar{border-right-color:color-mix(in srgb,var(--skin-accent) 22%,#e8ebf1)}
body[data-theme] .logo-note, body[data-theme] .side-nav a.active{color:var(--skin-accent)}
body[data-theme] .side-nav a.active{background:color-mix(in srgb,var(--skin-accent) 10%,#fff)}
body[data-theme] .button:not(.secondary):not(.danger){background:var(--skin-accent)}
body[data-theme] .button:not(.secondary):not(.danger):hover{background:color-mix(in srgb,var(--skin-accent) 82%,#000)}
body[data-theme] .status-tabs button.selected{color:var(--skin-accent)!important;border-color:var(--skin-accent)!important}
body[data-theme="varia"] .theme-hero__image{filter:saturate(.55) contrast(1.25) brightness(.5) hue-rotate(320deg)}
body[data-theme="vongola"] .theme-hero__image{filter:saturate(1.25) contrast(1.08) brightness(.78)}
body[data-theme="raimon"] .theme-hero__image{filter:saturate(1.1) contrast(1.03) brightness(.82)}
body[data-theme="jujutsu"] .theme-hero__image{filter:saturate(.95) contrast(1.08) brightness(.72)}
.theme-hero{position:relative;overflow:hidden;border-radius:24px;min-height:210px;margin:0 0 28px;color:#fff;background:#0b1020;box-shadow:0 18px 48px rgba(15,23,42,.18)}
.theme-hero__image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 34%;transform:scale(1.01)}
.theme-hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,7,16,.9) 0%,rgba(4,7,16,.55) 45%,rgba(4,7,16,.12) 78%),linear-gradient(0deg,rgba(4,7,16,.76),transparent 62%)}
.theme-hero__content{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;min-height:210px;padding:28px 30px}
.theme-kicker{font-size:11px;letter-spacing:.2em;font-weight:800;opacity:.82;margin-bottom:8px}.theme-title{font-size:30px;font-weight:900;line-height:1.18;text-shadow:0 2px 16px rgba(0,0,0,.35)}.theme-sub{margin-top:8px;font-size:13px;opacity:.88}.theme-chip{margin-top:18px;display:inline-flex;align-items:center;gap:8px;width:max-content;max-width:100%;padding:9px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:rgba(5,8,18,.45);backdrop-filter:blur(12px);font-size:12px;font-weight:750}.theme-chip i{width:8px;height:8px;border-radius:50%;background:var(--skin-accent);box-shadow:0 0 16px var(--skin-accent)}
.theme-toggle{position:fixed;z-index:90;right:max(16px,env(safe-area-inset-right));bottom:calc(88px + env(safe-area-inset-bottom));display:flex;align-items:center;gap:8px;padding:11px 14px;border-radius:999px;background:rgba(15,23,42,.9);color:#fff;border:1px solid rgba(255,255,255,.16);box-shadow:0 12px 30px rgba(0,0,0,.24);font-weight:800;font-size:12px;backdrop-filter:blur(16px)}
.theme-toggle__dot{width:10px;height:10px;border-radius:50%;background:var(--skin-accent);box-shadow:0 0 14px var(--skin-accent)}
.theme-picker{position:fixed;z-index:100;right:16px;bottom:calc(140px + env(safe-area-inset-bottom));width:min(330px,calc(100vw - 32px));padding:14px;border-radius:20px;background:rgba(11,15,25,.96);color:#fff;border:1px solid rgba(255,255,255,.14);box-shadow:0 24px 60px rgba(0,0,0,.34);backdrop-filter:blur(18px);display:none}.theme-picker.open{display:block}.theme-picker h3{font-size:14px;margin:2px 4px 10px}.theme-picker button{width:100%;display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;text-align:left;padding:9px;border-radius:14px}.theme-picker button:hover,.theme-picker button.active{background:rgba(255,255,255,.08)}.theme-picker img{width:52px;height:52px;border-radius:11px;object-fit:cover}.theme-picker b{font-size:13px;display:block}.theme-picker small{font-size:11px;opacity:.65}.theme-picker .check{opacity:0;font-weight:900}.theme-picker button.active .check{opacity:1;color:var(--skin-accent)}
@media(max-width:760px){.theme-hero{border-radius:18px;min-height:190px;margin:0 0 20px}.theme-hero__content{min-height:190px;padding:22px 20px}.theme-title{font-size:24px}.theme-toggle{bottom:calc(82px + env(safe-area-inset-bottom));right:12px}.theme-picker{right:12px;bottom:calc(132px + env(safe-area-inset-bottom));width:calc(100vw - 24px)}}