:root{--background:#FFFFFF;--foreground:#111111;--cta:#FF6D00;--neutral-light:#F0F0F0;--neutral-dark:#D9D9D9;--border:#CCCCCC;--electric-teal-start:#00FFFF;--electric-teal-end:#00D4D4;--font-body:var(--font-roboto);--font-heading:var(--font-roboto);--font-mono:var(--font-source-code);--button-font-size:1rem;--button-font-weight:500}body,html{max-width:100vw;overflow-x:hidden;overflow-y:auto}body{color:var(--foreground);background:var(--background);font-family:var(--font-body),sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1.125rem;line-height:1.6}.no-scroll{overflow:hidden;position:fixed;width:100%}*{box-sizing:border-box;padding:0;margin:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading)}code,pre{font-family:var(--font-mono)}a{color:inherit}button{background:var(--electric-teal-start);color:#000;border:none;border-radius:8px;padding:.5rem 1rem;cursor:pointer;font-family:var(--font-heading);font-size:var(--button-font-size);font-weight:var(--button-font-weight);transition:transform .2s ease,outline-color .2s ease}button:not(:disabled):hover{outline:2px solid var(--cta)}button:active{transform:scale(.98)}.primary:disabled,button:disabled{opacity:.5}input{background:rgba(0,0,0,0);border:none;border-bottom:1px solid var(--border);padding:.5rem 0;color:var(--foreground);width:100%;font-family:var(--font-body);font-size:1rem}input::placeholder{color:#5a5a5a}input:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-color:var(--electric-teal-start)}.dark input{border-image:none;border-bottom:1px solid var(--border)}input:valid{border-bottom-width:2px;border-bottom-style:solid;border-image-slice:1;border-image-source:linear-gradient(to right,var(--electric-teal-start),var(--electric-teal-end))}select,textarea{font-family:var(--font-body);font-size:1rem}input[type=radio]{accent-color:var(--electric-teal-start)}input[type=radio]+label,input[type=radio]:checked+label{color:var(--light-foreground)}html.dark input[type=radio]+label,html.dark input[type=radio]:checked+label{color:var(--foreground)}p{max-width:75ch}table{width:100%;border-collapse:collapse}td,th{padding:.5rem;border-bottom:1px solid var(--border)}th{text-align:left;background:var(--neutral-dark)}html.dark th{background:var(--surface)}html{color-scheme:light}html.dark{color-scheme:dark}#bg{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}:root{--background:#F9FAFB;--surface:#FFFFFF;--foreground:#1F2937;--light-foreground:#1F2937;--accent:var(--electric-teal-start);--cta:#F59E0B;--border:#E5E7EB}.dark{--background:#111827;--surface:#1F2937;--foreground:#F9FAFB;--accent:var(--electric-teal-start);--cta:#F59E0B;--border:#374151}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.theme-toggle{position:fixed;bottom:1rem;right:1rem;width:2.5rem;height:2.5rem;padding:.25rem;border-radius:50%;background:var(--cta);color:var(--foreground);border:none;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .3s ease;z-index:999}.theme-toggle.spin{animation:spin .6s ease-in-out}html.dark .theme-toggle{color:var(--light-foreground)}html.dark .theme-toggle:hover{transform:scale(1.1)}@keyframes navigation-menu{0%{transform:translateY(-100%)}to{transform:translateY(0)}}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--neutral-light) 25%,var(--neutral-dark) 50%,var(--neutral-light) 75%) no-repeat;background-size:200% 100%;animation:shimmer 1.5s infinite}@keyframes slide-in-up{0%{transform:translateY(100vh)}to{transform:translateY(0)}}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.primary,button{transition:transform .2s ease}.primary:not(:disabled):hover,button:not(:disabled):hover{transform:scale(1.05)}