@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap";:root{--core-hue: 0;--core-sat: 0%;--border-light: rgba(255, 255, 255, .25);--border-heavy: rgba(255, 255, 255, .4);--scroll-bg: rgba(255, 255, 255, .1);--scroll-glow: rgba(255, 255, 255, .15);--transition-speed: .35s}:root,[data-theme]{transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease,border-color var(--transition-speed) ease,box-shadow var(--transition-speed) ease}[data-theme=arcane]{--core-hue: 256;--core-sat: 100%;--bg-main: hsl(var(--core-hue), 70%, 4%);--bg-panel: hsl(var(--core-hue), 60%, 8%);--text-primary: hsl(var(--core-hue), 100%, 90%);--text-secondary: hsla(var(--core-hue), 100%, 75%, .7);--accent: rgb(122, 75, 255);--accent-glow: rgba(122, 75, 255, .4);--text-accent: white;--bg-input: hsl(var(--core-hue), 60%, 12%)}[data-theme=dungeon]{--core-hue: 32;--core-sat: 85%;--bg-main: hsl(var(--core-hue), 60%, 3%);--bg-panel: hsl(var(--core-hue), 60%, 7%);--text-primary: hsl(var(--core-hue), 100%, 70%);--text-secondary: hsla(var(--core-hue), 100%, 70%, .7);--accent: rgb(232, 141, 38);--accent-glow: rgba(232, 141, 38, .4);--text-accent: black;--bg-input: hsl(var(--core-hue), 60%, 10%)}[data-theme=dark]{--core-hue: 217;--core-sat: 96%;--bg-main: hsl(var(--core-hue), var(--core-sat), 8%);--bg-panel: hsl(var(--core-hue), var(--core-sat), 12%);--text-primary: hsl(var(--core-hue), 90%, 75%);--text-secondary: hsla(var(--core-hue), 90%, 75%, .7);--accent: #add42b;--text-accent: black;--accent-glow: #add42b66;--bg-input: hsl(var(--core-hue), var(--core-sat), 16%)}[data-theme=forest]{--core-hue: 145;--core-sat: 80%;--bg-main: hsl(var(--core-hue), 60%, 2%);--bg-panel: hsl(var(--core-hue), 50%, 6%);--text-primary: hsl(var(--core-hue), 90%, 68%);--text-secondary: hsla(var(--core-hue), 90%, 68%, .6);--accent: #22c55e;--text-accent: white;--accent-glow: #22c55e66;--bg-input: hsl(var(--core-hue), 50%, 10%)}[data-theme=pink]{--core-hue: 330;--core-sat: 100%;--bg-main: hsl(var(--core-hue), 70%, 5%);--bg-panel: hsl(var(--core-hue), 60%, 10%);--text-primary: hsl(var(--core-hue), 100%, 75%);--text-secondary: hsla(var(--core-hue), 100%, 75%, .7);--accent: #ec4899;--text-accent: white;--accent-glow: #ec489966;--bg-input: hsl(var(--core-hue), 60%, 15%)}[data-theme=toxic]{--core-hue: 85;--core-sat: 100%;--bg-main: hsl(var(--core-hue), 60%, 3%);--bg-panel: hsl(var(--core-hue), 50%, 7%);--text-primary: hsl(var(--core-hue), 100%, 70%);--text-secondary: hsla(var(--core-hue), 100%, 70%, .7);--accent: #bef264;--text-accent: black;--accent-glow: #bef26466;--bg-input: hsl(var(--core-hue), 50%, 10%)}[data-theme=amber]{--core-hue: 45;--core-sat: 100%;--bg-main: hsl(var(--core-hue), 70%, 2%);--bg-panel: hsl(var(--core-hue), 60%, 6%);--text-primary: hsl(var(--core-hue), 100%, 72%);--text-secondary: hsla(var(--core-hue), 100%, 72%, .7);--accent: #eab308;--text-accent: black;--accent-glow: #eab30866;--bg-input: hsl(var(--core-hue), 60%, 10%)}[data-theme=sky]{--core-hue: 195;--core-sat: 100%;--bg-main: hsl(var(--core-hue), 60%, 4%);--bg-panel: hsl(var(--core-hue), 50%, 8%);--text-primary: hsl(var(--core-hue), 100%, 75%);--text-secondary: hsla(var(--core-hue), 100%, 75%, .7);--accent: #0ea5e9;--text-accent: white;--accent-glow: #0ea5e966;--bg-input: hsl(var(--core-hue), 50%, 12%)}[data-theme=light]{--bg-main: #f8fafc;--bg-panel: #ffffff;--bg-input: #f1f5f9;--text-primary: #0f172a;--text-secondary: #64748b;--accent: #3b82f6;--text-accent: white;--accent-glow: #3b82f666}[data-theme=vampire]{--core-hue: 0;--core-sat: 100%;--bg-main: hsl(var(--core-hue), 80%, 4%);--bg-panel: hsl(var(--core-hue), 70%, 8%);--bg-input: hsl(var(--core-hue), 70%, 12%);--text-primary: hsl(var(--core-hue), 90%, 75%);--text-secondary: hsla(var(--core-hue), 90%, 75%, .7);--accent: #dc2626;--accent-glow: #dc262666;--text-accent: white}:root{--header-height: clamp(25px, 6vh, 60px);--drawer-width: 80vw;--main-font: "Open Sans", system-ui, sans-serif;--button-radius: 6px;--font-size-header: 1.5rem;--font-size-large: 1.25rem;--font-size-medium: 1rem;--font-size-small: .9rem;--font-size-footer: .8rem}body{margin:0;background:var(--bg-main);color:var(--text-primary);font-family:var(--main-font);font-size:var(--font-size-medium);line-height:1.65;transition:background var(--transition-speed) ease,color var(--transition-speed) ease}button{padding:.5rem;border-radius:var(--button-radius);border:1px solid var(--border-light);background:var(--accent);color:var(--text-accent);font-weight:600;cursor:pointer;transition:background var(--transition-speed),border-color var(--transition-speed)}button:hover{background:var(--accent-glow)}textarea,input{box-sizing:border-box;resize:none;overflow-y:hidden;line-height:1.4;border:1px solid var(--accent);border-radius:var(--button-radius);outline:none;box-shadow:0 0 6px var(--accent-glow);padding:.1rem .5rem;background:var(--bg-input);color:var(--text-primary);font-size:var(--font-size-small);transition:background var(--transition-speed),color var(--transition-speed),border-color var(--transition-speed),box-shadow var(--transition-speed)}textarea::selection,input::selection{background:var(--accent);color:var(--text-primary)}label{color:var(--text-primary);font-weight:300}select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background:var(--accent);color:#000;border:1px solid var(--border-light);padding:.5rem 1rem;border-radius:var(--button-radius);font-size:var(--font-size-footer);cursor:pointer;transition:background var(--transition-speed),border-color var(--transition-speed),color var(--transition-speed);min-width:120px}