:root{--bg: #111;--text: #f5f5f5;--accent: #ff5c1a;--accent-hover: #ff763f;--focus-outline: #ff5c1a;--link-underline-offset: 2px;--font-base-size: 16px;--font-scale: 1.125}@media(prefers-color-scheme: light){:root{--bg: #ffffff;--text: #111111;--accent: #d04000;--accent-hover: #e3511a;--focus-outline: #d04000}}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,sans-serif;font-size:var(--font-base-size);line-height:1.6;background-color:var(--bg);color:var(--text);display:flex;flex-direction:column;min-height:100vh;padding:2rem;transition:background-color .3s,color .3s}:focus-visible{outline:3px solid var(--focus-outline);outline-offset:3px;transition:outline .2s}h1,h2,h3{line-height:1.3;color:var(--text);font-weight:700}h2{font-size:calc(var(--font-base-size)*var(--font-scale)*1.2);margin-bottom:.5rem}p{max-width:65ch;margin-bottom:1rem;line-height:1.6;font-size:1rem}p:last-child{margin-bottom:0rem}header{margin-bottom:2rem}header .logo svg{width:200px;height:auto;fill:var(--accent);transition:fill .3s}main.grid{display:grid;grid-template-columns:1fr;gap:2rem;max-width:700px;width:100%;margin-top:2rem}section{padding:1rem;border-radius:8px;background-color:rgba(255,255,255,.05);backdrop-filter:blur(2px)}@media(prefers-color-scheme: light){section{padding:0}}section p,section h2{line-height:1.6}section h2{font-size:1.25rem;color:var(--text);margin-bottom:.5rem}section a{color:var(--accent);text-decoration:underline;text-underline-offset:var(--link-underline-offset);transition:color .2s}section a:hover,section a:focus{color:var(--accent-hover)}.note p{color:var(--accent);font-weight:bold;font-size:1.1rem}.visually-hidden{position:absolute !important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.drunk-button{position:fixed;bottom:1rem;right:1rem;color:var(--accent);background:none;border:none;padding:.5rem 1rem;border-radius:4px;cursor:pointer;font-size:1rem;transition:background-color .3s}.drunk-button:after{content:" on"}.drunk-button:hover,.drunk-button:focus{color:var(--accent-hover);outline:none}.drunk-mode{animation:backgroundPulse 5s infinite alternate ease-in-out}.drunk-mode main,.drunk-mode header,.drunk-mode footer{animation:drunkWobble 3s infinite alternate ease-in-out;filter:blur(1px) saturate(1.4)}.drunk-mode .drunk-button:after{content:" off"}.drunk-mode p,.drunk-mode h1,.drunk-mode h2,.drunk-mode h3,.drunk-mode a{transform:rotate(-1deg);color:#f08;text-shadow:2px 2px 0 lime,-2px -2px 0 blue;animation:drunkText 2s infinite alternate ease-in-out}@keyframes drunkWobble{0%{transform:rotate(-1deg) translateX(-2px)}100%{transform:rotate(2deg) translateX(2px)}}@keyframes drunkText{0%{transform:rotate(-2deg) scale(1)}100%{transform:rotate(2deg) scale(1.05)}}@keyframes backgroundPulse{0%{background-color:var(--bg)}100%{background-color:#400}}@media(forced-colors: active){:root{--bg: Canvas;--text: CanvasText;--accent: LinkText;--accent-hover: Highlight;--focus-outline: Highlight}body{background-color:var(--bg);color:var(--text)}a{color:var(--accent)}:focus-visible{outline-color:var(--focus-outline)}}/*# sourceMappingURL=style.css.map */