@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;900&display=swap";
body{color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1f2024;background-image:url(/assets/images/bg.webp);background-position:top;background-repeat:no-repeat;margin:0;font-family:Inter,-apple-system,"system-ui",Segoe UI,Helvetica,Arial,sans-serif}a{color:#fff;text-decoration:none}a:link,a:visited{color:inherit;text-decoration:none}a:hover,button:hover{opacity:.8}.content{padding:0 36px}@media (max-width:767px){.content{padding:0}}.container{max-width:800px;margin:0 auto;padding:20px}.spell-generator-outer{background:linear-gradient(#bce3ef,#dbefbc);border-radius:5px;max-width:800px;margin:30px auto 70px;padding:5px}@media (max-width:767px){.spell-generator-outer{border-radius:0;padding:5px 0}}.spell-generator{background-color:#1d1d1d;border-radius:5px;min-height:300px;padding:50px}@media (max-width:767px){.spell-generator{border-radius:0;padding:40px 20px}}.spell-generator h1{-webkit-text-fill-color:transparent;background:linear-gradient(91deg,#02ff85 0%,#bdff02 50.94%);-webkit-background-clip:text;background-clip:text;margin-top:0;font-size:42px;font-weight:900;line-height:50px}@media (max-width:575px){.spell-generator h1{font-size:36px}}.spell-generator p{margin:16px 0}.spell-generator form{margin-top:50px}.spell-generator textarea{box-sizing:border-box;border:none;width:100%;min-height:150px;margin:20px 0;padding:20px;font-family:monospace;font-size:16px;display:block}.spell-generator button,.spell-generator a.button{color:#000;cursor:pointer;background-color:#75f9aa;border:none;border-radius:5px;padding:15px 80px;font-size:16px;transition:all 1s}.spell-generator button:hover,.spell-generator a.button:hover{background-color:#d1ff84}.spell-generator .examples{margin-top:100px}.spell-generator .examples a{opacity:1}.spell-generator .examples a:hover .spell-name{color:#62871c}.spell-generator .examples h2{font-size:36px}@media (max-width:575px){.spell-generator .examples h2{font-size:28px}}.spell-generator .spell{color:#000;background-color:#fdfcdf;border-radius:3px;margin:30px 0;padding:40px}.spell-generator .spell .spell-name{font-size:32px;font-weight:900}@media (max-width:767px){.spell-generator .spell{padding:20px}.spell-generator .spell .spell-name{font-size:28px}}.spell-generator .spell .spell-pronunciation{margin-top:10px;font-style:italic}.spell-generator .spell .spell-description{margin-top:30px}.spell-details{margin-top:50px}.spell-generator .copy-link-button{background-color:#c0aaff}.spell-generator .copy-link-button:hover{background-color:#2578ff}.spell-actions{justify-content:space-between;display:flex}@media (max-width:767px){.spell-actions{flex-direction:column;row-gap:20px;margin:10px 0}}.spell-actions a.button{cursor:pointer;text-align:center;border:none;text-decoration:none}