:root{font-size:100%;font-family:system-ui,sans-serif;scroll-behavior:smooth}*,*:before,*:after{margin:0;padding:0;border:0;box-sizing:border-box;vertical-align:baseline}*:before,*:after{display:block}img,picture,video,iframe,figure,canvas{max-width:100%;display:block;width:100%;height:initial;object-fit:cover;object-position:center center}a{display:block;text-decoration:none;color:inherit;font:inherit}p a{display:inline}li,menu,summary{list-style-type:none}ol{counter-reset:revert}h1,h2,h3,h4,h5,h6,p,span,a,strong,blockquote,i,b,u,em,pre,code,mark,del{font:inherit;line-height:1em;text-decoration:none;color:inherit;overflow-wrap:break-word;text-wrap:pretty}mark{background-color:transparent}blockquote:before,blockquote:after,q:before,q:after{content:none}form,input,textarea,select,button,label{font:inherit;-webkit-hyphens:auto;hyphens:auto;background-color:transparent;color:inherit;display:block;appearance:none}fieldset{border:none}::placeholder{color:unset}button,label{cursor:pointer}table,tr,td,th,tbody,thead,tfoot{border-collapse:collapse;border-spacing:0;font:inherit}svg{width:100%;height:initial;display:block;fill:currentColor}body{min-height:100vh;line-height:1.5em;color:inherit;-webkit-hyphens:auto;hyphens:auto;font-smooth:always;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#ffecd2,#fcb69f);margin:0;padding:0;height:100vh;display:flex;justify-content:center;align-items:center}.container{background:#fff;padding:2rem;border-radius:1rem;box-shadow:0 .5rem 1rem #0000001a;width:90%;max-width:32rem;text-align:center}.h1{font-size:1.8rem;color:#333;margin-bottom:2rem;text-shadow:.06rem .06rem .12rem rgba(0,0,0,.1)}.text{width:100%;min-height:7.5rem;padding:.75rem;font-size:1rem;border:none;border-radius:.5rem;resize:none;outline:none;box-shadow:0 .25rem .625rem #0000001a;margin-bottom:1rem}.btn{background:coral;color:#fff;border:none;padding:.625rem 1.125rem;margin:.3rem;border-radius:.375rem;cursor:pointer;font-size:.9375rem;font-weight:700;transition:all .2s ease-in-out}.btn:hover{background:#ff6333;transform:translateY(-.0625rem);box-shadow:0 .1875rem .375rem #0003}.btn.copied{background:#4caf50}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.text.fade{animation:fadeIn .5s ease-in-out}@media (max-width: 20rem){.h1{font-size:1.4rem}.btn{padding:.5rem 1rem;font-size:.875rem}}