@import"https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,200..800&display=swap";:root{font-family:Bricolage Grotesque,serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"width" 100;font-size:30px;letter-spacing:-.03rem;background:linear-gradient(45deg,#d5a186,#d08e8b,#d67b8a,#b980c9),url(/assets/broken_noise-DeKv6PYd.png),#d08e8b;background-blend-mode:difference,normal;background-repeat:no-repeat,repeat;background-size:cover,auto;background-attachment:fixed,fixed;height:100%;min-height:100dvh;line-height:1.5;color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;text-size-adjust:100%}::selection{background-color:#ff673d;color:#000}*,:before,:after{box-sizing:border-box}body{margin:0;display:flex;place-items:flex-start center;width:100vw;min-height:100dvh;scroll-behavior:smooth;scrollbar-color:transparent transparent}body::-webkit-scrollbar-thumb{background-color:transparent}h1{font-size:clamp(32px,4vw,16px);line-height:1;margin:8px;font-weight:600}p.small{font-size:14px;line-height:1}p.invalid{color:#1e0303;display:flex;gap:4px;align-items:center}button{border:none;background:#fff;transition:background-color .25s;width:36px;height:36px;display:flex;place-items:center;place-content:center;cursor:pointer;border-radius:100px}button:disabled{cursor:not-allowed;background:#e1b9c0}button:active:not(:disabled){filter:invert(1)}#root{margin:auto;text-align:center;min-height:100dvh;width:100dvw}.container{z-index:10;color:#fff;width:100%;height:100%;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);min-height:100dvh;max-height:100dvh;display:flex;flex-flow:column;padding-top:24px;padding-bottom:24px;overflow:auto}@media screen and (max-width: 600px){.container{padding-top:36px;padding-bottom:36px}}.background-container{position:absolute;top:0;left:0;bottom:0;right:0;min-height:100dvh;max-height:100dvh;height:100%;width:100%;max-width:100dvw;overflow:hidden}.background-container canvas{max-height:100dvh;max-width:100dvw}.input-container{margin-top:4rem;width:100%;padding:1rem 1rem 0;display:flex;flex-flow:column;gap:60px}form{text-align:left;margin:auto;max-width:600px;width:100%}.form-container{border-bottom:2px solid white;margin:auto;padding-bottom:12px;display:flex;justify-content:space-between;gap:16px;flex-flow:wrap}.form-container:has(input:focus){border-bottom-style:dotted}.form-container input{flex:1;font-family:inherit;background:transparent;border:none;outline:none;color:inherit;font-size:clamp(20px,6vw,30px);letter-spacing:inherit;width:100%}.form-container input::placeholder{color:#e1b9c0}.output-container{text-align:left;padding-inline:1rem;flex:1;position:relative;overflow-y:auto;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,0) 0%,rgba(0,0,0,1) 10%,rgba(0,0,0,1) 80%,rgba(0,0,0,0) 100%);mask-image:linear-gradient(to bottom,#0000,#000 10%,#000 80%,#0000)}.output-container p{margin:0 auto;padding-block:1rem 2rem;max-width:600px;word-wrap:break-word}button:disabled img{animation:rotate 12s infinite linear}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}footer{display:flex;align-items:flex-start;justify-content:space-between;width:100%;padding-inline:1rem;flex-flow:wrap}footer .disclaimer{text-wrap:balance;word-break:break-word;flex:1;text-align:start}footer .socials{display:flex;gap:1rem;justify-content:flex-end;margin:8px auto}footer .socials img{width:1rem;border-radius:12px}@media screen and (min-width: 600px){footer{flex-flow:row-reverse}footer .disclaimer{text-align:end}footer .socials{justify-content:flex-start}}