:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}body{min-height:100vh;display:flex;align-items:center;justify-content:center;background-color:#e0d8e6;background-image:url(https://www.transparenttextures.com/patterns/cartographer.png)}.container{background-color:#f5f0e8;background-image:url(https://www.transparenttextures.com/patterns/asfalt-dark.png);padding:3rem;max-width:600px;width:100%;box-shadow:0 10px 40px #0003;border-radius:2px}.highlight{background:linear-gradient(104deg,transparent .9%,rgba(255,235,59,.5) 2.4%,rgba(255,241,100,.8) 20%,rgba(255,235,59,.7) 60%,rgba(255,213,0,.5) 93%,transparent 98%);padding:2px 6px;border-radius:1px 4px 2px 3px;box-shadow:inset 0 -2px #c8b40040}.quote-text{font-family:Mansalva,sans-serif;font-size:clamp(1.2rem,3vw,2rem);font-weight:700;color:#1a1a1a}.quote-author{font-family:Mansalva,sans-serif;font-size:clamp(1.2rem,1.5vw,1.2rem);color:#1a1a1a}.btn{font-family:Mansalva,cursive;font-size:1rem;background:transparent;border:3px solid #c0392b;color:#c0392b;padding:.6rem 2rem;border-radius:4px;cursor:pointer;letter-spacing:.1em;text-transform:uppercase;transform:rotate(-1deg);transition:all .2s ease;box-shadow:3px 3px #c0392b}.btn:hover{transform:rotate(-1deg) translate(-2px,-2px);box-shadow:5px 5px #c0392b}.btn:active{transform:rotate(-1deg) translate(2px,2px);box-shadow:1px 1px #c0392b}.copy-btn{font-family:Mansalva,cursive;font-size:1rem;padding:.3rem 1rem;border-width:2px;box-shadow:2px 2px #c0392b}.copy-btn:hover{transform:rotate(-1deg) translate(-2px,-2px);box-shadow:4px 4px #c0392b}.copy-btn:active{transform:rotate(-1deg) translate(2px,2px);box-shadow:1px 1px #c0392b}