*{margin:0;padding:0;box-sizing:border-box}body{font-family:arial,sans-serif;background:white}.container{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;min-height:100vh;padding-top:10vh}.search-box{text-align:center;padding:20px}.logo{font-size:90px;font-weight:400;margin-bottom:30px;letter-spacing:0px;font-family:arial,sans-serif}.letter-r1{color:#4285f4}.letter-o1{color:#ea4335}.letter-o2{color:#fbbc04}.letter-o3{color:#4285f4}.letter-o4{color:#34a853}.letter-d{color:#ea4335}.letter-i{color:#fbbc04}.letter-g{color:#4285f4}.letter-e{color:#34a853}.letter-r2{color:#ea4335}.search-input{width:584px;height:46px;border:1px solid #dfe1e5;border-radius:24px;padding:0 20px;font-size:16px;outline:none;margin-bottom:30px;transition:box-shadow .3s}.search-input:hover,.search-input:focus{box-shadow:0 1px 6px #20212447;border-color:#dfe1e500}.button-container{display:flex;justify-content:center;gap:12px}.search-button,.lucky-button{background-color:#f8f9fa;border:1px solid #f8f9fa;border-radius:4px;color:#3c4043;font-size:14px;padding:0 16px;line-height:36px;height:36px;min-width:54px;text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;transition:all .1s}.search-button:hover,.lucky-button:hover{box-shadow:0 1px 1px #0000001a;background-color:#f8f9fa;border:1px solid #dadce0;color:#202124}.search-button:disabled,.lucky-button:disabled{opacity:.6;cursor:not-allowed}.loading-spinner{display:inline-block;animation:spin 1s linear infinite;margin-right:8px;font-size:16px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.timer-container{margin-top:15px;text-align:center}.timer{color:#70757a;font-size:12px;opacity:1;font-weight:500}.result-container{margin-top:40px;max-width:600px}.result-card{background:#f8f9fa;border-radius:8px;padding:20px;text-align:left;box-shadow:0 1px 3px #3c40434d}.result-card h3{color:#202124;font-size:18px;margin-bottom:15px;text-align:center}.roast{font-size:16px;color:#3c4043;margin-bottom:15px;line-height:1.4}.roast h1,.roast h2,.roast h3{color:#202124;margin:15px 0 10px}.roast h2{font-size:18px;border-bottom:1px solid #dadce0;padding-bottom:5px}.roast h3{font-size:16px}.roast strong{font-weight:700;color:#1a73e8}.roast em{font-style:italic;color:#ea4335}.roast code{background:#f1f3f4;padding:2px 4px;border-radius:3px;font-family:Courier New,monospace;font-size:14px}.roast blockquote{border-left:3px solid #4285f4;margin:10px 0;padding-left:15px;font-style:italic;color:#5f6368}.roast ul,.roast ol{margin:10px 0;padding-left:20px}.roast li{margin:5px 0}.rating{font-size:14px;color:#5f6368;margin-bottom:10px;font-weight:700}.provider-info{margin-top:15px;padding-top:10px;border-top:1px solid #dadce0}.provider-info small{color:#70757a;font-size:11px}.error-container{margin-top:20px}.error{color:#d93025;font-size:14px;padding:10px;background:#fce8e6;border-radius:4px;border:1px solid #f9ab00}.footer{position:relative;margin-top:40px;padding:20px 0;text-align:center;width:100%}.copyright{font-size:11px;color:#70757a;margin-bottom:3px}.made-with{font-size:9px;color:#9aa0a6}@media (max-width: 600px){.logo{font-size:60px}.search-input{width:90vw;max-width:400px}.button-container{flex-direction:column;align-items:center}.search-button,.lucky-button{width:200px}}