#binny-intro-header{color:var(--triangle-text-color);display:flex;flex-direction:column;gap:1rem}#binny-intro-header.griddled{grid-area:3 / 2 / 5 /5}#binny-intro-header.centered{text-align:center;position:fixed;left:50%;top:5vh;transform:translate(-50%)}#binny-intro-header #binny-logo{font-weight:500;letter-spacing:.1rem}#binny-intro-header #binny-logo .tld-period{color:#ff69b4}#binny-intro-header #binny-tagline{font-weight:500;letter-spacing:.1rem}#binny-intro-header #binny-tagline .step-num{--alt-color: yellow;font-family:IBM Plex Mono,monospace;padding-left:2px;border:2px solid transparent}#binny-intro-header #binny-tagline .step-num.current{animation:highlightStep calc(2s / var(--intro-animation-speed)) infinite}#binny-intro-header #step-guide{font-size:1.2rem;font-weight:300}#ff-animation{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);z-index:5;font-size:.8rem;padding:.3rem .6rem;border-radius:.3rem;border:1px solid var(--graph-paper-text-color);color:var(--graph-paper-text-color);letter-spacing:.04rem;cursor:pointer;transition:.125s all;opacity:.75}#ff-animation:hover{opacity:1}#ff-animation.clicked{pointer-events:none;opacity:0;transform:scale(75%) translate(-67.5%,50%)}#intro-br{--duration: 6s;--path: "M0,0";color:var(--graph-paper-text-color)}#intro-br.one{--circle-origin-x: 0;--circle-origin-y: 0;--circle-radius: 0}#intro-br.one .support-logo{--logo-transform-move-from-br: translate( calc( var(--logo-offset-x) + var(--logo-tangency-x) + var(--logo-midpoint-x) - var(--circle-origin-x) ), calc( var(--logo-offset-y) + var(--logo-tangency-y) + var(--logo-midpoint-x) - var(--circle-origin-y) ) );--logo-transform-circle-tangency: translate( calc(var(--logo-offset-x) + var(--logo-tangency-x)), calc(var(--logo-offset-y) + var(--logo-tangency-y)) );position:fixed;top:var(--circle-origin-y);left:var(--circle-origin-x);transform:var(--logo-transform-circle-tangency);opacity:0;animation:oneShowLogo calc(.75s / var(--intro-animation-speed));animation-delay:calc(.25s / var(--intro-animation-speed));animation-fill-mode:forwards}@keyframes oneShowLogo{0%{opacity:0;transform:var(--logo-transform-move-from-br)}to{opacity:1;transform:var(--logo-transform-circle-tangency)}}@keyframes oneMoveLogo{0%{offset-distance:0}to{offset-distance:100%}}#intro-tl{color:var(--triangle-text-color)}#intro-tl .compile.cmd{background:#090909;color:#def}#intro-tl.zero{--circle-origin-x: 0;--circle-origin-y: 0;--circle-radius: 0}#intro-tl.zero .compile.cmd{background:#090909;color:#def;position:fixed;top:var(--circle-origin-y);left:var(--circle-origin-x);transform:translate(-50%,calc(-200% - var(--circle-radius)))}#intro-tl.zero .compile.cmd.current{display:inline-block}#intro-tl.zero .support-logo{--logo-show-delay-increment: .15s;--logo-show-duration: calc(.75s / var(--intro-animation-speed));--logo-hide-delay-increment: .75s;--logo-hide-duration: calc(.5s / var(--intro-animation-speed));--logo-tangency-x: 0;--logo-tangency-y: 0;--logo-midpoint-x: 0;--logo-midpoint-y: 0;--logo-transform-circle-origin: translate( var(--logo-offset-x), var(--logo-offset-y) );--logo-transform-circle-tangency: translate( calc(var(--logo-offset-x) + var(--logo-tangency-x)), calc(var(--logo-offset-y) + var(--logo-tangency-y)) );--logo-transform-move-to-br: translate( calc( var(--logo-offset-x) + var(--logo-tangency-x) + var(--logo-midpoint-x) - var(--circle-origin-x) ), calc( var(--logo-offset-y) + var(--logo-tangency-y) + var(--logo-midpoint-x) - var(--circle-origin-y) ) );position:fixed;top:var(--circle-origin-y);left:var(--circle-origin-x);transform:var(--logo-transform-circle-origin);opacity:0;animation:zeroLogoMoveFromOriginToTangency var(--logo-show-duration);animation-delay:calc((var(--logo-show-delay-increment) * var(--logo-delay-order)) / var(--intro-animation-speed));animation-fill-mode:forwards}#intro-tl.zero .support-logo.zeroToOne{opacity:1;transform:var(--logo-transform-circle-tangency);animation:zeroLogoMoveToOne var(--logo-hide-duration);animation-delay:calc((var(--logo-hide-delay-increment) * var(--logo-delay-order)) / var(--intro-animation-speed));animation-fill-mode:forwards}#intro-tl.zero .support-logo[data-logo=go]{--logo-delay-order: 1}#intro-tl.zero .support-logo[data-logo=linux]{--logo-delay-order: 2}#intro-tl.zero .support-logo[data-logo=rust]{--logo-delay-order: 3}#intro-tl.zero .support-logo[data-logo=zig]{--logo-delay-order: 4}#intro-tl.zero .support-logo[data-logo=mac]{--logo-delay-order: 5}#intro-tl.zero .support-logo[data-logo=win]{--logo-delay-order: 6}#intro-tl.zero .support-logo[data-logo=cpp]{--logo-delay-order: 7}@keyframes highlightStep{0%{background:var(--alt-color);color:var(--triangle-bg-color)}48%{background:var(--alt-color);color:var(--triangle-bg-color)}50%{background:transparent;color:var(--triangle-text-color)}98%{background:transparent;color:var(--triangle-text-color)}to{background:var(--alt-color);color:var(--triangle-bg-color)}}@keyframes zeroLogoMoveFromOriginToTangency{0%{opacity:0;transform:var(--logo-transform-circle-origin)}to{opacity:1;transform:var(--logo-transform-circle-tangency)}}@keyframes zeroLogoMoveToOne{0%{opacity:1;transform:var(--logo-transform-circle-tangency)}50%{opacity:0}to{opacity:0;transform:var(--logo-transform-move-to-br)}}#intro-title{--title-rotate-z: 0}#intro-title .frame{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center}#intro-title .frame .title{--b-ms: .25s;--animation-delay: calc(var(--b-ms, 0ms) * var(--b-nth, 0));grid-area:1 / 1;font-size:40vh;letter-spacing:-1rem;font-weight:700}#intro-title .frame .title.b{opacity:0;animation-name:bbb;animation-duration:1s;animation-delay:var(--animation-delay)}#intro-title .frame .title.binny-sh{--title-opacity: 0;animation-name:binnySh;animation-duration:1s;animation-fill-mode:forwards;animation-delay:var(--animation-delay)}#intro-title .frame .title.binny-sh .hide{opacity:0}#intro-title .frame .title.binny-sh .show{opacity:var(--title-opacity)}#intro-title .frame .title.binny-sh.flip{animation-name:minimizeTitle;animation-duration:1s;animation-fill-mode:forwards;animation-delay:var(--animation-delay)}@keyframes bbb{0%{opacity:0;transform:translate(50vw) translateY(var(--start-y, -50vh)) scale(1.5)}40%{opacity:1}80%{opacity:1}to{opacity:0;transform:translate(-50vw) translateY(0) scale(7)}}@keyframes binnySh{0%{--title-opacity: 0;transform:translate(50vw) scale(7)}to{--title-opacity: 1;transform:translate(0) scale(1)}}@keyframes minimizeTitle{0%{opacity:1}to{opacity:0;transform:translate(-30vw) translateY(-30vh) scale(0)}}@keyframes flipAndScale{}body{--intro-animation-speed: 1;--intro-animation-skip-speed: 5}#intro-tl,#intro-br{position:absolute;z-index:9}#intro-tl .cmd,#intro-br .cmd{display:none;padding:.5rem .75rem;font-family:IBM Plex Mono,monospace}#intro-tl .support-logo,#intro-br .support-logo{--logo-offset-x: -50%;--logo-offset-y: -50%;height:max(3vmin,1.5rem)}#github{grid-area:1 / -3 / 2 / -1;padding-right:var(--content-padding);display:flex;justify-content:flex-end;align-items:center}#github *{transition-delay:.5s}#github #github-logo{height:4vh;aspect-ratio:1 / 1;mask:url(/github.svg) no-repeat 50%;-webkit-mask-size:contain;mask-size:contain;background:var(--triangle-text-color)}#github a{display:flex;align-items:center;font-size:2vh;color:var(--triangle-text-color);text-decoration:none;gap:1rem}#github .call-to-action{display:none;text-align:center}#github .call-to-action.current{display:flex;align-items:center;gap:.5rem}#github #bug{--bug-size: 3.3vh;aspect-ratio:1;height:var(--bug-size);position:fixed;top:calc(var(--bug-size) * -1);right:10vh;z-index:var(--grid-z-index);transform:rotate(90deg);mask:url(/bug.svg) no-repeat 100% 100%;-webkit-mask-size:contain;mask-size:contain;background:var(--triangle-text-color);animation:bugCrawling 1.5s linear}@keyframes bugCrawling{0%{offset-distance:0}to{offset-distance:100%}}:root{--diagonal-length-px: 0px;--diagonal-rotate-rad: 0rad}#login{--login-link-width: 10vmin;--login-link-height: 5vmin;--login-link-center-x: var(--login-link-width) / 2;--login-link-center-y: var(--login-link-height) / 2;--login-link-position-percent: 50%;--login-link-previous-position-percent: 50%;--login-link-moving-duration: 2s;--login-link-moving-ratio: 1;position:fixed;top:calc(var(--login-link-position-percent) - var(--login-link-center-y));right:calc(var(--login-link-position-percent) - var(--login-link-center-x));z-index:calc(var(--grid-z-index) + 1);width:var(--login-link-width);height:var(--login-link-height);display:flex;justify-content:center;align-items:center;font-size:2vmin;border:.5vmin solid hotpink;background:var(--black);color:#7cfc00;-webkit-user-select:none;user-select:none;cursor:pointer;transition:background calc(var(--login-link-moving-duration) / 4) ease-in-out,border-color calc(var(--login-link-moving-duration) / 4) ease-in-out,color calc(var(--login-link-moving-duration) / 4) ease-in-out,transform .4s ease-in-out,opacity .1s ease-in-out}#login.hide{opacity:0;pointer-events:none;transform:scale(0)}#login.show{animation:login-show .5s}#login.moving{animation:login-rotate,login-slide,login-slim;animation-duration:var(--login-link-moving-duration);transform-origin:center;background:#ff69b4;border-color:#7cfc00;color:transparent}@keyframes login-show{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}@keyframes login-rotate{0%{transform:rotate(0) scale(1)}40%{transform:rotate(var(--diagonal-rotate-rad)) scaleY(.7) scaleX(1.1)}60%{transform:rotate(var(--diagonal-rotate-rad)) scaleY(.7) scaleX(1.1)}to{transform:rotate(0) scale(1)}}@keyframes login-slide{0%{top:calc(var(--login-link-previous-position-percent) - var(--login-link-center-y));right:calc(var(--login-link-previous-position-percent) - var(--login-link-center-x))}to{top:calc(var(--login-link-position-percent) - var(--login-link-center-y));right:calc(var(--login-link-position-percent) - var(--login-link-center-x))}}#login-prompt{position:fixed;top:55vh;left:55vw;z-index:5;margin:auto;display:none;font-size:2rem;font-weight:500;line-height:7.5vh;text-wrap:balance;color:var(--graph-paper-text-color)}#login-prompt.show{display:unset}#login-prompt .buttons button{font-size:.9rem;font-weight:500;padding:1vh 2vw;cursor:pointer;border-radius:2px}#login-redirect{border:1px solid var(--graph-paper-text-color)}#login-cancel{border:1px solid transparent;opacity:.8;transition:all .1s ease-in-out}#login-cancel:hover{border:1px solid #666;opacity:1}*{margin:0;padding:0}:root{--black-rgb: 17, 17, 17;--white-rgb: 238, 238, 238;--black: rgb(var(--black-rgb));--white: rgb(var(--white-rgb));--grid-z-index: 4;--triangle-z-index: 3;--paper-z-index: 2}html{--triangle-bg-color: var(--black);--triangle-text-color: var(--white);--graph-paper-bg-color: var(--white);--graph-paper-text-color: var(--black);--graph-paper-graph-color: rgb(var(--black-rgb), 40%);font-family:Inter Variable,Helvetica,sans-serif;background-color:var(--graph-paper-bg-color)}html.flipped{--triangle-bg-color: var(--white);--triangle-text-color: var(--black);--graph-paper-bg-color: var(--black);--graph-paper-text-color: var(--white);--graph-paper-graph-color: rgb(var(--white-rgb), 40%)}html,body{min-height:100vh;overflow-x:hidden}#triangle{position:fixed;top:0;left:0;height:0;width:0;border-top:100vh solid var(--triangle-bg-color);border-right:100vw solid transparent;z-index:var(--triangle-z-index);opacity:1;transition:opacity .1s ease-in-out}#triangle.hide{opacity:0}.triangle-animation{position:fixed;top:0;left:0}#page-grid{--content-padding: 1rem;height:100vh;width:100vw;position:fixed;top:0;left:0;display:grid;grid-template-columns:repeat(10,1fr);grid-template-rows:repeat(10,1fr);z-index:var(--grid-z-index);pointer-events:none}#page-grid .ish,#page-grid #eighty4 *,#page-grid #github *{opacity:0;transition:.25s opacity}#page-grid.visible .ish,#page-grid.visible #eighty4 *,#page-grid.visible #github *{opacity:1}#page-grid *{pointer-events:auto}#page-grid #bot-left-ish{background:var(--graph-paper-bg-color);grid-area:-2 / 1 / -1 / 2;transition-delay:.8s}#page-grid #eighty4{grid-area:-2 / 1 / -1 / 3;padding-left:var(--content-padding);display:flex;align-items:center}#page-grid #eighty4 *{transition-delay:1.05s}#page-grid #eighty4 a{display:flex;align-items:center;font-size:2vh;color:var(--graph-paper-text-color);text-decoration:none;gap:.5rem}#page-grid #eighty4 a img{height:4vh}#page-grid #top-right-ish{background:var(--triangle-bg-color);grid-area:1 / -2 / 2 / -1;transition-delay:.25s}.binny-landing-chrome:not(.show){opacity:0;pointer-events:none}.binny-landing-chrome.show{opacity:1;pointer-events:unset}