html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}:root{--max-width: 710px;--primary-color: #000;--font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;--transition-duration: .5s}*{box-sizing:border-box}body{font-family:var(--font-family);text-transform:uppercase;min-height:100vh;display:flex;flex-direction:column;padding:1rem}.loading{position:fixed;opacity:.8;margin:-24px 0 0 -24px;left:50%;top:50%;z-index:1000}#wrapper{width:100%;max-width:var(--max-width);margin:0 auto;flex:1;display:flex;flex-direction:column}header,article{font-weight:800;color:var(--primary-color)}header{margin-top:clamp(2rem,10vh,4.375rem)}header h1{font-size:clamp(2rem,6vw,3.75rem);line-height:1.2;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;width:1px;margin:-1px;overflow:hidden;padding:0;position:absolute}header h1:focus{clip:auto;clip-path:none;height:auto;width:auto;margin:0;overflow:visible;position:static}article{flex:1;display:flex;flex-direction:column;justify-content:center}#output{font-size:clamp(1.75rem,5vw,3rem);line-height:1.2;margin:clamp(2rem,8vh,3.75rem) 0;min-height:10rem}#output.animate{transition:opacity var(--transition-duration) ease-out}noscript{font-weight:800;font-size:clamp(1.75rem,5vw,3rem);line-height:1.2;margin:clamp(2rem,8vh,3.75rem) 0;display:block}#output dd{display:block;margin:clamp(2rem,8vh,3.75rem) 0}#generate{text-decoration:none;font-size:clamp(1rem,2.5vw,1.25rem);color:var(--primary-color);display:inline-block;padding:.5rem 0;cursor:pointer;border:none;background:none;font-family:inherit;text-transform:inherit;transition:all .2s ease}#generate:hover,#generate:focus{text-decoration:underline;outline:2px solid var(--primary-color);outline-offset:4px}#generate:active{transform:translateY(1px)}aside{position:absolute;margin:.75rem .5rem;right:0;top:0}#share li{list-style:none;display:inline}.twitter-share-button{font-size:11px;color:var(--primary-color)}footer{text-transform:none;text-align:right;line-height:1.5;font-size:clamp(.75rem,2vw,.875rem);color:#666;margin:1.5rem 0;padding-top:1rem;border-top:1px solid #eee}footer a{text-decoration:none;color:var(--primary-color);transition:text-decoration .2s ease}footer a:hover,footer a:focus{text-decoration:underline}@media (max-width: 768px){body{padding:.75rem}header{margin-top:1.5rem}#output{margin:2rem 0;min-height:8rem}aside{position:static;margin:1rem 0}footer{text-align:center;margin:1rem 0}}@media (max-width: 480px){#output dd{margin:1.5rem 0}}@media (prefers-reduced-motion: reduce){#output.animate,#generate{transition:none}}@media (prefers-color-scheme: dark){body{background-color:#1a1a1a;color:#f0f0f0}header,article{color:#f0f0f0}#generate{color:#f0f0f0}#generate:focus{outline-color:#f0f0f0}footer{color:#999;border-top-color:#333}footer a{color:#f0f0f0}}@media print{.loading,#generate,aside,footer{display:none}#output{color:#000}}