:root{--paper:#fffaf0;--ink:#000;--green:#2b6558;--line:#d8d2c7;--font-primary:Arial,Helvetica,sans-serif;font-family:var(--font-primary);font-synthesis:none;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth}body{background:var(--paper);min-width:320px;color:var(--ink);margin:0}button,a{font:inherit;color:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--green);outline-offset:5px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.intro{grid-template-columns:1fr 1.58fr 1fr;gap:2.05vw;min-height:47.8vw;padding:2.15vw 2.18vw 0;display:grid;position:relative;overflow:visible}.intro__left,.intro__right,.intro__center{min-width:0}.intro__left,.intro__right{z-index:2;position:relative}.intro h1,.author{border-bottom:2px solid var(--ink);white-space:nowrap;transform-origin:0;margin:0;font-size:clamp(35px,4.02vw,65px);font-weight:400;line-height:1.12;text-decoration:none;transition:transform .18s,opacity .18s;display:block}.intro h1:hover{transform:scale(1.025)}.author{text-align:center;transform-origin:50%;cursor:pointer;font-size:clamp(29px,3.15vw,52px);font-weight:700}.author:hover{opacity:.68}.intro__center{position:static}.by{text-align:center;font-size:clamp(38px,3.95vw,64px);line-height:1.05;transition:transform .18s}.by:hover{transform:scale(1.03)}.benefits{margin-top:1.15vw;font-size:clamp(12px,1.18vw,19px);font-weight:700;line-height:1.24}.benefits__lead{text-align:center;gap:.25em;display:grid}.benefits p{text-align:left;overflow-wrap:anywhere;grid-template-columns:auto auto minmax(0,1fr);justify-content:center;column-gap:.26em;max-width:90%;margin:1.36em auto;display:grid}.benefits p:hover{transform:scale(1.025)}.benefits p{transition:transform .18s}.benefits strong{color:#087a4d;text-align:right}.benefits p>span{font-weight:400}.benefits--right{margin-top:7.85vw}.benefits--right p{max-width:95%}.mac{z-index:1;width:42vw;max-width:700px;position:absolute;top:4.55vw;left:50%;transform:translate(-50%)}.mac>img{width:100%;height:auto;display:block}.crt{pointer-events:none;opacity:.65;mix-blend-mode:multiply;background:repeating-linear-gradient(0deg,#0000000b 0 1px,#0000 1px 4px);border-radius:4% 4% 8% 8%;height:33.2%;animation:5.5s step-end infinite crt-brightness;position:absolute;top:11.75%;left:20.6%;right:18.6%;overflow:hidden}.crt:after{content:"";opacity:.14;background-image:radial-gradient(#0000001f .55px,#0000 .7px);background-size:3px 3px;position:absolute;inset:0}.crt i{background:#ffffff2b;height:3px;animation:8s linear infinite interference;position:absolute;top:-8%;left:0;right:0;box-shadow:0 0 8px #ffffff1f}.randomizer{padding:2.65vw 2.18vw 7.7vw}.cells{grid-template-columns:1.07fr 1fr 1fr 1.04fr .91fr;display:grid}.cell{border-left:1px solid var(--line);min-width:0;min-height:20.2vw;padding:0 1.45vw;position:relative}.cell__number{font-size:clamp(36px,4vw,64px);font-weight:400;line-height:1;display:block}.cell__label{margin-top:.12em;font-size:clamp(13px,1.23vw,20px);line-height:1.1;display:block}.cell__window{min-height:9.5vw;margin-top:1.15vw;position:relative;overflow:hidden}.cell__value,.ghost{letter-spacing:-.035em;overflow-wrap:normal;word-break:normal;-webkit-hyphens:auto;hyphens:auto;font-size:clamp(25px,2.35vw,40px);line-height:1.02}.cell__value--compact{font-size:clamp(19px,1.85vw,32px);line-height:1.05}.cell__value{animation:.15s ease-out settle}.cell--rolling .cell__value{animation:.13s linear infinite roll-main}.ghost{opacity:.23;pointer-events:none;position:absolute;left:0;right:0}.ghost--one{animation:.19s linear infinite ghost-up;top:0}.ghost--two{animation:.19s linear 95ms infinite ghost-up;top:0}.font-pair{flex-direction:column;gap:.22em;display:flex}.font-pair strong{font-size:.83em;line-height:.93}.font-pair span{font-size:.82em;line-height:1.05}.font-pair small{letter-spacing:.02em;margin-top:.5em;font-size:10px}.palette{flex-direction:column;gap:.62vw;width:88%;display:flex}.palette i{border:1px solid #0003;border-radius:999px;height:2.55vw;min-height:27px;display:block}.generate{background:var(--green);color:#fff;cursor:pointer;border:0;border-radius:999px;width:27.3vw;min-width:300px;max-width:450px;margin:4.85vw auto 0;padding:1.46em;font-size:clamp(15px,1.3vw,20px);font-weight:700;transition:transform .18s,background-color .18s,opacity .18s;display:block}.generate:hover:not(:disabled){background:#347a6a;transform:scale(1.03)}.generate:active:not(:disabled){transform:scale(.98)}.generate:disabled{cursor:wait;opacity:.82}.footer{grid-template-columns:minmax(0,1.55fr) minmax(300px,.92fr);align-items:start;gap:5.5vw;padding:1.4vw 2.18vw 5.6vw;display:grid}.footer__copy{padding-top:2vw;font-size:clamp(13px,1.18vw,19px);font-weight:700;line-height:1.25}.footer__copy p{max-width:740px;margin:0 0 .65em}.footer__copy>b{margin:.65em 0;display:block}.footer nav{flex-direction:column;align-items:flex-start;margin:0 0 3.35vw 4.2vw;display:flex}.footer nav a{color:#087a4d;text-decoration:none;transition:transform .18s,opacity .18s}.footer nav a:hover{text-decoration:underline;transform:translate(2px)}.thanks{margin-top:2.3vw!important}.profile{justify-self:center;width:100%;max-width:410px;transition:opacity .18s;display:block}.profile:hover{opacity:.87}.profile img{width:100%;height:auto;display:block}.intro-reveal{animation:.62s cubic-bezier(.16,1,.3,1) both reveal}.intro-reveal--title{animation-delay:40ms}.intro-reveal--by{animation-delay:.13s}.intro-reveal--author{animation-delay:.22s}.intro-reveal--copy{animation-delay:.36s}.intro-reveal--mac{animation-name:reveal-static;animation-delay:.55s}.intro-reveal--randomizer{animation-delay:.78s}.intro-reveal--footer{animation-delay:.96s}@keyframes reveal{0%{opacity:0;clip-path:inset(0 100% 0 0);transform:translateY(5px)}44%{opacity:.7}48%{opacity:.2}56%{opacity:1}to{opacity:1;clip-path:inset(0);transform:translateY(0)}}@keyframes reveal-static{0%{opacity:0;clip-path:inset(0 100% 0 0)}48%{opacity:.35}56%{opacity:1}to{opacity:1;clip-path:inset(0)}}@keyframes settle{0%{opacity:.78;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@keyframes roll-main{0%{opacity:.55;transform:translateY(18%)}to{opacity:.75;transform:translateY(-18%)}}@keyframes ghost-up{0%{opacity:0;transform:translateY(135%)}38%{opacity:.2}to{opacity:0;transform:translateY(-125%)}}@keyframes crt-brightness{0%,94%,to{filter:brightness();opacity:.62}95%{filter:brightness(.96);opacity:.7}96%{filter:brightness(1.025);opacity:.58}}@keyframes interference{0%,88%{opacity:0;transform:translateY(-10%)}89%{opacity:.35}91%{opacity:.1;transform:translateY(3600%)}92%,to{opacity:0}}@media (width<=1180px){.intro{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"left right""center center";gap:34px 64px;min-height:auto;padding:30px 32px 0}.intro__left{grid-area:left}.intro__right{grid-area:right}.intro__center{grid-area:center}.benefits{margin-top:20px;font-size:14px}.benefits--right{margin-top:42px}.by{text-align:center;margin-top:8px}.mac{width:min(72vw,700px);max-width:700px;margin:20px auto 0;position:relative;top:auto;left:auto;transform:none}.randomizer{padding-top:5vw}.cell{min-height:24vw}.footer{grid-template-columns:1.3fr .8fr}.footer__copy{font-size:12px}}@media (width<=680px){.intro{flex-direction:column;gap:0;min-height:auto;padding:24px 18px 4px;display:flex;overflow:visible}.intro__left{order:1}.intro__right{order:2}.intro__center{order:3}.intro h1,.author{width:100%;font-size:clamp(34px,10vw,52px)}.author{text-align:left;margin-top:34px}.benefits{margin-top:20px;font-size:14px}.benefits p,.benefits--right p{max-width:100%;margin:1em 0}.benefits--right{margin-top:24px}.by{text-align:center;margin-top:34px;font-size:48px}.mac{width:100%;max-width:none;margin:12px auto 8px;position:relative;top:auto;left:auto;transform:none}.randomizer{padding:24px 18px 80px}.cells{grid-template-columns:1fr}.cell{border-left:0;border-top:1px solid var(--line);min-height:185px;padding:18px 0}.cell:first-child{border-top:0}.cell__number{font-size:52px}.cell__label{font-size:16px}.cell__window{min-height:90px;margin-top:16px}.cell__value,.ghost{font-size:38px}.cell__value--compact{font-size:30px}.font-pair strong,.font-pair span{font-size:.78em}.palette{grid-template-columns:repeat(4,1fr);gap:7px;width:100%;display:grid}.palette i{height:42px}.generate{width:90%;min-width:0;margin-top:40px}.footer{flex-direction:column;gap:40px;padding:10px 18px 55px;display:flex}.footer__copy{font-size:14px}.footer nav{margin:15px 0 38px}.thanks{margin-top:25px!important}.profile{align-self:center;width:88%}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.intro-reveal,.crt,.crt i,.cell__value,.ghost{animation:none!important}.generate,.intro h1,.by,.benefits p,.footer nav a{transition:none}}