:root{--color-black:rgb(0, 0, 0);--color-white:rgb(255, 255, 255);--color-beige:rgba(245, 245, 220);--color-gray-L700:#33373B;--color-gray-L200:#F2F5F8;--color-gray-D200:#A3A8AC;--color-yellow-Y500:#FFB916;--color-yellow-Y400:#FFCF50;--color-red-R600:#DB4648;--color-purple:#7c5cbf;--body-border:.6em;--body-padding:3vw;--background:var(--color-beige);--background-alt:var(--color-beige);--text-color:var(--color-gray-L700);--border-color:var(--color-black);--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--font-mono:'Courier New','Lucida Console',monospace}*,::after,::before{box-sizing:border-box}::selection{background-color:var(--color-red-R600);color:var(--color-gray-L200)}html{height:100%;padding:0;background-color:beige}header{background-color:var(--background);padding:20px;text-align:center;border-bottom:6px solid var(--color-black)}body{min-height:100vh;margin:0;padding:2.5vw 2.5vw 2.5vw;display:flex;flex-direction:column;gap:1vw;background-color:beige;background-image:url('/images/background.jpg');background-repeat:no-repeat;background-position:center bottom;background-size:100% auto;border-radius:0;font-size:112.5%;font-family:"Inter UI",Helvetica,Arial,sans-serif;line-height:1.4;color:var(--text-color)}header{position:relative;display:flex;justify-content:center;align-items:center;gap:20px;padding:10px;flex-direction:row}.dark-mode-toggle{position:absolute;right:20px;top:50%;transform:translateY(-50%);background:0 0;cursor:pointer;padding:4px 10px;font-size:18px;line-height:1.4;border:0}.dark-mode-toggle:hover{background:rgba(0,0,0,.08)}.home-logo{position:absolute;left:20px;top:50%;transform:translateY(-50%);display:flex;align-items:center;text-decoration:none;line-height:0}.home-logo img{height:30px;width:auto}.home-logo .logo-dark{display:none}header a{text-decoration:none;font-size:18px;color:var(--color-black)}header h1{margin:0;font-size:24px;text-transform:lowercase}header p{font-style:italic;color:gray;margin:5px 0}main{display:flex;flex-direction:column;gap:3vw;flex:1;padding-bottom:24px;border-bottom:6px solid var(--border-color);overflow-y:visible;height:100vh;min-height:0}@media screen and (min-width:800px){main{flex-direction:row;overflow-y:hidden;height:auto}}.page-title{font-size:2em;margin:0;padding:0 0 12px 0;color:#333;text-align:center}.about{padding:1rem var(--body-padding) 0;flex:1 0 1;overflow:hidden;min-height:0;display:flex;flex-direction:column}@media screen and (min-width:800px){.about{padding:1rem 0 0;flex:1;overflow:hidden;min-height:0;display:flex;flex-direction:column}}.about,.links{border-top:6px solid var(--border-color)}.nav-link{text-decoration:none;font-size:24px;color:var(--color-black)}.nav-active{font-weight:700;text-decoration:underline;text-underline-offset:4px}.about img{width:100%;height:auto;max-height:25vh;object-fit:contain;flex-shrink:0}.about iframe{width:100%;height:auto;max-height:30vh;aspect-ratio:16/9;display:block;border:none;padding:0;flex-shrink:0}.about>*{margin:0 0 1rem;font-size:clamp(1rem, 1.5vw, 1.4rem)}.about h3{text-align:justify;flex:1;overflow:hidden}.about h1{font-size:clamp(1.5rem, 2.5vw, 2rem)}.about h2{font-size:clamp(1.2rem, 2vw, 1.7rem)}.about ul{padding-left:1em}.links{display:flex;flex-direction:column;flex:3;overflow-y:hidden;min-height:0}@media screen and (min-width:800px){.links{height:auto}}.links>a{padding-right:var(--body-padding);position:relative;overflow:hidden;display:flex;align-items:center;flex:1;border-bottom:1px solid var(--border-color);text-decoration:none;font-size:2rem;color:var(--text-color);min-height:50px}@media screen and (min-width:800px){.links>a{font-size:clamp(1.5rem, 5.5vh, 8rem)}}.links>a>strong{padding-left:var(--body-padding);padding-right:.5em;position:relative;display:flex;align-items:center;background-color:var(--background);z-index:1}.links>a>strong:after{content:'';width:1px;height:100%;position:absolute;right:0;top:50%;background-color:var(--text-color);opacity:0;transition:opacity .1s ease-in-out;transform:translateY(-50%)}@media screen and (min-width:800px){.links>a>strong:after{height:80%}}.links>a:focus>strong:after,.links>a:hover>strong:after{opacity:.5}.links>a>span{position:relative;font-size:clamp(1rem, 2vw, 2rem);transition:transform 150ms ease-in-out;transform:translateX(-100%);z-index:0}@media (prefers-reduced-motion){.links>a>span{transition:none}}.links>a:focus>span,.links>a:hover>span{transform:translateX(1em)}.links>a:focus{outline:0}.links>a:focus,.links>a:focus>strong{background-color:var(--background-alt)}html[data-theme=dark]{--color-black:#d4d0c8;--color-purple:#a98de0;--color-white:#000000;--color-beige:#000000;--color-gray-L700:#d4d0c8;--color-gray-L200:#1c1d22;--background:#1c1d22;--background-alt:#22232a;--text-color:#d4d0c8;--border-color:#3a3a4a;--g1-bg:#000000;--g1-card:#1c1d22;--g1-border:#3a3a4a;--g1-border-light:#2e2e3a;--g1-text:#d4d0c8;--g1-text-muted:#888888;--g1-text-light:#666666;--g1-gold-bg:#1c1a0e;--g1-red-bg:#1c1010;--g1-green-bg:#0c180e;--g1-shadow-sm:2px 2px 0 #08080c;--g1-shadow-card:4px 4px 0 #08080c;--default-lines-color:#3a3a4a;--stats-beige:#000000;--stats-beige-card:#1c1d22;--stats-beige-alt:#22232a;--stats-beige-hover:#2a2b33;--stats-row-border:#383846;background-color:#131418}html[data-theme=dark] body{background-color:#000;background-image:none;color:#d4d0c8}html[data-theme=dark] header{background-color:#000;border-bottom-color:#3a3a4a}html[data-theme=dark] header a,html[data-theme=dark] header h1{color:#d4d0c8}html[data-theme=dark] .nav-link{color:#d4d0c8}html[data-theme=dark] .dark-mode-toggle{color:#d4d0c8}html[data-theme=dark] .dark-mode-toggle:hover{background:rgba(255,255,255,.08)}html[data-theme=dark] .home-logo .logo-light{display:none}html[data-theme=dark] .home-logo .logo-dark{display:block}html[data-theme=dark] .page-title{color:#d4d0c8}