:root{--color1:#4a4a4a;--background:#cbcbcb;--color3:#ffffe3;--color4:#6d8195;--content-width:880px;--sans:system-ui, "Segoe UI", Roboto;--mono:ui-monospace, Consolas, monospace}*,:before,:after{box-sizing:border-box}body{background-color:var(--background);font-family:var(--sans), sans-serif;color:#000;margin:0}#app{flex-direction:column;min-height:100vh;display:flex}main{width:min(var(--content-width), calc(100% - 32px));margin:0 auto;font-size:18px}header{margin-top:150px}header .tight{letter-spacing:-.18em;margin-right:4px}header h1{color:var(--color1);letter-spacing:-.025em;margin:0 0 18px}header p{margin:0 0 16px;line-height:1.25}header article{margin:0 0 14px;line-height:1.25}header article:nth-child(3){margin-bottom:24px}.not-shown{color:var(--background)}.code{font-family:var(--mono), monospace;color:#fff}.bg-fade{background-color:#6d8195b3}.text-fade{color:#ffffffb3}.highlight-header,.highlight-text{color:var(--color3);border-radius:8px}.highlight-header{padding:1px 3px}.highlight-text{padding:0 3px}.chip-wrap{white-space:nowrap;display:inline-block}.hover-popup{display:inline-block;position:relative}.hover-popup:after{content:attr(data-hover);font-family:var(--sans), sans-serif;background:var(--color1);color:#fff;text-align:center;visibility:hidden;z-index:1000;pointer-events:none;border-radius:10px;width:max-content;max-width:220px;padding:8px 10px;font-size:.875rem;transition:opacity 80ms,transform 80ms,visibility 0s linear 80ms;position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 10px 30px #00000061}.hover-popup:hover:after,.hover-popup:focus-visible:after{opacity:1;visibility:visible;transform:translate(-50%)translateY(0)}footer{border-top:1px solid var(--color1);text-align:center;margin-top:auto;padding:1.8rem 0}.social-link{color:var(--color1);border-radius:10px;align-items:center;gap:8px;padding:8px 12px;text-decoration:none;transition:background-color .2s,transform .2s;display:inline-flex}.social-link:hover{background-color:#ffffff29;transform:translateY(-1px)}.social-link svg{width:18px;height:18px;display:block}#footer-height-handler{height:34px}.confetti-container{pointer-events:none;z-index:9999;position:fixed;inset:0}.confetti-piece{opacity:1;will-change:transform, opacity;--dx:0px;--dy:0px;--rot:0deg;animation-name:confetti-burst;animation-timing-function:ease-out;animation-fill-mode:forwards;position:absolute}@keyframes confetti-burst{0%{opacity:1;transform:translate(0)rotate(0)}to{transform:translate(var(--dx), calc(100vh + var(--dy))) rotate(var(--rot));opacity:0}}.zero-gravity-active{overflow:hidden}[data-zero-gravity=true]{will-change:transform;-webkit-user-select:none;user-select:none}#zero-gravity-stop{z-index:10001;color:#fff;font:inherit;cursor:pointer;background:#141414eb;border:0;border-radius:999px;padding:10px 14px;position:fixed;bottom:26px;right:20px;box-shadow:0 10px 24px #0003}@media (width<=700px){main{width:calc(100% - 30px);font-size:18px}header{margin-top:72px}header h1{font-size:clamp(2.2rem,12vw,3.4rem)}footer>div{flex-wrap:wrap;justify-content:center;width:100%}}