:root{--field: #e35d1a;--ink: #ffffff;--font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--quote-short: clamp(2rem, 1.35rem + 3.4vw, 3.75rem);--quote-medium: clamp(1.65rem, 1.2rem + 2.2vw, 2.65rem);--quote-long: clamp(1.35rem, 1.1rem + 1.4vw, 2rem);--text-author: clamp(1.05rem, .95rem + .4vw, 1.2rem);--text-ui: clamp(.95rem, .9rem + .2vw, 1.05rem);--gutter: clamp(1.25rem, .7rem + 3vw, 3.25rem);--column: 40rem}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%}body{min-height:100dvh;display:grid;grid-template-rows:auto 1fr auto;font-family:var(--font);color:var(--ink);background-color:var(--field);line-height:1.45;-webkit-font-smoothing:antialiased;transition:background-color .14s ease-out,color .14s ease-out}img,svg{display:inline-block;vertical-align:middle}button{font:inherit;color:inherit}a{color:inherit;text-underline-offset:3px}a:hover{text-decoration-thickness:2px}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}[hidden]{display:none!important}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.site-header,.stage{width:min(100% - 2 * var(--gutter),var(--column));margin-inline:var(--gutter) auto}.site-header{padding-top:clamp(1.25rem,.8rem + 2vw,2.25rem)}.wordmark{font-size:var(--text-ui);font-weight:650;letter-spacing:-.01em;text-decoration:none}.wordmark:hover{text-decoration:underline}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%;padding:clamp(1.25rem,.8rem + 2vw,2rem) var(--gutter);font-size:var(--text-ui)}.site-footer a{font-weight:650}.site-footer__github{flex-shrink:0;display:grid;place-items:center;min-width:44px;min-height:44px;text-decoration:none}.site-footer__github-icon{width:22px;height:22px;background-color:currentColor;-webkit-mask:url(/github.svg) center / contain no-repeat;mask:url(/github.svg) center / contain no-repeat}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.stage{display:flex;flex-direction:column;justify-content:flex-start;gap:clamp(1.75rem,1.1rem + 2.5vw,3rem);padding-top:clamp(3.5rem,2rem + 10vh,8.5rem);padding-bottom:clamp(2rem,1rem + 4vh,4rem)}.line{position:relative}.line__quote p{font-weight:500;letter-spacing:-.02em;overflow-wrap:break-word;text-wrap:pretty}.line[data-length=short] .line__quote{font-size:var(--quote-short);line-height:1.15;max-width:28ch}.line[data-length=medium] .line__quote{font-size:var(--quote-medium);line-height:1.22;max-width:34ch}.line[data-length=long] .line__quote{font-size:var(--quote-long);line-height:1.32;max-width:40ch}.line__author{margin-top:clamp(1.25rem,.9rem + 1.5vw,2rem);font-size:var(--text-author);font-weight:500}.line__author:before{content:"— "}.line__loading{margin-top:.5rem;font-size:var(--text-ui)}.line--enter .line__quote,.line--enter .line__author{animation:line-in .14s ease-out}@keyframes line-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.line--enter .line__quote,.line--enter .line__author{animation:none}}.actions{display:flex;flex-wrap:wrap;gap:.25rem 1.75rem}.action{min-height:44px;padding:.4rem 0;font-size:var(--text-ui);font-weight:600;background:none;border:0;cursor:pointer}.action:hover:not(:disabled){text-decoration:underline;text-underline-offset:3px}.action:disabled{opacity:.45;cursor:not-allowed}.action--copy{min-width:9ch;text-align:left}@media(max-width:480px){.actions{flex-direction:column;gap:0}}
