:root{--font-headings: "Permanent Marker";--font-body: "Inter";--primary: rgb(182, 13, 61);--secondary: rgb(133, 133, 133);--accent: rgb(255, 153, 0);--text: white}html{overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-headings);font-weight:400}h1{font-size:2.986rem}h2{font-size:2.488rem}h3{font-size:2.074rem}h4{font-size:1.728rem}h5{font-size:1.44rem}h6{font-size:1.2rem}p{font-size:1rem;font-family:var(--font-body);font-weight:500}small,.text-small{font-size:.833rem;font-family:var(--font-body);font-weight:500}.text-primary{color:var(--primary)}.text-secondary{color:var(--secondary)}.text-accent{color:var(--accent)}.text-headings{font-family:var(--font-headings)}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.bg-accent{background-color:var(--accent)}body{background-color:#000;color:var(--text);box-sizing:border-box;display:flex;flex-direction:column;min-height:95vh}header{border-bottom:1px solid var(--accent);display:flex;flex-direction:row;align-items:center;justify-content:space-around;padding:5px 0 10px;width:100%}a{color:inherit;font-family:var(--font-headings);text-decoration:none;font-size:1rem}button{font-family:var(--font-headings);background:none;color:inherit;border:none;padding:0;cursor:pointer;outline:inherit}textarea{border:none;overflow:auto;outline:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;resize:none;font-size:1.44rem;font-family:var(--font-body);font-weight:500}.container{max-width:768px;margin:0 auto 20px}header.container{max-width:1200px;margin-bottom:50px}.logo{max-width:350px;display:block;margin:0 auto 10px}.sub-headline{margin:0 auto 30px;padding:0 50px;text-align:center;font-size:1.44rem}.button-large{font-size:1.44rem;padding:10px 15px;background-color:var(--primary);border-radius:15px;color:#fff;position:relative}.button-large:hover{text-decoration:underline}.roasted-button{margin:0 auto 20px;display:block}.roasted-button>span{font-family:var(--font-headings);color:#fff;text-decoration:none}.roasted-button:disabled{background-color:gray;text-decoration:none;cursor:default}.burn-warning{padding:0 30px;display:flex;align-items:center;gap:20px;font-style:italic;color:var(--accent)}.burn-warning>p:first-of-type{font-size:2.986rem;color:var(--accent)}.text-center{text-align:center}.roast-input{min-width:300px;min-height:250px;font-family:var(--font-body);font-weight:500;font-size:21px!important;border-radius:10px;padding:5px 10px;margin-bottom:15px}@media screen and (min-width: 768px){.roast-input{min-width:400px}}form>small{display:block;color:var(--primary);margin-bottom:5px}label.sub-headline{display:block;margin-bottom:15px}.cf-turnstile{min-height:69px;display:flex;justify-content:center;margin-bottom:15px}.relative{position:relative;z-index:1}.dark{background-color:#000;opacity:.3}.spinner{border:16px solid #f3f3f3;border-top:16px solid var(--primary);border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;position:absolute;top:50%;left:50%;transform:translate(-100px);z-index:1000}@keyframes spin{0%{transform:translate(-50%) translateY(-50%) rotate(0)}to{transform:translate(-50%) translateY(-50%) rotate(360deg)}}.spinner.hidden{display:none}.spacer{flex-grow:2}.footer{text-align:center;color:var(--secondary)}.share-bar{display:flex;gap:20px}ul{list-style:none}