*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.page{background:linear-gradient(135deg,#667eea,#764ba2);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.card{background:#fffffff2;border-radius:20px;width:100%;max-width:650px;padding:28px;animation:.4s fadeIn;box-shadow:0 30px 60px #00000040}.header h1{color:#111827;margin:0;font-size:30px;font-weight:700}.header p{color:#6b7280;margin:6px 0 22px;font-size:14px}.input{resize:none;border:1px solid #d1d5db;border-radius:14px;width:100%;min-height:130px;padding:14px 16px;font-size:15px;transition:all .2s}.input:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 4px #6366f140}.button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:14px;width:100%;margin-top:16px;padding:14px;font-size:16px;font-weight:600;transition:transform .15s,box-shadow .15s}.button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 18px 35px #6366f173}.button:disabled{opacity:.7;cursor:not-allowed}.response{background:linear-gradient(135deg,#f9fafb,#eef2ff);border:1px solid #e5e7eb;border-radius:16px;margin-top:26px;padding:20px}.response h3{color:#1f2937;margin:0 0 10px;font-size:16px;font-weight:600}.response-content{color:#374151;white-space:pre-wrap;font-size:14px;line-height:1.7}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}