body{font-family:Inter,sans-serif;display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f7f9fc;margin:0;color:#333}#root{display:flex;flex-direction:column;align-items:center;gap:30px;padding:40px;background-color:#fff;border-radius:12px;box-shadow:0 8px 30px #00000014;max-width:700px;width:90%;text-align:center}h1,h2{color:#2c3e50;margin-bottom:15px}button{padding:12px 25px;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;transition:all .3s ease;min-width:200px;box-shadow:0 4px 10px #0000001a}button:hover{transform:translateY(-2px);box-shadow:0 6px 15px #00000026}.login-button{background-color:#4285f4;color:#fff}.login-button:hover{background-color:#357ae8}.me-button{background-color:#6c757d;color:#fff}.me-button:hover{background-color:#5a6268}.generate-button{background-color:#007bff;color:#fff;margin-top:15px}.generate-button:hover{background-color:#0056b3}textarea{width:calc(100% - 30px);padding:15px;border:1px solid #e0e0e0;border-radius:10px;font-size:17px;line-height:1.6;min-height:180px;resize:vertical;box-shadow:inset 0 2px 5px #0000000d;transition:border-color .3s ease,box-shadow .3s ease}textarea:focus{outline:none;border-color:#007bff;box-shadow:0 0 0 3px #007bff40}pre{background-color:#f8f9fa;padding:20px;border-radius:10px;text-align:left;white-space:pre-wrap;word-break:break-all;max-height:350px;overflow-y:auto;width:calc(100% - 40px);box-sizing:border-box;border:1px solid #e9ecef;font-family:SF Mono,Consolas,Menlo,monospace;color:#555;font-size:14px}.input-section{display:flex;flex-direction:column;align-items:center;width:100%}.loading{font-size:18px;color:#666}