:root{--color-header:#0f58d6;--color-text:#222;--color-label:#444;--bg-container:#ffffffdc;--bg-gradient:linear-gradient(137deg, #6a11cb 0%, #2575fc)}html{font-size:10px}*{box-sizing:border-box}body{min-height:100dvh;font-size:1.6rem;margin:0;padding:1rem;font-family:'Open Sans','Segoe UI',Tahoma,Geneva,Verdana,sans-serif;color:var(--color-text);background:var(--bg-gradient);display:flex;flex-direction:column;align-items:center;gap:5rem}@media(min-width:768px){body{padding:3rem}}.header{width:100%;max-width:75rem;padding:1rem 2rem;display:flex;justify-content:space-around;align-items:center;font-size:1.6rem;color:var(--color-header);background-color:var(--bg-container);text-align:center;text-shadow:0 2px 5px gray;border-radius:10px;box-shadow:inset 0 2px 10px rgba(255,255,255,.08)}.header__logo{height:6rem;margin-right:1rem}.main{font-size:1.6rem;width:100%;max-width:750px;padding:1rem;background-color:var(--bg-container);border-radius:5px;box-shadow:inset 0 2px 10px rgba(255,255,255,.08)}@media(min-width:768px){.main{padding:3rem}}.main__header{display:flex;flex-direction:column;justify-content:center;gap:2rem;align-items:center;font-size:1.6rem;font-weight:700;margin-bottom:2.5rem;padding:2rem;text-align:center;text-shadow:0 2px 5px gray;color:#fff;background:var(--bg-gradient);border-radius:7px;box-shadow:2px 2px 10px rgba(236,230,230,.1)}@media(min-width:768px){.main__header{flex-direction:row;gap:5rem;font-size:2.4rem}}.header__genius{font-size:2.7rem;text-shadow:0 2px 5px gray}label{font-size:1.8rem;font-weight:600;color:var(--color-label);margin-bottom:2rem;display:flex;align-items:center;gap:1rem}#userInput{width:100%;margin-bottom:2rem;padding:1.5rem;font-size:1.6rem;border:2px solid #ddd;border-radius:10px;transition:all .3s ease;outline-offset:2px;outline-color:#2505cc}#userInput>span{font-size:10rem}#userInput:focus{border-color:#2575fc;box-shadow:0 0 7px #1c57bc}@media(min-width:768px){#userInput{font-size:1.8rem}}#askGeniusBtn{display:block;margin:0 auto;width:100%;font-size:1.8rem;padding:1.5rem;background-color:#2575fc;color:#fff;font-weight:700;border:none;outline:0;border-radius:10px;cursor:pointer;box-shadow:0 0 7px #1c57bc;transition:all 300 ms ease-in-out}#askGeniusBtn:hover{background-color:#1c57bc;box-shadow:0 7px 17px #2575fc}@media(min-width:768px){#askGeniusBtn{width:20rem;font-size:2rem}}#status{margin-top:2rem;font-style:italic;color:#555;min-height:1.7rem;display:flex;align-items:center;gap:1rem;transition:all .3s ease}#response{position:relative;margin-top:1.7rem;color:#333;background-color:#f9f9f9;padding:2rem;border-radius:10px;min-height:12rem;box-shadow:inset 0 0 7px #ddd;font-size:1.6rem;font-style:italic;white-space:pre-wrap;line-height:1.4}