:root{--bg: #000;--text: #111;--nav-h: 88px;--rainbow: linear-gradient( 90deg, #33f0ff, #b86bff, #ffb347, #30f36c, #33f0ff )}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inconsolata,monospace;background:#fff;color:#000}.site-header{background:#000;height:var(--nav-h);display:grid;place-items:center;padding:1rem}.brand-logo{height:clamp(40px,8vw,70px);width:auto;display:block}.nav{display:grid;grid-auto-flow:column;align-items:center;gap:clamp(24px,6vw,120px)}.content{max-width:min(720px,92vw);margin:48px auto 96px;padding:0 1rem 3rem;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:1rem;text-align:center;font-size:1.1rem;line-height:1.6}.line{display:block;opacity:0;transform:translateY(10px)}.accordion-wrapper{width:100%}.accordion-toggle{background:none;border:none;color:#000;font:inherit;font-size:clamp(1rem,2.5vw,1.25rem);cursor:pointer;text-align:center;width:100%;padding:.25rem 0}.underline{text-decoration:underline;text-underline-offset:4px;text-decoration-color:gray;transition:text-decoration-color .3s ease}.accordion-toggle:hover .underline{text-decoration-color:red}.accordion-content{overflow:hidden;max-height:0;opacity:0;transform:translateY(-8px);transition:max-height .4s ease,opacity .3s ease,transform .35s ease;font-size:1rem;color:#222;border-radius:8px}.accordion-content[data-open=true]{opacity:1;max-height:none!important;transform:translateY(0);margin-top:.5rem;margin-bottom:2rem;background:#f9f9f9;padding:1.25rem;box-shadow:0 4px 12px #0000001f}.accordion-content img,.accordion-content audio{max-width:100%;height:auto;display:block;margin:1rem auto;border-radius:8px}.accordion-content ul{text-align:left;padding-left:1.25rem;margin:1rem 0}.accordion-content li{margin:.5rem 0}.list-para{text-align:left;margin:.5rem 0}@keyframes moveGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.rainbow{background-image:var(--rainbow);background-size:300% 300%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:moveGradient 8s ease-in-out infinite;text-shadow:0 0 .5px rgba(255,255,255,.2)}@media (prefers-reduced-motion: reduce){.rainbow{animation:none;background-position:50% 50%}}