@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800&family=Unbounded:wght@700;800&display=swap');
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#0b0b0c;color:#f6f3ed;font-family:Manrope,Arial,sans-serif;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.nav{height:88px;display:flex;align-items:center;justify-content:space-between;max-width:1180px;margin:auto;padding:0 24px}.logo{font:800 24px Unbounded;text-decoration:none;color:#fff}.logo span{color:#d9ff3f}.pill{font-size:12px;border:1px solid #333;border-radius:999px;padding:10px 15px;color:#aaa}.hero{max-width:1180px;margin:auto;padding:95px 24px 110px;position:relative}.hero:after{content:"☻";position:absolute;right:4%;top:25px;font:800 330px/1 Arial;color:#d9ff3f;opacity:.06;transform:rotate(12deg)}.badge{font-weight:800;font-size:11px;letter-spacing:2px;color:#d9ff3f;margin-bottom:24px}.hero h1{font:800 clamp(52px,9vw,118px)/.9 Unbounded;margin:0;letter-spacing:-6px;position:relative;z-index:1}.hero h1 em{font-style:normal;color:#d9ff3f}.lead{max-width:670px;font-size:20px;line-height:1.6;color:#a9a9aa;margin:36px 0}.cta,.submit{display:inline-flex;align-items:center;gap:50px;background:#d9ff3f;color:#0a0a0b;padding:19px 25px;border:0;border-radius:4px;font-weight:800;text-decoration:none;box-shadow:7px 7px 0 #fff;transition:.2s}.cta:hover,.submit:hover{transform:translate(3px,3px);box-shadow:3px 3px 0 #fff}.tiny{font-size:11px;color:#666;margin-top:22px}.marquee{background:#d9ff3f;color:#0a0a0b;padding:15px 0;overflow:hidden;white-space:nowrap;font:800 15px Unbounded;transform:rotate(-1deg);width:102%;margin-left:-1%}.marquee div{animation:move 20s linear infinite}@keyframes move{to{transform:translateX(-50%)}}.tools,.roast{max-width:1180px;margin:auto;padding:110px 24px}.section-head{display:flex;gap:25px;align-items:center;margin-bottom:40px}.section-head span{color:#d9ff3f;font-weight:800}.section-head h2{font:800 clamp(30px,5vw,56px) Unbounded;margin:0;letter-spacing:-2px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.card{min-height:300px;background:#141416;border:1px solid #262629;padding:26px;display:flex;flex-direction:column;transition:.2s}.card:hover{transform:translateY(-5px);border-color:#555}.card.hot{background:#d9ff3f;color:#0b0b0c}.ico{font-size:40px}.card h3{font:800 20px Unbounded;margin:28px 0 12px}.card p{font-size:14px;line-height:1.6;opacity:.65}.card a,.card span{margin-top:auto;font-size:12px;font-weight:800;color:inherit;text-decoration:none}.panel{background:#141416;border:1px solid #2a2a2c;padding:30px;max-width:800px}.upload{height:290px;border:2px dashed #414145;display:flex;align-items:center;justify-content:center;text-align:center;cursor:pointer;background:#101011;overflow:hidden}.upload input{display:none}.upload b,.upload small{display:block;margin-top:10px}.upload small{color:#777}.uploadIcon{font-size:54px;color:#d9ff3f}.upload img{width:100%;height:290px;object-fit:cover}.row{margin-top:24px}.row small,.levels>small{display:block;color:#8e8e91;font-weight:800;font-size:10px;letter-spacing:1.5px;margin-bottom:9px}.row input{width:100%;padding:17px;background:#0c0c0d;border:1px solid #333;color:white;font:600 16px Manrope;outline:none}.row input:focus{border-color:#d9ff3f}.levels{margin:24px 0}.levelbuttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.levelbuttons input{display:none}.levelbuttons span{display:block;padding:14px 8px;text-align:center;border:1px solid #343438;cursor:pointer;font-size:13px}.levelbuttons input:checked+span{background:#d9ff3f;color:#090909;border-color:#d9ff3f;font-weight:800}.levels p{font-size:10px;color:#666}.submit{width:100%;justify-content:center;font-size:15px;cursor:pointer}.hidden{display:none!important}.loading{text-align:center;padding:100px 20px}.spinner{width:55px;height:55px;border:4px solid #333;border-top-color:#d9ff3f;border-radius:50%;margin:auto;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.result{padding:15px}.resultTop{display:flex;justify-content:space-between;color:#d9ff3f;font:800 13px Unbounded}.resultTop button{background:none;border:1px solid #444;color:#aaa;padding:7px 10px;cursor:pointer}.result h3{font:800 34px Unbounded;margin:45px 0 25px}.result #roastText{font-size:18px;line-height:1.75;white-space:pre-line}.shareline{margin-top:45px;padding-top:20px;border-top:1px solid #333;color:#777;font-size:12px}footer{border-top:1px solid #222;max-width:1180px;margin:70px auto 0;padding:45px 24px;display:flex;align-items:center;gap:35px;color:#666;font-size:11px}footer p{flex:1}@media(max-width:850px){.grid{grid-template-columns:1fr 1fr}.hero{padding-top:70px}.hero h1{letter-spacing:-3px}.hero:after{display:none}}@media(max-width:560px){.nav{height:70px}.pill{display:none}.hero{padding:55px 18px 80px}.hero h1{font-size:48px}.lead{font-size:16px}.cta{width:100%;justify-content:space-between}.tools,.roast{padding:75px 18px}.grid{grid-template-columns:1fr}.card{min-height:220px}.panel{padding:15px}.upload{height:230px}.levelbuttons{grid-template-columns:1fr}.section-head h2{font-size:30px}footer{margin-top:30px;display:block}footer p{margin:20px 0}}.v2actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}.v2actions .submit{box-shadow:none;gap:0;text-align:center;justify-content:center}.submit.dark{background:#171719;color:#fff;border:1px solid #3a3a3e}.premiumBtn{margin-top:14px;background:#d9ff3f}.submit:disabled{opacity:.55;cursor:wait}@media(max-width:700px){.v2actions{grid-template-columns:1fr}}
.limitnote{opacity:.55;font-size:12px;text-align:center;margin:10px 0 0}.premiumBtn{background:#c8ff35!important;color:#090909!important}.dark{background:#202020!important}