/*!
* shade.css - A minimal, classless CSS framework
* (c) 2025 2CBS
* License: BSD Zero Clause License
* https://github.com/2CBS/shade.css
*/

*{margin:0;padding:0;box-sizing:border-box}::-webkit-scrollbar{scrollbar-width:thin;scroll-behavior:smooth;width:6px}::-webkit-scrollbar-thumb{border-radius:1rem;background:var(--accent-1)}:root{--background-1:#0a0a12;--background-2:#12121c;--background-3:#1a1a26;--background-4:#222232;--accent-1:#6c5ce7;--accent-2:#a29bfe;--accent-3:#00cec9;--text:#e2e2f0;--text-secondary:#a0a0c0;--radius:12px;--gap:16px;--shadow-sm:0 2px 6px rgba(0, 0, 0, 0.3);--shadow-md:0 8px 24px rgba(0, 0, 0, 0.4);--shadow-lg:0 12px 30px rgba(0, 0, 0, 0.5);--ease:all 0.3s ease}body,html{height:100%;font:1rem/1.6 'Segoe UI',system-ui,sans-serif;scroll-behavior:smooth}body{background:var(--background-1);color:var(--text);padding:0 20px;max-width:1000px;margin:0 auto;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin:2rem 0 1rem;color:var(--text)}h1{font-size:3rem;border-bottom:2px solid var(--accent-1);padding-bottom:.5rem;margin-top:3rem}h2{font-size:2.25rem;border-left:4px solid var(--accent-1);padding-left:1rem;margin-top:2.5rem}h3{font-size:1.75rem;color:var(--accent-2);margin-top:2rem}h4{font-size:1.5rem}h5{font-size:1.25rem}h6{font-size:1rem}li,p{color:var(--text-secondary);margin:.5rem 0}a{color:var(--accent-2);text-decoration:none;transition:var(--ease)}a:hover{color:var(--accent-1);text-decoration:underline}ol,ul{margin:1rem 0;padding-left:1rem}li{margin:.5rem 0}article,blockquote,details,figure,form,nav,pre,section,table{background:var(--background-2);border-radius:var(--radius);margin:1.5rem 0;border:1px solid var(--background-4);box-shadow:var(--shadow-md)}blockquote{border-left:4px solid var(--accent-1);padding:1.5rem;border-radius:0 var(--radius) var(--radius) 0}blockquote p{margin:0;color:var(--text);font-style:italic}hr{border:none;height:1px;background:var(--background-4);margin:2rem 0}code{background:var(--background-3);padding:.2rem .4rem;border-radius:4px;font-family:monospace;color:var(--accent-2)}pre{padding:1rem;overflow-x:auto}pre code{background:0 0;padding:0;color:var(--text)}table{border-collapse:collapse;width:100%}td,th{padding:1rem;text-align:left;border-bottom:1px solid var(--background-4)}th{background:var(--background-3);color:var(--accent-2);font-weight:600}tr:last-child td{border-bottom:none}img{max-width:100%;height:auto;border-radius:var(--radius);margin:1rem 0}form{padding:2rem}dl{margin:1.5rem 0;padding:1rem;background:var(--background-2);border:1px solid var(--background-4);border-radius:var(--radius);box-shadow:var(--shadow-sm)}dt{font-weight:600;color:var(--text);margin-top:1rem;font-size:1.1rem;border-left:3px solid var(--accent-2);padding-left:.5rem}dd{margin:.5rem 0 1rem 1rem;color:var(--text-secondary)}form button{display:block;width:100%;margin:1rem 0 0 0}input,select,textarea{width:100%;padding:.8rem;background:var(--background-3);border:1px solid var(--background-4);border-radius:var(--radius);color:var(--text);font:inherit;font-size:1rem;margin:0 0 1rem 0}input:focus,select:focus,textarea:focus{border-color:var(--accent-1);outline:0;box-shadow:0 0 0 3px rgba(108,92,231,.3)}button,input[type=reset],input[type=submit]{display:inline-block;padding:.75rem 1.5rem;background:var(--accent-1);color:#fff;border:none;border-radius:var(--radius);font-weight:600;cursor:pointer;transition:var(--ease);margin:1rem .5rem 1rem 0}button:hover,input[type=reset]:hover,input[type=submit]:hover{background:var(--accent-2);transform:translateY(-2px);box-shadow:var(--shadow-sm)}fieldset{background:var(--background-2);border:1px solid var(--background-4);border-radius:var(--radius);padding:1.5rem;margin:1.5rem 0}legend{padding:0 1rem;color:var(--accent-2);font-weight:600;font-size:1.1rem}input[type=checkbox],input[type=radio]{width:auto;margin-left:1rem}nav{padding-left:1rem}nav ul{list-style:none;display:flex;gap:2rem;justify-content:center}nav li{margin:0}nav a{color:var(--text-secondary)}nav a:hover{color:var(--accent-2);text-decoration:none}article,section{padding:1.5rem;transition:var(--ease)}article:hover,section:hover{transform:translateY(-5px);border-color:var(--accent-1);box-shadow:var(--shadow-lg)}footer{background:var(--background-2);border-radius:var(--radius);border:1px solid var(--background-4);box-shadow:var(--shadow-md);display:flex;justify-content:center;align-items:center;min-height:3rem;font-size:.9rem}footer p{margin:0}details{padding:1rem}summary{cursor:pointer;font-weight:600;color:var(--accent-2);padding:.5rem}details[open] summary{margin-bottom:1rem;border-bottom:1px solid var(--background-4)}figure{margin:1.5rem 0;text-align:center}figcaption{color:var(--text-secondary);font-style:italic;margin-top:.5rem}meter,progress{width:100%;height:1rem;border-radius:var(--radius);background:var(--background-3);border:1px solid var(--background-4)}meter::-webkit-meter-bar,progress::-webkit-progress-bar{background:var(--background-3);border-radius:var(--radius)}progress::-webkit-progress-value{background:var(--accent-1);border-radius:var(--radius)}dialog{background:var(--background-2);color:var(--text);border:1px solid var(--background-4);border-radius:var(--radius);padding:2rem;box-shadow:var(--shadow-lg)}dialog::backdrop{background:rgba(0,0,0,.7)}@media (max-width:768px){body{padding:0 15px}h1{font-size:2.25rem}h2{font-size:1.75rem}nav ul{flex-direction:column;gap:1rem}button,input[type=reset],input[type=submit]{width:100%;margin:.5rem 0}fieldset,form{display:block}label{display:block;margin:.5rem 0}input[type=checkbox],input[type=radio]{display:inline-block;margin-right:.5rem}.checkbox-group,.radio-group{display:block}.checkbox-group label,.radio-group label{display:flex;align-items:center;gap:.5rem;margin:.5rem 0}table{border-collapse:collapse;width:100%;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap}}